vuesp-components 1.3.13 → 2.0.0

package/dist/index.es.js

@@ -1,633 +1,173 @@
-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 oe, createCommentVNode as I, normalizeClass as z, createVNode as p, withCtx as g, renderSlot as C, mergeProps as H, ref as L, onMounted as ne, Teleport as we, Transition as X, withModifiers as P, toDisplayString as _, createTextVNode as T, resolveDirective as Ce, withDirectives as re, normalizeStyle as K, renderList as N, unref as F, TransitionGroup as me, watch as W, toRef as ze, readonly as Ve, customRef as Be, getCurrentScope as Me, onScopeDispose as Ie, toValue as Z, shallowRef as ue, nextTick as Ae, normalizeProps as R, guardReactiveProps as U, withKeys as Se, vShow as Te, isRef as De, vModelText as He } from "vue";
-import { getDataValue as Le } from "./dashboard/index.es.js";
-import { getFunction as _n, getParamsData as $n, getStateItem as wn, setStateItem as Cn } from "./dashboard/index.es.js";
-import { dateUtcToString as je, timeUtcToString as Ne, findMenuItem as Oe, clone as Pe } from "./helpers/index.es.js";
-const Fe = {
-  mounted(t, e) {
-    t.clickOutsideEvent = function(n) {
-      t === n.target || t.contains(n.target) || e.value(n, t);
-    }, document.addEventListener("click", t.clickOutsideEvent);
+import { openBlock as a, createElementBlock as f, createStaticVNode as Ae, createElementVNode as l, defineComponent as V, resolveComponent as fe, Fragment as j, createCommentVNode as B, normalizeClass as z, createVNode as g, withCtx as h, createBlock as T, renderSlot as $, markRaw as F, computed as A, resolveDynamicComponent as X, mergeProps as N, shallowRef as de, Teleport as me, Transition as Z, unref as S, withModifiers as E, normalizeStyle as G, ref as H, resolveDirective as Te, withDirectives as oe, renderList as P, createTextVNode as L, toDisplayString as w, TransitionGroup as ve, watch as ae, normalizeProps as W, guardReactiveProps as q, withKeys as De, vShow as Ie, isRef as Me, vModelText as Le, onMounted as ge } from "vue";
+import { u as pe, a as je, b as he, c as be, d as ne, e as Ne } from "./useSwipeDown-E8KeNvRa.js";
+import { getDataValue as Oe } from "./dashboard/index.es.js";
+import { getFunction as oa, getParamsData as aa, getStateItem as na, setStateItem as ia } from "./dashboard/index.es.js";
+import { dateUtcToString as Ee, timeUtcToString as He, findMenuItem as Pe, clone as Fe } from "./helpers/index.es.js";
+const Ue = {
+  mounted(e, s) {
+    e.clickOutsideEvent = function(n) {
+      e === n.target || e.contains(n.target) || s.value(n, e);
+    }, document.addEventListener("click", e.clickOutsideEvent);
   },
-  unmounted(t) {
-    document.removeEventListener("click", t.clickOutsideEvent), delete t.clickOutsideEvent;
+  unmounted(e) {
+    document.removeEventListener("click", e.clickOutsideEvent), delete e.clickOutsideEvent;
   }
-}, Ee = [{ name: "outside", directive: Fe }], Re = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function Ue(t, e) {
-  return s(), v("svg", Re, e[0] || (e[0] = [
-    l("path", { d: "M21 3H3a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 9H3V5h18ZM5 10a1 1 0 0 1 1-1h12a1 1 0 0 1 0 2H6a1 1 0 0 1-1-1m11-3a1 1 0 0 1 1-1h1a1 1 0 0 1 0 2h-1a1 1 0 0 1-1-1M9.793 20.293 11.086 19l-.293-.293a1 1 0 0 1 0-1.414l2-2a1 1 0 0 1 1.414 1.414L12.914 18l.293.293a1 1 0 0 1 0 1.414l-2 2a1 1 0 0 1-1.414-1.414m5.5 0L16.586 19l-.293-.293a1 1 0 0 1 0-1.414l2-2a1 1 0 0 1 1.414 1.414L18.414 18l.293.293a1 1 0 0 1 0 1.414l-2 2a1 1 0 0 1-1.414-1.414m-11 0L5.586 19l-.293-.293a1 1 0 0 1 0-1.414l2-2a1 1 0 0 1 1.414 1.414L7.414 18l.293.293a1 1 0 0 1 0 1.414l-2 2a1 1 0 0 1-1.414-1.414" }, null, -1)
-  ]));
-}
-const We = { render: Ue }, qe = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "-2 0 15.998 15.998"
-};
-function Ge(t, e) {
-  return s(), v("svg", qe, 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 Ke = { render: Ge }, Ze = {
-  width: "24",
-  height: "24",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function Je(t, e) {
-  return s(), v("svg", Ze, e[0] || (e[0] = [
-    l("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d: "M12 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
-    }, null, -1),
-    l("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d: "M3 16.8V9.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C4.52 6 5.08 6 6.2 6h1.055c.123 0 .184 0 .24-.006a1 1 0 0 0 .725-.448c.03-.048.058-.103.113-.213.11-.22.165-.33.228-.425a2 2 0 0 1 1.447-.895C10.123 4 10.246 4 10.492 4h3.018c.246 0 .37 0 .482.013a2 2 0 0 1 1.448.895c.063.095.118.205.228.425.055.11.082.165.113.213a1 1 0 0 0 .724.447c.057.007.118.007.241.007H17.8c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C21 7.52 21 8.08 21 9.2v7.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C19.48 20 18.92 20 17.8 20H6.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C3 18.48 3 17.92 3 16.8"
-    }, null, -1)
-  ]));
-}
-const Qe = { render: Je }, Xe = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function Ye(t, e) {
-  return s(), v("svg", Xe, e[0] || (e[0] = [
-    l("path", {
-      "fill-rule": "evenodd",
-      d: "M5.999 10.495a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 0 1-3 0v-.01a1.5 1.5 0 0 1 1.5-1.5m12 0a1.5 1.5 0 0 1 1.5 1.5v.01a1.5 1.5 0 1 1-3 0v-.01a1.5 1.5 0 0 1 1.5-1.5m-4.5 1.5a1.5 1.5 0 1 0-3 0v.01a1.5 1.5 0 0 0 3 0z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ]));
-}
-const et = { render: Ye }, tt = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 1024 1024"
-};
-function lt(t, e) {
-  return s(), v("svg", tt, 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 at = { render: lt }, st = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function ot(t, e) {
-  return s(), v("svg", st, 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 nt = { render: ot }, rt = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function it(t, e) {
-  return s(), v("svg", rt, 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 dt = { render: it }, ct = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function ut(t, e) {
-  return s(), v("svg", ct, 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 vt = { render: ut }, ft = {
-  width: "24",
-  height: "24",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function ht(t, e) {
-  return s(), v("svg", ft, e[0] || (e[0] = [
-    l("path", {
-      fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M5.5 3.25A2.25 2.25 0 0 0 3.25 5.5V9a2.25 2.25 0 0 0 2.25 2.25H9A2.25 2.25 0 0 0 11.25 9V5.5A2.25 2.25 0 0 0 9 3.25zM4.75 5.5a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75V9a.75.75 0 0 1-.75.75H5.5A.75.75 0 0 1 4.75 9zm.75 7.25A2.25 2.25 0 0 0 3.25 15v3.5a2.25 2.25 0 0 0 2.25 2.25H9a2.25 2.25 0 0 0 2.25-2.25V15A2.25 2.25 0 0 0 9 12.75zM4.75 15a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-.75.75H5.5a.75.75 0 0 1-.75-.75zm8-9.5A2.25 2.25 0 0 1 15 3.25h3.5a2.25 2.25 0 0 1 2.25 2.25V9a2.25 2.25 0 0 1-2.25 2.25H15A2.25 2.25 0 0 1 12.75 9zM15 4.75a.75.75 0 0 0-.75.75V9c0 .414.336.75.75.75h3.5a.75.75 0 0 0 .75-.75V5.5a.75.75 0 0 0-.75-.75zm0 8A2.25 2.25 0 0 0 12.75 15v3.5A2.25 2.25 0 0 0 15 20.75h3.5a2.25 2.25 0 0 0 2.25-2.25V15a2.25 2.25 0 0 0-2.25-2.25zM14.25 15a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75z",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ]));
-}
-const pt = { render: ht }, mt = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function gt(t, e) {
-  return s(), v("svg", mt, 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 bt = { render: gt }, yt = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 1024 1024"
-};
-function xt(t, e) {
-  return s(), v("svg", yt, e[0] || (e[0] = [
-    l("path", {
-      fill: "#5E676F",
-      d: "M166.5 608.4c0-180.9 153.4-261.1 317.8-528.9 14.4-19.9 43.2-19.9 58.4 1.5 164.6 268.7 317 346.8 317 527.4 0 191.4-155.2 346.6-346.6 346.6S166.5 799.8 166.5 608.4"
-    }, null, -1),
-    l("path", {
-      fill: "#FFF",
-      d: "M483.2 175.5c-65.9 84.8-214.1 292.7-217.5 298.2-28.6 46.5-41.5 86.8-41.5 134.6 0 159.5 129.3 288.8 288.8 288.8s288.8-129.3 288.8-288.8c0-47.8-12.8-87.9-41.3-134.1-2.5-4-151.4-213.3-217.2-298.6-15.9-20.8-43.9-20.8-60.1-.1"
-    }, null, -1),
-    l("path", {
-      fill: "#5E676F",
-      d: "M513.1 826.3c0 14.4-21.3 13.8-31 12.6-104.1-13.3-186.5-96-199.6-200.1-.9-7.2-1.8-30.3 12.6-30.3s16.8 32.6 16.8 32.6c13.5 86.6 81.9 155 168.5 168.5.1-.2 32.7 2.2 32.7 16.7"
-    }, null, -1)
-  ]));
-}
-const kt = { render: xt }, _t = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function $t(t, e) {
-  return s(), v("svg", _t, e[0] || (e[0] = [
-    l("path", { d: "M3 4h18v2H3zm0 7h12v2H3zm0 7h18v2H3z" }, null, -1)
-  ]));
-}
-const wt = { render: $t }, Ct = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function zt(t, e) {
-  return s(), v("svg", Ct, 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 Vt = { render: zt }, Bt = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function Mt(t, e) {
-  return s(), v("svg", Bt, 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 It = { render: Mt }, At = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function St(t, e) {
-  return s(), v("svg", At, 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 Tt = { render: St }, Dt = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function Ht(t, e) {
-  return s(), v("svg", Dt, 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 Lt = { render: Ht }, jt = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function Nt(t, e) {
-  return s(), v("svg", jt, 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 Ot = { render: Nt }, Pt = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 491.7 491.7"
-};
-function Ft(t, e) {
-  return s(), v("svg", Pt, 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 Et = { render: Ft }, Rt = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function Ut(t, e) {
-  return s(), v("svg", Rt, 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 Wt = { render: Ut }, qt = {
-  fill: "currentColor",
-  viewBox: "0 0 179 40"
+}, Re = [{ name: "outside", directive: Ue }], ee = (e, s) => {
+  const n = e.__vccOpts || e;
+  for (const [u, t] of s)
+    n[u] = t;
+  return n;
+}, We = {}, qe = {
+  viewBox: "0 0 179 40",
+  fill: "currentColor"
 };
-function Gt(t, e) {
-  return s(), v("svg", qt, 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)
-  ]));
+function Ge(e, s) {
+  return a(), f("svg", qe, [...s[0] || (s[0] = [
+    Ae('<g transform="matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)"><path d="m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z"></path><path d="m 104.76548,-63.374174 0.008,91.15236 -26.35225,25.003926 26.35676,25.415735 4.8e-4,91.161403 4.03033,0.0237 c 0,0 0.0729,-90.913243 -0.0476,-91.163063 l 26.24012,-24.776315 -26.23835,-25.66073 0.007,-91.147024 z"></path><path d="m 803.85444,82.816565 c -5.5092,-1.69169 -15.7197,-2.12913 -19.9329,1.03114 -5.56,4.548 -0.63,22.670005 -0.76,28.973005 0.3943,19.76599 20.7146,30.35978 36.02,33 0,0 45.06,4.77 68,-5.439 35.89996,-15.975 40.75996,-63.180005 13.91,-89.457 -15.2385,-18.333755 -72.7584,-32.66908 -78.91,-50.10399958 -6.54,-7.52040002 -2.52,-22.38120042 5.1,-27.89120042 10.47,-7.5605 25.91,-7.3647 37.9,-5.017 13.11,2.5659 14.15,13.6285 18,24.9082004 1.48,4.3522 2.88,12.3564 8.1,13.6674 2.25,0.5623 4.67,-0.1094 6.9,-0.3827 16.42996,-2.011 11.28456,-11.418391 12.09456,-24.2037914 0.38,-6.0219 2.2254,-16.238609 -1.1246,-21.752209 -5.98996,-9.87979 -17.48276,-9.960049 -30.96996,-15.3287 -11.9944,-2.919504 -32.57,-5.50288 -50,-1.25772 -13.92,3.39017 -28.5,10.49772 -37.24,22.25772 -16.31,21.9622 -9.6,57.1861 10.26,74.6998 22.17,19.5582 58.4,21.7732 76.41,46.304195 16.9,23.013005 -18.71,37.732005 -37.1,36.158005 -39.9169,-0.34531 -23.6297,-30.723925 -36.6571,-40.166145 z"></path><path d="m 321.18154,-32.17929 21,9 -46,120.999995 c -13.02939,-49.349215 -25.65589,-93.5184936 -37,-121.999995 5.741,-1.2008 17.946,-4.1139 20.397,-10.1049 2.328,-5.6934 -1.142,-13.0456 -1.397,-18.8951 -9.12189,0.745226 -79.43846,-2.275099 -82.411,2.3179 -1.02172,5.2378 -3.84926,12.95938 -1.985,17.2878 4.036,8.5605 18.82154,3.517306 23.75154,13.866906 25.90475,54.255645 38.51776,106.713979 60.87446,156.527394 37.33703,54.02331 63.06896,-92.52485 72.275,-119 4.089,-11.8192996 7.212,-30.0265 15.194,-39.7724 15.1599,-17.433642 28.97616,-5.381825 21.868,-28.07945 -5.23694,-5.944366 -63.1086,-2.739072 -64.389,-1.54476 -3.452,4.31661 -7.5289,7.804293 -2.178,19.39661 z"></path><path d="m 401.18154,-53.17929 c -0.998,4.83681 -4.908,16.1206 -1.357,20.3511 4.914,5.8555 20.341,3.7676 21.463,12.689 3.596,28.5694004 -0.4,58.2962 0.855,86.9599 0.882,20.149995 3.491,41.865 17.134,57.961 36.351,42.885 114.137,25.661 128.322,-27.961005 9.142,-34.561995 3.01191,-80.803507 3.08491,-116.292007 0.033,-15.7886 15.53509,-3.553988 22.46909,-13.356888 3.337,-4.7169 -1.212,-15.187 -1.971,-20.3511 -20.45735,-0.261837 -40.85188,-0.262234 -61.258,1.02779 l -3.742,11.97221 c 0.84877,13.898543 11.37685,10.038234 23.90801,11.758642 0.32053,9.189207 0.091,48.923358 0.092,71.241358 10e-4,19.4 0.471,40.338995 -8.89,58 -15.56,29.358 -61.659,29.409 -74.878,-2.000005 -10.636,-25.273 -6.147,-56.234995 -6.233,-82.999995 -0.035,-10.9870996 -2.501,-25.3419996 0.319,-35.9568 2.549,-9.5978 16.626,-6.4297 22.064,-12.6921 3.287,-3.7858 -0.52,-15.71299 -1.382,-20.3511 z"></path><path d="m 760.05964,143.05268 c -5.1123,-31.58627 4.9497,-52.437285 -1.4781,-59.628975 -3.17,-3.163 -17.48,-3.877 -20.39,-0.285 -7.636,9.412 -6.012,27.571005 -14.737,36.079005 -3.136,3.058 -10.272,1.461 -14.273,1.689 -13.102,0.746 -25.895,-0.086 -39,-0.086 l -1,-68 c 7.223,0.913 21.685,-1.996 27.722,1.269 6.665,3.604 3.577,17.035995 10.556,20.532995 5.15472,-0.0642 13.05488,0.47604 17.494,-1.405 5.21328,-7.758815 3.74312,-60.612259 -0.015,-62.640795 -5.5141,-0.237113 -13.29293,-2.8563906 -17.543,-1.1527996 -6.595,2.8734996 -5.002,15.2292996 -10.608,19.7931996 -5.233,4.2609 -21.417,2.0768 -27.606,0.6034 l 0.018,-19.9999996 0.982,-42.0000004 h 36 c 4.195,0 11.017,-1.271 14.725,1.0278 9.479,5.8759 5.235,25.2669004 13.705,30.94060042 4.66,3.12049998 14.21,-2.03520002 19.57,-1.96840002 -1.7258,-10.0332024 5.1749,-44.7657364 -0.6,-49.9722104 -8.573,-0.17431 -123.95249,0.09746 -142.26,0.5756 -2.813,3.26479 -4.226,15.59871 -1.533,19.00621 4.834,6.1168 16.163,4.3646 20.481,9.9544 4.51586,28.5714044 7.89004,96.377815 0.594,132.328 -2.185,7.787 -16.181,5.969 -20.654,11.832 -1.59611,5.22999 -0.7409,13.33851 1.536,18.048 5.16025,7.51372 110.02916,3.17366 148.3141,3.45997 z"></path><path d="m 964.1815,-23.17929 c 0,43.4127 3.83,88.767 -0.06,131.985 -0.8,8.923 -14.88,7.544 -20.62,12.09 -4.2,3.326 -1.95,14.442 -0.17,18.777 15.7137,4.67091 86.3037,9.27518 89.39,-4.852 0.57,-3.057 2.36,-9.582 0.42,-12.297 -5.77,-8.041 -28.93,-2.391 -30.81,-13.747 -0.063,-55.41713 -0.3488,-55.25935 -0.15,-140.956 16.19,0 34.24,-2.9842 46.98,9.0934 18.26,17.2977004 11.94,53.4098 -8.98,65.6236 -7.67,4.477 -18.44,3.283 -27,3.283 v 23 c 23.19,0 50.85,-0.216 69,-17.093 28.42,-26.4403 19.73,-83.9314 -16,-99.7334 -4.6952,-8.320027 -96.8662,-17.196078 -120.68,-4.43208 -2.7,1.3721 -3.6701,5.98455 -3.17,8.34798 -3.3313,17.201533 8.54,18.6194 21.85,20.9105 z"></path></g>', 1)
+  ])]);
 }
-const Kt = { render: Gt }, Zt = {
+const ye = /* @__PURE__ */ ee(We, [["render", Ge]]), Ke = {}, Je = {
   width: "40",
   height: "40",
-  fill: "currentColor",
-  viewBox: "0 0 40 40"
-};
-function Jt(t, e) {
-  return s(), v("svg", Zt, 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 Qt = { render: Jt }, Xt = {
-  width: "24",
-  height: "24",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function Yt(t, e) {
-  return s(), v("svg", Xt, e[0] || (e[0] = [
-    l("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-width": "2",
-      d: "M8 7.528a6 6 0 1 0 8 0"
-    }, null, -1),
-    l("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d: "M12 6v7"
-    }, null, -1)
-  ]));
-}
-const el = { render: Yt };
-function tl(t, e) {
-  return s(), v(D, null, [
-    e[0] || (e[0] = l("svg", {
-      width: "20",
-      height: "20",
-      fill: "currentColor",
-      class: "flex dark:hidden",
-      viewBox: "0 0 24 24"
-    }, [
-      l("path", { d: "M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2h.1A6.98 6.98 0 0 0 10 7m-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938 8 8 0 0 0 4 12" })
-    ], -1)),
-    e[1] || (e[1] = l("svg", {
-      width: "20",
-      height: "20",
-      fill: "currentColor",
-      class: "hidden dark:flex",
-      viewBox: "0 0 24 24"
-    }, [
-      l("path", { d: "M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414zm2.121-14.85 1.414 1.415-2.121 2.121-1.414-1.414zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z" })
-    ], -1))
-  ], 64);
-}
-const ll = { render: tl }, al = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
+  viewBox: "0 0 40 40",
+  fill: "currentColor"
 };
-function sl(t, e) {
-  return s(), v("svg", al, e[0] || (e[0] = [
-    l("path", { d: "M12 10h7L8 22l3-9H5l8-11Z" }, null, -1)
-  ]));
+function Qe(e, s) {
+  return a(), f("svg", Je, [...s[0] || (s[0] = [
+    l("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
+      l("path", { d: "m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z" })
+    ], -1)
+  ])]);
 }
-const ol = { render: sl }, nl = {
-  width: "24",
-  height: "24",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function rl(t, e) {
-  return s(), v("svg", nl, e[0] || (e[0] = [
-    l("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d: "M12 14.5v2m-5-6.471C7.471 10 8.053 10 8.8 10h6.4c.747 0 1.329 0 1.8.029m-10 0c-.588.036-1.006.117-1.362.298a3 3 0 0 0-1.311 1.311C4 12.28 4 13.12 4 14.8v1.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C6.28 21 7.12 21 8.8 21h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C20 18.72 20 17.88 20 16.2v-1.4c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311c-.356-.181-.774-.262-1.362-.298m-10 0V8a5 5 0 0 1 10 0v2.029"
-    }, null, -1)
-  ]));
-}
-const il = { render: rl }, dl = {
-  width: "22",
-  height: "22",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function cl(t, e) {
-  return s(), v("svg", dl, 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 ul = { render: cl }, vl = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function fl(t, e) {
-  return s(), v("svg", vl, 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 hl = { render: fl }, pl = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function ml(t, e) {
-  return s(), v("svg", pl, 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 gl = { render: ml }, bl = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 30 30"
-};
-function yl(t, e) {
-  return s(), v("svg", bl, 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 xl = { render: yl }, kl = {
-  width: "24",
-  height: "24",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function _l(t, e) {
-  return s(), v("svg", kl, e[0] || (e[0] = [
-    l("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d: "M7 20H4.6c-.56 0-.84 0-1.054-.109a1 1 0 0 1-.437-.437C3 19.24 3 18.96 3 18.4V9.04c0-.377 0-.565.06-.729a1 1 0 0 1 .248-.383c.126-.121.298-.197.642-.35L12 4l8.05 3.578c.344.153.516.229.642.35a1 1 0 0 1 .249.383c.059.164.059.352.059.729v9.36c0 .56 0 .84-.109 1.054a1 1 0 0 1-.437.437C20.24 20 19.96 20 19.4 20H17M7 20h10M7 20v-6m10 6v-6M7 14v-4h10v4M7 14h10"
-    }, null, -1)
-  ]));
-}
-const $l = { render: _l }, wl = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function Cl(t, e) {
-  return s(), v("svg", wl, e[0] || (e[0] = [
-    l("path", {
-      "fill-rule": "evenodd",
-      d: "M11.943 1.25h.114c2.309 0 4.118 0 5.53.19 1.444.194 2.584.6 3.479 1.494.895.895 1.3 2.035 1.494 3.48.19 1.411.19 3.22.19 5.529v.114c0 2.309 0 4.118-.19 5.53-.194 1.444-.6 2.584-1.494 3.479-.895.895-2.035 1.3-3.48 1.494-1.411.19-3.22.19-5.529.19h-.114c-2.309 0-4.118 0-5.53-.19-1.444-.194-2.584-.6-3.479-1.494-.895-.895-1.3-2.035-1.494-3.48-.19-1.411-.19-3.22-.19-5.529v-.114c0-2.309 0-4.118.19-5.53.194-1.444.6-2.584 1.494-3.479.895-.895 2.035-1.3 3.48-1.494 1.411-.19 3.22-.19 5.529-.19m-5.33 1.676c-1.278.172-2.049.5-2.618 1.069-.57.57-.897 1.34-1.069 2.619-.174 1.3-.176 3.008-.176 5.386s.002 4.086.176 5.386c.172 1.279.5 2.05 1.069 2.62.57.569 1.34.896 2.619 1.068 1.3.174 3.008.176 5.386.176s4.086-.002 5.386-.176c1.279-.172 2.05-.5 2.62-1.069.569-.57.896-1.34 1.068-2.619.174-1.3.176-3.008.176-5.386s-.002-4.086-.176-5.386c-.172-1.279-.5-2.05-1.069-2.62-.57-.569-1.34-.896-2.619-1.068-1.3-.174-3.008-.176-5.386-.176s-4.086.002-5.386.176m4.637 3.877a5.251 5.251 0 0 0 0 10.394V16.5a.75.75 0 0 1 1.5 0v.697a5.251 5.251 0 0 0 0-10.394V7.5a.75.75 0 0 1-1.5 0zM5.25 12a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0",
-      "clip-rule": "evenodd"
-    }, null, -1),
-    l("path", { d: "M15 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0M11 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0" }, null, -1)
-  ]));
-}
-const zl = { render: Cl }, Vl = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function Bl(t, e) {
-  return s(), v("svg", Vl, 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 Ml = { render: Bl }, Il = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function Al(t, e) {
-  return s(), v("svg", Il, e[0] || (e[0] = [
-    l("path", { d: "M12 19a1 1 0 1 0 0-2 1 1 0 0 0 0 2" }, null, -1),
-    l("path", {
-      "fill-rule": "evenodd",
-      d: "M15 14a5 5 0 1 1-6 0V4a3 3 0 1 1 6 0zM13 4v11.17A3.001 3.001 0 0 1 12 21a3 3 0 0 1-1-5.83V4a1 1 0 1 1 2 0",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ]));
-}
-const ve = { render: Al }, Sl = {
-  width: "24",
-  height: "24",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function Tl(t, e) {
-  return s(), v("svg", Sl, e[0] || (e[0] = [
-    l("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d: "M15 7v14m3-10h.01M18 14h.01M18 17h.01M17 3l-5 4-5-4m.8 18h8.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.72 21 17.88 21 16.2v-4.4c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C18.72 7 17.88 7 16.2 7H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C3 9.28 3 10.12 3 11.8v4.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C5.28 21 6.12 21 7.8 21"
-    }, null, -1)
-  ]));
-}
-const Dl = { render: Tl }, Hl = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function Ll(t, e) {
-  return s(), v("svg", Hl, e[0] || (e[0] = [
-    l("path", {
-      "fill-rule": "evenodd",
-      d: "M12 3.482a8.519 8.519 0 1 0 0 17.037 8.519 8.519 0 0 0 0-17.037M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12",
-      "clip-rule": "evenodd"
-    }, null, -1),
-    l("path", { d: "M12 11.3a.7.7 0 1 0 0 1.4.7.7 0 0 0 0-1.4m.35-6.3c3.15 0 3.22 2.499 1.561 3.325a2.35 2.35 0 0 0-1.134 1.729c.335.139.63.358.861.637C16.2 9.291 19 9.844 19 12.35c0 3.15-2.506 3.22-3.325 1.561a2.4 2.4 0 0 0-1.75-1.134c-.14.334-.359.629-.637.861 1.4 2.583.84 5.362-1.666 5.362-3.122 0-3.199-2.506-1.54-3.332a2.42 2.42 0 0 0 1.134-1.715 2.1 2.1 0 0 1-.875-.644C7.758 14.695 5 14.149 5 11.65c0-3.15 2.478-3.227 3.304-1.568a2.37 2.37 0 0 0 1.736 1.127c.135-.337.357-.632.644-.854C9.291 7.8 9.844 5 12.336 5z" }, null, -1)
-  ]));
-}
-const jl = { render: Ll }, Nl = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function Ol(t, e) {
-  return s(), v("svg", Nl, 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 Pl = { render: Ol }, Fl = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  viewBox: "0 0 24 24"
-};
-function El(t, e) {
-  return s(), v("svg", Fl, 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 Rl = { render: El }, Ul = {
-  width: "24",
-  height: "24",
-  fill: "currentColor",
-  "fill-rule": "evenodd",
-  viewBox: "0 0 24 24"
-};
-function Wl(t, e) {
-  return s(), v("svg", Ul, e[0] || (e[0] = [
-    l("path", { d: "M11 2v9H2v2h9v9h2v-9h9v-2h-9V2Z" }, null, -1)
-  ]));
-}
-const ql = { render: Wl }, B = /* @__PURE__ */ V({
-  __name: "VIcon",
-  props: {
-    name: {}
-  },
-  setup(t) {
-    const e = {
-      IconDots: et,
-      IconAir: We,
-      IconBulb: Ke,
-      IconCold: at,
-      IconCamera: Qe,
-      IconVent: jl,
-      IconGarage: $l,
-      IconVideo: Pl,
-      IconLight: ol,
-      IconTv: Dl,
-      IconTherm: ve,
-      IconStore: Ml,
-      IconSocket: zl,
-      IconSearch: xl,
-      IconSave: gl,
-      IconNoti: hl,
-      IconLogout: ul,
-      IconLock: il,
-      IconFolder: nt,
-      IconChevron: dt,
-      IconClose: vt,
-      IconDashboard: pt,
-      IconDevice: bt,
-      IconDrop: kt,
-      IconBurger: wt,
-      IconEyeClose: Vt,
-      IconEyeOpen: It,
-      IconFile: Tt,
-      IconGpio: Lt,
-      IconUpdate: Ot,
-      IconHeater: Et,
-      IconSetting: Wt,
-      IconLogo: Kt,
-      IconLogoMini: Qt,
-      IconPower: el,
-      IconTheme: ll,
-      IconInfo: Rl,
-      IconPlus: ql
-    }, n = M(() => t.name ? e[`Icon${t.name}`] : ve);
-    return (r, a) => (s(), A(G(n.value), { name: r.name }, null, 8, ["name"]));
-  }
-}), Gl = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Kl = /* @__PURE__ */ V({
+const Xe = /* @__PURE__ */ ee(Ke, [["render", Qe]]), Ye = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Ze = /* @__PURE__ */ V({
   __name: "AppAside",
   props: {
     isSidebar: { type: Boolean, default: !1 }
   },
   emits: ["sidebar"],
-  setup(t, { emit: e }) {
-    const n = e, r = () => {
-      t.isSidebar && n("sidebar", !t.isSidebar);
+  setup(e, { emit: s }) {
+    const n = s, u = () => {
+      e.isSidebar && n("sidebar", !e.isSidebar);
     };
-    return (a, u) => {
-      const d = oe("router-link");
-      return s(), v(D, null, [
-        a.isSidebar ? (s(), v("div", {
+    return (t, c) => {
+      const i = fe("router-link");
+      return a(), f(j, null, [
+        e.isSidebar ? (a(), f("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),
+          onClick: u
+        })) : B("", !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"])
+          class: z([e.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"])
+            class: z([e.isSidebar ? "justify-center" : "justify-between", "sidebar-header flex items-center gap-2 pt-6 pb-6 justify-between"])
           }, [
-            p(d, { to: "/" }, {
-              default: g(() => [
-                a.isSidebar ? (s(), A(B, {
+            g(i, { to: "/" }, {
+              default: h(() => [
+                e.isSidebar ? (a(), T(Xe, {
                   key: 0,
-                  name: "LogoMini",
                   class: "h-[30px] text-primary"
-                })) : (s(), A(B, {
+                })) : (a(), T(ye, {
                   key: 1,
-                  name: "Logo",
                   class: "h-[30px] text-primary"
                 }))
               ]),
               _: 1
             })
           ], 2),
-          l("div", Gl, [
-            C(a.$slots, "default")
+          l("div", Ye, [
+            $(t.$slots, "default")
           ])
         ], 2)
       ], 64);
     };
   }
-}), ge = (t, e) => {
-  const n = t.__vccOpts || t;
-  for (const [r, a] of e)
-    n[r] = a;
-  return n;
-}, Zl = {}, Jl = {
+}), et = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function tt(e, s) {
+  return a(), f("svg", et, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "M4.5 10.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S6 12.825 6 12s-.675-1.5-1.5-1.5m15 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S21 12.825 21 12s-.675-1.5-1.5-1.5m-7.5 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5s1.5-.675 1.5-1.5s-.675-1.5-1.5-1.5"
+    }, null, -1)
+  ])]);
+}
+const xe = F({ name: "ri-more-line", render: tt }), lt = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function st(e, s) {
+  return a(), f("svg", lt, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "M4 18h2v2h12V4H6v2H4V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm2-7h7v2H6v3l-5-4l5-4z"
+    }, null, -1)
+  ])]);
+}
+const ot = F({ name: "ri-logout-box-line", render: st }), at = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function nt(e, s) {
+  return a(), f("svg", at, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "M5 18h14v-6.969C19 7.148 15.866 4 12 4s-7 3.148-7 7.031zm7-16c4.97 0 9 4.043 9 9.031V20H3v-8.969C3 6.043 7.03 2 12 2M9.5 21h5a2.5 2.5 0 0 1-5 0"
+    }, null, -1)
+  ])]);
+}
+const _e = F({ name: "ri-notification-line", render: nt }), it = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function rt(e, s) {
+  return a(), f("svg", it, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12S6.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.938A8 8 0 0 0 4 12"
+    }, null, -1)
+  ])]);
+}
+const ct = F({ name: "ri-moon-line", render: rt }), dt = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function ut(e, s) {
+  return a(), f("svg", dt, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z"
+    }, null, -1)
+  ])]);
+}
+const ft = F({ name: "ri-sun-line", render: ut }), mt = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function vt(e, s) {
+  return a(), f("svg", mt, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "M3 4h18v2H3zm0 7h18v2H3zm0 7h18v2H3z"
+    }, null, -1)
+  ])]);
+}
+const gt = F({ name: "ri-menu-line", render: vt }), pt = {}, ht = {
   class: "animate-spin h-6 w-6",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function Ql(t, e) {
-  return s(), v("svg", Jl, e[0] || (e[0] = [
+function bt(e, s) {
+  return a(), f("svg", ht, [...s[0] || (s[0] = [
     l("circle", {
       class: "opacity-25",
       cx: "12",
@@ -641,9 +181,9 @@ function Ql(t, e) {
       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 be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", j = /* @__PURE__ */ V({
+const ke = /* @__PURE__ */ ee(pt, [["render", bt]]), yt = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", O = /* @__PURE__ */ V({
   __name: "VButton",
   props: {
     block: { type: Boolean },
@@ -657,160 +197,183 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
     disabled: { type: [Number, Boolean], default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    const n = e, r = (m) => n("click", m), 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", d = 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: d, blue: f }, o = {
+  setup(e, { emit: s }) {
+    const n = s, u = (x) => n("click", x), t = e.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", c = e.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", i = e.outline ? "border border-gray-600 text-gray-600" : "bg-gray-500 dark:bg-gray-800", m = e.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", d = { green: t, red: c, gray: i, blue: m }, r = {
       button: "px-4",
       icon: "rounded-full border border-gray-200 dark:border-gray-800"
-    }, i = {
+    }, o = {
       button: { normal: "h-10", small: "h-8" },
       icon: { normal: "size-10", small: "size-8" }
-    }, h = M(() => [Xl, w(t.color), b(t.type), $(t.type, t.size), { "w-full": t.block }]), y = M(() => t.href || t.to ? "router-link" : "button"), $ = (m, E) => {
-      var Q;
-      return ((Q = i[m]) == null ? void 0 : Q[E]) || "";
-    }, b = (m) => (o == null ? void 0 : o[m]) || "", w = (m) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${(c == null ? void 0 : c[m]) || ""}`;
-    return (m, E) => (s(), A(G(y.value), H(m.$attrs, {
-      href: m.href,
-      to: m.to,
-      class: h.value,
-      disabled: !!m.disabled,
-      onClick: r
+    }, p = A(() => [yt, y(e.color), v(e.type), b(e.type, e.size), { "w-full": e.block }]), C = A(() => e.href || e.to ? "router-link" : "button"), b = (x, D) => {
+      var M;
+      return ((M = o[x]) == null ? void 0 : M[D]) || "";
+    }, v = (x) => (r == null ? void 0 : r[x]) || "", y = (x) => e.type === "icon" ? "" : `${e.outline ? "dark:text-white" : "text-white"} ${(d == null ? void 0 : d[x]) || ""}`;
+    return (x, D) => (a(), T(X(C.value), N(x.$attrs, {
+      href: e.href,
+      to: e.to,
+      class: p.value,
+      disabled: !!e.disabled,
+      onClick: u
     }), {
-      default: g(() => [
+      default: h(() => [
         l("span", {
-          class: z(m.loading ? "opacity-0" : "")
+          class: z(e.loading ? "opacity-0" : "")
         }, [
-          C(m.$slots, "default")
+          $(x.$slots, "default")
         ], 2),
-        m.loading ? (s(), A(be, {
+        e.loading ? (a(), T(ke, {
           key: 0,
           class: "absolute left-1/2 -translate-x-1/2"
-        })) : I("", !0)
+        })) : B("", !0)
       ]),
       _: 3
     }, 16, ["href", "to", "class", "disabled"]));
   }
-}), Yl = { class: "flex-auto flex align-center md:px-4 overflow-y-auto no-scrollbar" }, ea = { 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" }, ta = { class: "px-4 py-2 flex-auto scroll-none" }, la = ["innerHTML"], aa = {
-  key: 0,
-  class: "px-4 py-2 flex justify-end"
-}, ye = /* @__PURE__ */ V({
-  __name: "AppDialog",
+}), xt = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function _t(e, s) {
+  return a(), f("svg", xt, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"
+    }, null, -1)
+  ])]);
+}
+const K = F({ name: "ri-close-line", render: _t }), kt = { class: "absolute right-3 top-3 z-10" }, $e = /* @__PURE__ */ V({
+  __name: "VPopup",
   props: {
-    value: { type: Boolean },
-    title: {},
-    message: { default: "" },
-    callback: { type: Function },
-    button: { default: "OK" },
-    size: { default: "sm" }
+    hiddenCloser: { type: Boolean },
+    size: { default: "auto" }
   },
-  emits: ["close", "open"],
-  setup(t, { emit: e }) {
-    const n = e, r = L(!1), a = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, u = M(() => a[t.size]), d = (o) => {
-      r.value = !1, setTimeout(() => {
-        n("close", o);
-      }, 300);
-    }, f = (o) => {
-      t.callback && t.callback(), d(o);
-    }, c = () => n("open", r.value);
-    return ne(() => {
-      setTimeout(() => {
-        r.value = !0;
-      }, 300);
-    }), (o, i) => (s(), A(we, { to: "body" }, [
-      p(X, {
-        "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: g(() => [
-          r.value ? (s(), v("div", {
-            key: 0,
-            class: "z-20 fixed top-0 h-[100dvh] w-full left-0 flex flex-col",
-            onWheel: i[0] || (i[0] = P(() => {
-            }, ["stop"]))
-          }, [
-            l("div", {
-              class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
-              onClick: d
-            }),
-            l("div", Yl, [
+  emits: ["close", "click", "open"],
+  setup(e, { emit: s }) {
+    const n = s, { show: u, overlay: t, onClose: c, onOpen: i } = pe(n), m = de(null), d = de(null), { opacity: r, transform: o } = je(m, d, c), b = { click: (x) => {
+      n("click", x);
+    }, open: i, set: (x) => {
+      x ? i() : c(new Event("hide"));
+    } }, v = A(() => ({
+      auto: "max-h-[calc(100dvh-24px)] md:max-h-[calc(100dvh-100px)]",
+      full: "h-[calc(100dvh-24px)] md:h-[calc(100dvh-100px)]",
+      screen: "h-dvh"
+    })), y = A(() => ({
+      auto: "max-h-[calc(100dvh-24px-16px)] md:max-h-[calc(100dvh-100px-16px)]",
+      full: "h-[calc(100dvh-24px-16px)] md:h-[calc(100dvh-100px-16px)]",
+      screen: "h-[calc(100dvh-16px)]"
+    }));
+    return (x, D) => {
+      const M = K, R = O;
+      return a(), T(me, { to: "body" }, [
+        g(Z, {
+          "enter-active-class": "duration-300 ease-out",
+          "enter-from-class": "transform opacity-0 translate-y-full xl:-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-full xl:-translate-y-2"
+        }, {
+          default: h(() => [
+            S(u) ? (a(), f("div", {
+              key: 0,
+              ref_key: "container",
+              ref: d,
+              class: "fixed bottom-0 left-0 w-full z-15"
+            }, [
+              S(t) ? (a(), f("div", {
+                key: 0,
+                class: "fixed h-full w-full top-0 left-0 bg-black/60 xl:hidden animate-opacity overscroll-contain",
+                style: G({ opacity: S(r) }),
+                onClick: D[0] || (D[0] = //@ts-ignore
+                (...Q) => S(c) && S(c)(...Q)),
+                onWheel: D[1] || (D[1] = E(() => {
+                }, ["prevent"])),
+                onTouchmove: D[2] || (D[2] = E(() => {
+                }, ["prevent"]))
+              }, null, 36)) : B("", !0),
               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])
+                class: z(["bg-white w-full shadow-bottom-nav relative", v.value[e.size]]),
+                style: G({ transform: S(o) })
               }, [
-                l("div", ea, [
-                  C(o.$slots, "header", {}, () => [
-                    l("h4", null, _(o.title), 1)
-                  ]),
-                  p(j, {
-                    type: "icon",
-                    onClick: d
+                l("div", {
+                  ref_key: "target",
+                  ref: m,
+                  class: "flex justify-center py-4 md:pb-6",
+                  onWheel: D[3] || (D[3] = E(() => {
+                  }, ["prevent"])),
+                  onTouchmove: D[4] || (D[4] = E(() => {
+                  }, ["prevent"]))
+                }, [...D[5] || (D[5] = [
+                  l("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
+                ])], 544),
+                l("div", kt, [
+                  g(R, {
+                    class: "size-5 md:size-6",
+                    color: "transparent",
+                    size: "none",
+                    icon: "",
+                    "aria-label": "Close",
+                    onClick: S(c)
                   }, {
-                    default: g(() => [
-                      p(B, { name: "Close" })
+                    default: h(() => [
+                      g(M, { class: "size-4" })
                     ]),
                     _: 1
-                  })
-                ]),
-                l("div", ta, [
-                  C(o.$slots, "default", {}, () => [
-                    l("div", { innerHTML: o.message }, null, 8, la)
-                  ])
+                  }, 8, ["onClick"])
                 ]),
-                o.$slots.footer || o.callback ? (s(), v("div", aa, [
-                  C(o.$slots, "footer", {}, () => [
-                    p(j, {
-                      color: "blue",
-                      size: "small",
-                      onClick: f
-                    }, {
-                      default: g(() => [
-                        T(_(o.button), 1)
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ])) : I("", !0)
-              ], 2)
-            ])
-          ], 32)) : I("", !0)
-        ]),
-        _: 3
-      })
-    ]));
+                l("div", {
+                  class: z(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain", y.value[e.size]])
+                }, [
+                  $(x.$slots, "default", {
+                    onClose: S(c),
+                    on: b
+                  })
+                ], 2)
+              ], 6)
+            ], 512)) : B("", !0)
+          ]),
+          _: 3
+        })
+      ]);
+    };
   }
-}), sa = { class: "relative" }, oa = { class: "flex items-center cursor-pointer" }, Y = /* @__PURE__ */ V({
+}), $t = { class: "relative" }, wt = { class: "flex items-center cursor-pointer" }, te = /* @__PURE__ */ V({
   __name: "VDropdown",
   props: {
-    top: { default: "calc(100% + 5px)" },
-    left: { default: "0" },
-    right: { default: "" },
+    top: { default: "calc(100% + 8px)" },
+    left: { default: "" },
+    right: { default: "0" },
     height: { default: "200px" },
-    hideOnClick: { type: Boolean, default: !0 }
+    hideOnClick: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 }
   },
   emits: ["click", "show", "close"],
-  setup(t, { emit: e }) {
-    const n = e, r = L(!1), a = M(() => ({ top: t.top, left: t.left, right: t.right, "max-height": t.height })), u = (i) => {
-      r.value && c(i);
-    }, d = (i) => {
-      r.value ? t.hideOnClick && c(i) : f(i), n("click", r.value);
-    }, f = (i) => {
-      r.value = !0, n("show", i);
-    }, c = (i) => {
-      r.value = !1, n("close", i);
-    }, o = { click: d, open: f };
-    return (i, h) => {
-      const y = Ce("outside");
-      return re((s(), v("div", sa, [
-        l("div", oa, [
-          C(i.$slots, "activator", {
-            on: o,
-            show: r.value
+  setup(e, { emit: s }) {
+    const n = s, t = he(be).greaterOrEqual("lg"), c = H(!1), i = A(() => ({ top: e.top, left: e.left, right: e.right, "max-height": e.height })), m = (v) => {
+      t && c.value && o(v);
+    }, d = (v) => {
+      n("click", c.value), !e.disabled && (c.value ? e.hideOnClick && o(v) : r(v));
+    }, r = (v) => {
+      c.value = !0, n("show", v);
+    }, o = (v) => {
+      c.value = !1, n("close", v);
+    }, p = (v) => {
+      v ? r(new Event("show")) : o(new Event("hide"));
+    }, C = () => {
+      o(new Event("hide"));
+    }, b = { click: d, open: r, set: p };
+    return (v, y) => {
+      const x = Te("outside");
+      return oe((a(), f("div", $t, [
+        l("div", wt, [
+          $(v.$slots, "activator", {
+            on: b,
+            isShow: c.value
           })
         ]),
-        p(X, {
+        S(t) ? (a(), T(Z, {
+          key: 0,
           "enter-active-class": "duration-300 ease-out",
           "enter-from-class": "transform opacity-0 -translate-y-2",
           "enter-to-class": "opacity-100 translate-y-0",
@@ -818,168 +381,170 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "transform opacity-0 -translate-y-2"
         }, {
-          default: g(() => [
-            r.value ? (s(), v("div", {
+          default: h(() => [
+            c.value ? (a(), f("div", {
               key: 0,
-              class: "z-10 min-w-full absolute overflow-auto shadow-lg scrollbar",
-              style: K(a.value),
-              onClick: d
+              class: "z-5 min-w-full absolute",
+              style: G(i.value)
             }, [
-              C(i.$slots, "default", {
-                on: o,
-                show: f,
-                hide: c,
-                isShown: r.value
+              $(v.$slots, "default", {
+                on: b,
+                show: r,
+                hide: o,
+                isShow: c.value
               })
-            ], 4)) : I("", !0)
+            ], 4)) : B("", !0)
           ]),
           _: 3
-        })
+        })) : B("", !0),
+        !S(t) && c.value ? (a(), T($e, {
+          key: 1,
+          onClose: C
+        }, {
+          default: h(({ on: D }) => [
+            $(v.$slots, "default", {
+              on: D,
+              show: r,
+              hide: o,
+              isShow: c.value
+            })
+          ]),
+          _: 3
+        })) : B("", !0)
       ])), [
-        [y, u]
+        [x, m]
       ]);
     };
   }
-}), na = ["onClick"], ee = /* @__PURE__ */ V({
+}), Ct = ["onClick"], le = /* @__PURE__ */ V({
   __name: "VList",
   props: {
-    list: {},
+    items: {},
     className: {}
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    const n = t, r = e, a = (u, d) => r("click", u, d);
-    return (u, d) => (s(), v("ul", {
-      class: z(n.className ?? "bg-white dark:bg-gray-800")
+  setup(e, { emit: s }) {
+    const n = s, u = (t, c) => n("click", t, c);
+    return (t, c) => (a(), f("ul", {
+      class: z(e.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)
+      (a(!0), f(j, null, P(e.items, (i) => (a(), f("li", {
+        key: i.name,
+        class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700/30 w-full",
+        onClick: (m) => u(i, m)
       }, [
-        C(u.$slots, "default", { item: f }, () => [
-          T(_(f.name), 1)
+        $(t.$slots, "default", { item: i }, () => [
+          L(w(i.name), 1)
         ])
-      ], 8, na))), 128))
+      ], 8, Ct))), 128))
     ], 2));
   }
-}), ra = { 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" }, ia = { class: "px-4 py-4 sm:px-6 lg:px-8" }, da = { class: "container mx-auto flex flex-auto items-center" }, ca = { class: "lg:hidden h-[30px]" }, ua = { class: "gap-4 hidden lg:flex" }, va = { class: "lg:hidden flex gap-4" }, fa = { class: "ms-2" }, ha = /* @__PURE__ */ V({
+}), zt = { 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" }, Vt = { class: "px-4 py-4 sm:px-6 lg:px-8" }, Bt = { class: "container mx-auto flex flex-auto items-center" }, St = { class: "lg:hidden h-[30px]" }, At = { class: "gap-4 hidden lg:flex" }, Tt = { class: "lg:hidden flex gap-4" }, Dt = { class: "ms-2" }, It = /* @__PURE__ */ V({
   __name: "AppHeader",
   props: {
     changeTheme: { type: Function },
     notifications: {}
   },
   emits: ["sidebar", "notif"],
-  setup(t, { emit: e }) {
-    const n = e, r = [
+  setup(e, { emit: s }) {
+    const n = s, u = [
       { name: "Theme", value: 1 },
       { name: "Notification", value: 2 },
       { name: "Logout", value: 3 }
-    ], a = M(() => !!t.notifications.find((i) => i.isNew)), u = (i) => n("sidebar", i), d = (i) => n("notif", i), f = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), c = () => {
-      t.changeTheme && t.changeTheme();
-    }, o = ({ value: i }, h) => {
-      i == 1 && c(), i == 2 && d(h), i == 3 && f();
+    ], t = A(() => !!e.notifications.find((o) => o.isNew)), c = (o) => n("sidebar", o), i = (o) => n("notif", o), m = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), d = () => {
+      e.changeTheme && e.changeTheme();
+    }, r = ({ value: o }, p) => {
+      o == 1 && d(), o == 2 && i(p), o == 3 && m();
     };
-    return (i, h) => {
-      const y = oe("router-link");
-      return s(), v("header", ra, [
-        l("div", ia, [
-          l("div", da, [
-            p(j, {
+    return (o, p) => {
+      const C = gt, b = fe("router-link"), v = ft, y = ct, x = _e, D = ot, M = xe;
+      return a(), f("header", zt, [
+        l("div", Vt, [
+          l("div", Bt, [
+            g(O, {
               type: "icon",
               color: "gray",
-              onClick: u
+              onClick: c
             }, {
-              default: g(() => [
-                p(B, {
-                  name: "Burger",
-                  class: "size-5"
-                })
+              default: h(() => [
+                g(C, { class: "size-5" })
               ]),
               _: 1
             }),
-            h[1] || (h[1] = l("div", { class: "lg:hidden flex-auto" }, null, -1)),
-            l("div", ca, [
-              p(y, { to: "/" }, {
-                default: g(() => [
-                  p(B, {
-                    name: "Logo",
-                    class: "h-[30px] text-primary"
-                  })
+            p[1] || (p[1] = l("div", { class: "lg:hidden flex-auto" }, null, -1)),
+            l("div", St, [
+              g(b, { to: "/" }, {
+                default: h(() => [
+                  g(ye, { class: "h-[30px] text-primary" })
                 ]),
                 _: 1
               })
             ]),
-            h[2] || (h[2] = l("div", { class: "flex-auto" }, null, -1)),
-            l("div", ua, [
-              p(j, {
+            p[2] || (p[2] = l("div", { class: "flex-auto" }, null, -1)),
+            l("div", At, [
+              g(O, {
                 type: "icon",
                 color: "gray",
-                onClick: c
+                onClick: d
               }, {
-                default: g(() => [
-                  p(B, { name: "Theme" })
+                default: h(() => [
+                  g(v, { class: "dark:hidden" }),
+                  g(y, { class: "hidden dark:flex" })
                 ]),
                 _: 1
               }),
-              p(j, {
+              g(O, {
                 type: "icon",
                 color: "gray",
-                onClick: d
+                onClick: i
               }, {
-                default: g(() => [
+                default: h(() => [
                   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] = [
+                    class: z([t.value ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
+                  }, [...p[0] || (p[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"
-                  })
+                  ])], 2),
+                  g(x, { class: "size-5" })
                 ]),
                 _: 1
               }),
-              p(j, {
+              g(O, {
                 type: "icon",
                 color: "gray",
-                onClick: P(f, ["prevent"])
+                onClick: E(m, ["prevent"])
               }, {
-                default: g(() => [
-                  p(B, {
-                    name: "Logout",
-                    class: "size-5"
-                  })
+                default: h(() => [
+                  g(D, { class: "size-5" })
                 ]),
                 _: 1
               })
             ]),
-            l("div", va, [
-              p(Y, {
+            l("div", Tt, [
+              g(te, {
                 left: "unset",
                 right: "0",
                 top: "0"
               }, {
-                activator: g(({ on: $ }) => [
-                  p(j, {
+                activator: h(({ on: R }) => [
+                  g(O, {
                     type: "icon",
                     color: "gray",
                     class: "flex",
-                    onClick: $.click
+                    onClick: R.click
                   }, {
-                    default: g(() => [
-                      p(B, { name: "Dots" })
+                    default: h(() => [
+                      g(M)
                     ]),
-                    _: 2
-                  }, 1032, ["onClick"])
+                    _: 1
+                  }, 8, ["onClick"])
                 ]),
-                default: g(() => [
-                  p(ee, {
-                    list: r,
-                    onClick: o
+                default: h(() => [
+                  g(le, {
+                    items: u,
+                    onClick: r
                   }, {
-                    default: g(({ item: $ }) => [
-                      l("span", fa, _($.name), 1)
+                    default: h(({ item: R }) => [
+                      l("span", Dt, w(R.name), 1)
                     ]),
                     _: 1
                   })
@@ -992,7 +557,7 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
       ]);
     };
   }
-}), pa = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, ma = { class: "flex-auto text-xs" }, ga = { class: "text-gray-500 dark:text-gray-400 mt-1" }, ba = /* @__PURE__ */ V({
+}), Mt = { class: "relative flex items-center gap-2 w-full p-2 overflow-hidden" }, Lt = { class: "flex-auto text-xs" }, jt = { class: "text-gray-500 dark:text-gray-400 mt-1" }, Nt = /* @__PURE__ */ V({
   __name: "CardNotification",
   props: {
     empty: {},
@@ -1004,76 +569,73 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
     text: {}
   },
   emits: ["remove", "read"],
-  setup(t, { emit: e }) {
-    const n = t, r = e, a = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], u = (c) => a[c], d = (c) => r("remove", c), f = (c) => r("read", c);
-    return (c, o) => (s(), v("div", pa, [
-      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: g(() => [
-          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"
-          })
-        ]),
-        _: 1
-      }),
-      l("div", ma, [
-        l("div", null, _(n.text), 1),
-        l("div", ga, _(F(je)(n.date)) + " (" + _(F(Ne)(n.date)) + ")", 1)
-      ]),
-      p(j, {
-        class: "shrink-0",
-        type: "icon",
-        size: "small",
-        onClick: d
-      }, {
-        default: g(() => [
-          p(B, {
-            name: "Close",
-            class: "size-4"
-          })
+  setup(e, { emit: s }) {
+    const n = e, u = s, t = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], c = (d) => t[d], i = (d) => u("remove", d), m = (d) => u("read", d);
+    return (d, r) => {
+      const o = _e, p = K;
+      return a(), f("div", Mt, [
+        l("div", {
+          class: z(["absolute left-0 top-0 w-[3px] h-full", c(n.color)])
+        }, null, 2),
+        g(O, {
+          class: "shrink-0",
+          type: "icon",
+          color: "gray",
+          onClick: m
+        }, {
+          default: h(() => [
+            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"])
+            }, [...r[0] || (r[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),
+            g(o, { class: "size-5" })
+          ]),
+          _: 1
+        }),
+        l("div", Lt, [
+          l("div", null, w(n.text), 1),
+          l("div", jt, w(S(Ee)(n.date)) + " (" + w(S(He)(n.date)) + ")", 1)
         ]),
-        _: 1
-      })
-    ]));
+        g(O, {
+          class: "shrink-0",
+          type: "icon",
+          size: "small",
+          onClick: i
+        }, {
+          default: h(() => [
+            g(p, { class: "size-4" })
+          ]),
+          _: 1
+        })
+      ]);
+    };
   }
-}), ya = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, xa = {
+}), Ot = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Et = {
   key: 0,
   class: "flex flex-col gap-2 p-2"
-}, ka = /* @__PURE__ */ V({
+}, Ht = /* @__PURE__ */ V({
   __name: "AppNotification",
   props: {
     value: { type: Boolean },
     notifications: {}
   },
   emits: ["close", "remove", "read"],
-  setup(t, { emit: e }) {
-    const n = t, r = e, a = M(() => !!n.notifications.find((o) => o.isNew)), u = M(() => !!n.notifications.length), d = (o) => r("close", o), f = (o) => r("remove", o), c = (o) => r("read", o);
-    return (o, i) => (s(), v(D, null, [
-      n.value ? (s(), v("div", {
+  setup(e, { emit: s }) {
+    const n = e, u = s, t = A(() => !!n.notifications.find((r) => r.isNew)), c = A(() => !!n.notifications.length), i = (r) => u("close", r), m = (r) => u("remove", r), d = (r) => u("read", r);
+    return (r, o) => (a(), f(j, null, [
+      n.value ? (a(), f("div", {
         key: 0,
         class: "overlay fixed left-0 top-0 h-full w-full bg-black/40 bg-blur",
-        onClick: d
-      })) : I("", !0),
+        onClick: i
+      })) : B("", !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("div", ya, [
-          C(o.$slots, "header", { isNew: a.value }),
-          u.value ? (s(), v("div", xa, [
-            p(me, {
+        l("div", Ot, [
+          $(r.$slots, "header", { isNew: t.value }),
+          c.value ? (a(), f("div", Et, [
+            g(ve, {
               "enter-active-class": "transition-all duration-300 ",
               "enter-from-class": "opacity-0 translate-x-1/2",
               "enter-to-class": "opacity-100 translate-x-0",
@@ -1081,37 +643,50 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
               "leave-from-class": "opacity-100 translate-x-0",
               "leave-to-class": "opacity-0 translate-x-1/2"
             }, {
-              default: g(() => [
-                (s(!0), v(D, null, N(n.notifications, (h) => (s(), v("div", {
-                  key: h.date,
+              default: h(() => [
+                (a(!0), f(j, null, P(n.notifications, (p) => (a(), f("div", {
+                  key: p.date,
                   class: "relative"
                 }, [
-                  C(o.$slots, "card", { item: h }, () => [
-                    p(ba, H({ ref_for: !0 }, h, {
+                  $(r.$slots, "card", { item: p }, () => [
+                    g(Nt, N({ ref_for: !0 }, p, {
                       class: "bg-gray-200/50 dark:bg-gray-800/50 rounded-md",
-                      onRemove: (y) => f(h),
-                      onRead: (y) => c(h)
+                      onRemove: (C) => m(p),
+                      onRead: (C) => d(p)
                     }), null, 16, ["onRemove", "onRead"])
                   ])
                 ]))), 128))
               ]),
               _: 3
             })
-          ])) : C(o.$slots, "empty", { key: 1 })
+          ])) : $(r.$slots, "empty", { key: 1 })
         ])
       ], 2)
     ], 64));
   }
-}), _a = {}, $a = { class: "fixed h-full w-full top-0 left-0 z-20" }, wa = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
-function Ca(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", wa, [
-      C(t.$slots, "default")
+}), Pt = {}, Ft = { class: "fixed h-full w-full top-0 left-0 z-20" }, Ut = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" };
+function Rt(e, s) {
+  return a(), f("div", Ft, [
+    s[0] || (s[0] = l("div", { class: "absolute h-full w-full top-0 left-0 bg-black/60 bg-blur" }, null, -1)),
+    l("div", Ut, [
+      $(e.$slots, "default")
     ])
   ]);
 }
-const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex flex-col gap-4" }, Ba = ["onClick"], Ma = { class: "flex flex-col gap-2" }, Ia = { class: "flex gap-2 ms-8" }, Aa = { class: "flex-1 first-letter:uppercase text-sm" }, Sa = /* @__PURE__ */ V({
+const Wt = /* @__PURE__ */ ee(Pt, [["render", Rt]]), qt = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Gt(e, s) {
+  return a(), f("svg", qt, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z"
+    }, null, -1)
+  ])]);
+}
+const Kt = F({ name: "ri-arrow-right-s-line", render: Gt }), Jt = { class: "mb-4 flex flex-col gap-4" }, Qt = { class: "size-5 flex-[0_0_24px]" }, Xt = ["onClick"], Yt = { class: "flex flex-col gap-2" }, Zt = { class: "flex gap-2 ms-8" }, el = { class: "size-5 flex-[0_0_24px]" }, tl = { class: "flex-1 first-letter:uppercase text-sm" }, ll = /* @__PURE__ */ V({
   __name: "AppNav",
   props: {
     menu: { default: () => [] },
@@ -1119,194 +694,85 @@ const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex fl
     isSidebar: { type: Boolean, default: !1 }
   },
   emits: ["sidebar"],
-  setup(t, { emit: e }) {
-    const n = e, r = L(""), a = ({ name: d }) => {
-      t.isSidebar && n("sidebar", !t.isSidebar), r.value !== d && (r.value = r.value === d ? "" : d);
-    }, u = (d) => t.fullPath === d;
-    return W(
-      () => t.menu,
+  setup(e, { emit: s }) {
+    const n = s, u = H(""), t = ({ name: i }) => {
+      e.isSidebar && n("sidebar", !e.isSidebar), u.value !== i && (u.value = u.value === i ? "" : i);
+    }, c = (i) => e.fullPath === i;
+    return ae(
+      () => e.menu,
       () => {
-        var d;
-        return r.value = ((d = Oe(t.menu, t.fullPath)) == null ? void 0 : d.name) || "";
+        var i;
+        return u.value = ((i = Pe(e.menu, e.fullPath)) == null ? void 0 : i.name) || "";
       }
-    ), (d, f) => (s(), v("nav", null, [
-      l("ul", Va, [
-        (s(!0), v(D, null, N(d.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: g(() => [
-              p(B, {
-                name: c.icon,
-                class: "size-5 flex-[0_0_24px]"
-              }, null, 8, ["name"]),
-              l("span", {
-                class: z(["flex-1 first-letter:uppercase text-sm", d.isSidebar ? "lg:hidden" : ""])
-              }, _(c.name), 3),
-              l("button", {
-                class: z(["cursor-pointer", [d.isSidebar ? "lg:hidden" : ""]]),
-                onClick: P((o) => a(c), ["prevent", "stop"])
-              }, [
-                c.children ? (s(), A(B, {
-                  key: 0,
-                  name: "Chevron"
-                })) : I("", !0)
-              ], 10, Ba)
-            ]),
-            _: 2
-          }, 1032, ["to", "class", "onClick"])),
-          c.children ? (s(), v("div", {
-            key: 0,
-            class: z(["translate transform overflow-hidden mt-2", [d.isSidebar ? "lg:hidden" : "", r.value === c.name ? "block" : "hidden"]])
+    ), (i, m) => {
+      const d = Kt;
+      return a(), f("nav", null, [
+        l("ul", Jt, [
+          (a(!0), f(j, null, P(e.menu, (r) => (a(), f("li", {
+            key: r.name
           }, [
-            l("ul", Ma, [
-              (s(!0), v(D, null, N(c.children, ({ name: o, path: i, icon: h }) => (s(), v("li", { key: o }, [
-                (s(), A(G(i ? "router-link" : "span"), {
-                  to: i,
-                  class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", u(i) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
-                }, {
-                  default: g(() => [
-                    l("div", Ia, [
-                      h ? (s(), A(B, {
-                        key: 0,
-                        name: h,
-                        class: "size-5 flex-[0_0_24px]"
-                      }, null, 8, ["name"])) : I("", !0),
-                      l("span", Aa, _(o), 1)
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["to", "class"]))
-              ]))), 128))
-            ])
-          ], 2)) : I("", !0)
-        ]))), 128))
-      ])
-    ]));
-  }
-});
-function Ta(t) {
-  return Me() ? (Ie(t), !0) : !1;
-}
-const Da = typeof window < "u" && typeof document < "u", se = () => {
-};
-function fe(...t) {
-  if (t.length !== 1)
-    return ze(...t);
-  const e = t[0];
-  return typeof e == "function" ? Ve(Be(() => ({ get: e, set: se }))) : L(e);
-}
-function Ha(t, e) {
-  function n(...r) {
-    return new Promise((a, u) => {
-      Promise.resolve(t(() => e.apply(this, r), { fn: e, thisArg: this, args: r })).then(a).catch(u);
-    });
-  }
-  return n;
-}
-function La(t, e = {}) {
-  let n, r, a = se;
-  const u = (c) => {
-    clearTimeout(c), a(), a = se;
-  };
-  let d;
-  return (c) => {
-    const o = Z(t), i = Z(e.maxWait);
-    return n && u(n), o <= 0 || i !== void 0 && i <= 0 ? (r && (u(r), r = void 0), Promise.resolve(c())) : new Promise((h, y) => {
-      a = e.rejectOnCancel ? y : h, d = c, i && !r && (r = setTimeout(() => {
-        n && u(n), r = void 0, h(d());
-      }, i)), n = setTimeout(() => {
-        r && u(r), r = void 0, h(c());
-      }, o);
-    });
-  };
-}
-// @__NO_SIDE_EFFECTS__
-function ie(t, e = 200, n = {}) {
-  return Ha(
-    La(e, n),
-    t
-  );
-}
-const de = Da ? window : void 0;
-function he(t) {
-  var e;
-  const n = Z(t);
-  return (e = n == null ? void 0 : n.$el) != null ? e : n;
-}
-// @__NO_SIDE_EFFECTS__
-function ja(t) {
-  return M(() => !!t());
-}
-function Na(t, e, n = {}) {
-  const { window: r = de, ...a } = n;
-  let u;
-  const d = /* @__PURE__ */ ja(() => r && "ResizeObserver" in r), f = () => {
-    u && (u.disconnect(), u = void 0);
-  }, c = M(() => {
-    const h = Z(t);
-    return Array.isArray(h) ? h.map((y) => he(y)) : [he(h)];
-  }), o = W(
-    c,
-    (h) => {
-      if (f(), d.value && r) {
-        u = new ResizeObserver(e);
-        for (const y of h)
-          y && u.observe(y, a);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), i = () => {
-    f(), o();
-  };
-  return Ta(i), {
-    isSupported: d,
-    stop: i
-  };
-}
-function Oa(t = de, e) {
-  t && typeof t.requestAnimationFrame == "function" ? t.requestAnimationFrame(e) : e();
-}
-function Pa(t = {}) {
-  var e, n;
-  const { window: r = de } = t, a = fe(t == null ? void 0 : t.element), u = fe((e = t == null ? void 0 : t.input) != null ? e : ""), d = (n = t == null ? void 0 : t.styleProp) != null ? n : "height", f = ue(1), c = ue(0);
-  function o() {
-    var i;
-    if (!a.value)
-      return;
-    let h = "";
-    a.value.style[d] = "1px", f.value = (i = a.value) == null ? void 0 : i.scrollHeight;
-    const y = Z(t == null ? void 0 : t.styleTarget);
-    y ? y.style[d] = `${f.value}px` : h = `${f.value}px`, a.value.style[d] = h;
+            (a(), T(X(r.path ? "router-link" : "span"), {
+              to: r.path,
+              class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", c(r.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
+              onClick: E((o) => t(r), ["prevent", "stop"])
+            }, {
+              default: h(() => [
+                l("div", Qt, [
+                  $(i.$slots, "icon", { item: r })
+                ]),
+                l("span", {
+                  class: z(["flex-1 first-letter:uppercase text-sm", e.isSidebar ? "lg:hidden" : ""])
+                }, w(r.name), 3),
+                l("button", {
+                  class: z(["cursor-pointer", [e.isSidebar ? "lg:hidden" : ""]]),
+                  onClick: E((o) => t(r), ["prevent", "stop"])
+                }, [
+                  r.children ? (a(), T(d, { key: 0 })) : B("", !0)
+                ], 10, Xt)
+              ]),
+              _: 2
+            }, 1032, ["to", "class", "onClick"])),
+            r.children ? (a(), f("div", {
+              key: 0,
+              class: z(["translate transform overflow-hidden mt-2", [e.isSidebar ? "lg:hidden" : "", u.value === r.name ? "block" : "hidden"]])
+            }, [
+              l("ul", Yt, [
+                (a(!0), f(j, null, P(r.children, ({ name: o, path: p, icon: C }) => (a(), f("li", { key: o }, [
+                  (a(), T(X(p ? "router-link" : "span"), {
+                    to: p,
+                    class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", c(p) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
+                  }, {
+                    default: h(() => [
+                      l("div", Zt, [
+                        l("div", el, [
+                          $(i.$slots, "icon-children", {
+                            item: { name: o, path: p, icon: C }
+                          })
+                        ]),
+                        l("span", tl, w(o), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["to", "class"]))
+                ]))), 128))
+              ])
+            ], 2)) : B("", !0)
+          ]))), 128))
+        ])
+      ]);
+    };
   }
-  return W([u, a], () => Ae(o), { immediate: !0 }), W(f, () => {
-    var i;
-    return (i = t == null ? void 0 : t.onResize) == null ? void 0 : i.call(t);
-  }), Na(a, ([{ contentRect: i }]) => {
-    c.value !== i.width && Oa(r, () => {
-      c.value = i.width, o();
-    });
-  }), t != null && t.watch && W(t.watch, o, { immediate: !0, deep: !0 }), {
-    textarea: a,
-    input: u,
-    triggerResize: o
-  };
-}
-const Fa = {
+}), sl = {
   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"
-}, Ea = { class: "flex items-center gap-4 text-sm" }, Ra = {
+}, ol = { class: "flex items-center gap-4 text-sm" }, al = {
   key: 0,
   class: "text-green-600"
-}, Ua = {
+}, nl = {
   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"
-}, Wa = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, qa = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, Ga = /* @__PURE__ */ V({
+}, il = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-black dark:text-white text-center leading-none" }, rl = { class: "absolute left-[140px] top-1/2 -translate-1/2 text-sm font-bold text-white text-center leading-none" }, cl = /* @__PURE__ */ V({
   __name: "AppProgress",
   props: {
     timeout: { default: 5e3 },
@@ -1316,69 +782,68 @@ const Fa = {
     size: { default: 0 },
     length: { default: 0 }
   },
-  setup(t) {
-    const e = L(!1), n = M(() => !!t.length), r = M(() => !!(n.value && a.value === 100 && !t.status)), a = M(() => t.status ? Math.ceil(t.size * 100 / t.length) : 100), u = /* @__PURE__ */ ie(() => {
-      e.value = !1;
-    }, t.timeout);
-    return W(
-      () => [t.size, t.status],
+  setup(e) {
+    const s = H(!1), n = A(() => !!e.length), u = A(() => !!(n.value && t.value === 100 && !e.status)), t = A(() => e.status ? Math.ceil(e.size * 100 / e.length) : 100), c = ne(() => {
+      s.value = !1;
+    }, e.timeout);
+    return ae(
+      () => [e.size, e.status],
       () => {
-        e.value = !0, u();
+        s.value = !0, c();
       }
-    ), (d, f) => (s(), A(X, {
-      "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: g(() => [
-        e.value ? (s(), v("div", Fa, [
-          l("div", Ea, [
-            C(d.$slots, "default", { isDone: r.value }, () => [
-              f[1] || (f[1] = l("div", { class: "flex-auto" }, "Progress...", -1)),
-              r.value ? (s(), v("span", Ra, "Done")) : I("", !0)
+    ), (i, m) => {
+      const d = K;
+      return a(), T(Z, {
+        "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: h(() => [
+          s.value ? (a(), f("div", sl, [
+            l("div", ol, [
+              $(i.$slots, "default", { isDone: u.value }, () => [
+                m[1] || (m[1] = l("div", { class: "flex-auto" }, "Progress...", -1)),
+                u.value ? (a(), f("span", al, "Done")) : B("", !0)
+              ]),
+              l("button", {
+                class: "cursor-pointer transition text-gray-700 dark:text-gray-400 self-start hover:text-gray-600",
+                onClick: m[0] || (m[0] = (r) => s.value = !1)
+              }, [
+                g(d, { class: "size-4" })
+              ])
             ]),
-            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"
-              })
-            ])
-          ]),
-          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", Ua, [
-            l("div", Wa, _(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", qa, _(a.value) + "%", 1)
-            ], 4)
-          ])) : I("", !0)
-        ])) : I("", !0)
-      ]),
-      _: 3
-    }));
+            n.value ? (a(), f("div", {
+              key: 0,
+              class: "h-[2px] fixed top-0 left-0 w-full bg-blue-600 transition-all duration-500",
+              style: G(`width: ${t.value}%`)
+            }, null, 4)) : B("", !0),
+            n.value ? (a(), f("div", nl, [
+              l("div", il, w(t.value) + "%", 1),
+              l("div", {
+                class: "bg-blue-600 rounded-full h-4 overflow-hidden relative transition-all duration-500",
+                style: G(`width: ${t.value}%`)
+              }, [
+                l("div", rl, w(t.value) + "%", 1)
+              ], 4)
+            ])) : B("", !0)
+          ])) : B("", !0)
+        ]),
+        _: 3
+      });
+    };
   }
-}), Ka = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), dl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AppAside: Kl,
-  AppDialog: ye,
-  AppHeader: ha,
-  AppNav: Sa,
-  AppNotification: ka,
-  AppOverlay: za,
-  AppProgress: Ga
-}, Symbol.toStringTag, { value: "Module" })), Za = { class: "my-4 text-gray-700 dark:text-gray-400" }, Ja = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, Qa = { class: "flex gap-2" }, Xa = { class: "text-gray-700 dark:text-gray-400" }, Ya = { class: "flex gap-2" }, es = { class: "flex gap-2" }, ts = { class: "text-gray-700 dark:text-gray-400" }, ls = { class: "flex gap-2" }, as = { class: "text-gray-700 dark:text-gray-400" }, ss = { class: "flex flex-col gap-4 text-sm" }, os = { class: "flex gap-4" }, vn = /* @__PURE__ */ V({
+  AppAside: Ze,
+  AppHeader: It,
+  AppNav: ll,
+  AppNotification: Ht,
+  AppOverlay: Wt,
+  AppProgress: cl
+}, Symbol.toStringTag, { value: "Module" })), ul = { class: "my-4 text-gray-700 dark:text-gray-400" }, fl = { class: "flex flex-col md:flex-row flex-wrap md:gap-4 text-sm" }, ml = { class: "flex gap-2" }, vl = { class: "text-gray-700 dark:text-gray-400" }, gl = { class: "flex gap-2" }, pl = { class: "flex gap-2" }, hl = { class: "text-gray-700 dark:text-gray-400" }, bl = { class: "flex gap-2" }, yl = { class: "text-gray-700 dark:text-gray-400" }, xl = { class: "flex flex-col gap-4 text-sm" }, _l = { class: "flex gap-4" }, Ko = /* @__PURE__ */ V({
   __name: "BlockInfo",
   props: {
     empty: {},
@@ -1392,109 +857,234 @@ const Fa = {
     uptime: {},
     name: {}
   },
-  setup(t) {
-    const e = M(() => t.firmware.join(".")), n = M(() => {
-      var a, u, d, f, c, o, i;
-      const r = [];
-      return (a = t.pkg) != null && a.homepage && r.push({ name: "homepage", href: t.pkg.homepage }), (d = (u = t.pkg) == null ? void 0 : u.repository) != null && d.url && r.push({ name: "repository", href: t.pkg.repository.url }), (c = (f = t.pkg) == null ? void 0 : f.bugs) != null && c.url && r.push({ name: "bugs", href: t.pkg.bugs.url }), (o = t.pkg) != null && o.author && r.push({ name: "author", href: `mailto:${(i = t.pkg) == null ? void 0 : i.author}` }), r;
+  setup(e) {
+    const s = A(() => e.firmware.join(".")), n = A(() => {
+      var t, c, i, m, d, r, o;
+      const u = [];
+      return (t = e.pkg) != null && t.homepage && u.push({ name: "homepage", href: e.pkg.homepage }), (i = (c = e.pkg) == null ? void 0 : c.repository) != null && i.url && u.push({ name: "repository", href: e.pkg.repository.url }), (d = (m = e.pkg) == null ? void 0 : m.bugs) != null && d.url && u.push({ name: "bugs", href: e.pkg.bugs.url }), (r = e.pkg) != null && r.author && u.push({ name: "author", href: `mailto:${(o = e.pkg) == null ? void 0 : o.author}` }), u;
     });
-    return (r, a) => {
-      var u, d;
-      return s(), v("div", null, [
-        l("p", Za, _((u = r.pkg) == null ? void 0 : u.description), 1),
-        l("div", Ja, [
-          l("div", Qa, [
-            a[0] || (a[0] = T(" Firmware (hw): ")),
-            l("span", Xa, _(e.value), 1)
+    return (u, t) => {
+      var c, i;
+      return a(), f("div", null, [
+        l("p", ul, w((c = e.pkg) == null ? void 0 : c.description), 1),
+        l("div", fl, [
+          l("div", ml, [
+            t[0] || (t[0] = L(" Firmware (hw): ", -1)),
+            l("span", vl, w(s.value), 1)
           ]),
-          l("div", Ya, [
-            l("div", es, [
-              a[1] || (a[1] = T(" Version (web): ")),
-              l("span", ts, _((d = r.pkg) == null ? void 0 : d.version), 1)
+          l("div", gl, [
+            l("div", pl, [
+              t[1] || (t[1] = L(" Version (web): ", -1)),
+              l("span", hl, w((i = e.pkg) == null ? void 0 : i.version), 1)
             ])
           ]),
-          a[3] || (a[3] = l("div", { class: "flex-auto" }, null, -1)),
-          l("div", ls, [
-            a[2] || (a[2] = T(" ID: ")),
-            l("span", as, _(r.id.toString(16)), 1)
+          t[3] || (t[3] = l("div", { class: "flex-auto" }, null, -1)),
+          l("div", bl, [
+            t[2] || (t[2] = L(" ID: ", -1)),
+            l("span", yl, w(e.id.toString(16)), 1)
           ])
         ]),
-        a[4] || (a[4] = l("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
-        l("div", ss, [
-          l("div", os, [
-            C(r.$slots, "links", { links: n.value })
+        t[4] || (t[4] = l("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
+        l("div", xl, [
+          l("div", _l, [
+            $(u.$slots, "links", { links: n.value })
           ])
         ])
       ]);
     };
   }
-}), ns = { class: "flex items-center gap-1.5" }, fn = /* @__PURE__ */ V({
+}), kl = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function $l(e, s) {
+  return a(), f("svg", kl, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "M12.172 12L9.343 9.173l1.415-1.414L15 12l-4.242 4.242l-1.415-1.414z"
+    }, null, -1)
+  ])]);
+}
+const ie = F({ name: "ri-arrow-drop-right-line", render: $l }), wl = { class: "flex items-center gap-1.5" }, Jo = /* @__PURE__ */ V({
   __name: "BlockBreadcrumb",
   props: {
     items: { default: () => [] }
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    const n = e, r = (a) => n("click", a);
-    return (a, u) => (s(), v("nav", null, [
-      l("ol", ns, [
-        (s(!0), v(D, null, N(a.items, (d, f) => (s(), v("li", {
-          key: f,
-          class: z(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", d.path ? "" : "text-gray-800 dark:text-white/90"])
-        }, [
-          C(a.$slots, "default", { item: d }, () => [
-            (s(), A(G(d.path ? "a" : "span"), {
-              href: d.path,
-              onClick: (c) => r(d)
-            }, {
-              default: g(() => [
-                T(_(d.name), 1)
-              ]),
-              _: 2
-            }, 1032, ["href", "onClick"]))
-          ]),
-          d.path ? (s(), A(B, {
-            key: 0,
-            class: "rotate-270",
-            name: "Chevron"
-          })) : I("", !0)
-        ], 2))), 128))
-      ])
-    ]));
+  setup(e, { emit: s }) {
+    const n = s, u = (t) => n("click", t);
+    return (t, c) => {
+      const i = ie;
+      return a(), f("nav", null, [
+        l("ol", wl, [
+          (a(!0), f(j, null, P(e.items, (m, d) => (a(), f("li", {
+            key: d,
+            class: z(["inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400", m.path ? "" : "text-gray-800 dark:text-white/90"])
+          }, [
+            $(t.$slots, "default", { item: m }, () => [
+              (a(), T(X(m.path ? "a" : "span"), {
+                href: m.path,
+                onClick: (r) => u(m)
+              }, {
+                default: h(() => [
+                  L(w(m.name), 1)
+                ]),
+                _: 2
+              }, 1032, ["href", "onClick"]))
+            ]),
+            m.path ? (a(), T(i, {
+              key: 0,
+              class: "rotate-270"
+            })) : B("", !0)
+          ], 2))), 128))
+        ])
+      ]);
+    };
   }
-}), rs = {
+}), Cl = {
   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]"
-}, is = {
+}, zl = {
   key: 1,
   class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
-}, ds = {
+}, Vl = {
   key: 2,
   class: "mb-6 flex items-center justify-between"
-}, cs = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, us = { class: "max-w-full" }, vs = /* @__PURE__ */ V({
+}, Bl = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, Sl = { class: "max-w-full" }, Al = /* @__PURE__ */ V({
   __name: "CardMain",
   props: {
     title: {},
     loading: { type: Boolean }
   },
-  setup(t) {
-    return (e, n) => (s(), v("div", {
+  setup(e) {
+    return (s, n) => (a(), f("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 }])
     }, [
-      e.loading ? (s(), v("div", rs)) : I("", !0),
-      e.loading ? (s(), v("div", is)) : I("", !0),
-      e.title ? (s(), v("div", ds, [
-        l("h3", cs, _(e.title), 1),
+      e.loading ? (a(), f("div", Cl)) : B("", !0),
+      e.loading ? (a(), f("div", zl)) : B("", !0),
+      e.title ? (a(), f("div", Vl, [
+        l("h3", Bl, w(e.title), 1),
         l("div", null, [
-          C(e.$slots, "header")
+          $(s.$slots, "header")
         ])
-      ])) : I("", !0),
-      l("div", us, [
-        C(e.$slots, "default")
+      ])) : B("", !0),
+      l("div", Sl, [
+        $(s.$slots, "default")
       ])
     ], 2));
   }
-}), fs = { class: "flex-auto flex justify-between" }, hs = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, ps = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, ms = { class: "flex-auto flex items-center justify-between gap-6 me-2" }, gs = { class: "min-h-60 relative" }, bs = { class: "pt-6" }, ys = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, xs = { class: "text-center text-xl mt-4" }, q = /* @__PURE__ */ V({
+}), Tl = {
+  key: 0,
+  class: "text-title-md uppercase font-bold"
+}, Dl = { class: "px-4 pb-8 md:px-6" }, we = /* @__PURE__ */ V({
+  __name: "VDialog",
+  props: {
+    title: {},
+    size: { default: "md" },
+    popupSize: { default: "auto" },
+    color: { default: "white" },
+    type: {},
+    hiddenCloser: { type: Boolean },
+    isOnlyDialog: { type: Boolean },
+    timeout: {}
+  },
+  emits: ["close", "click", "open"],
+  setup(e, { expose: s, emit: n }) {
+    const u = n, t = he(be), { show: c, onClose: i, onOpen: m } = pe(u, e.timeout), d = {
+      sm: "max-w-full md:max-w-[330px] h-full md:h-[unset]",
+      md: "max-w-full md:max-w-[672px] h-full md:h-[unset]",
+      lg: "max-w-full md:max-w-[960px] h-full md:h-[unset]",
+      full: "relative max-w-full w-full h-3/4 "
+    }, r = {
+      none: "",
+      white: "bg-white dark:bg-gray-900",
+      gray: ""
+    }, o = A(() => [d[e.size], r[e.color]]), p = t.greaterOrEqual("lg");
+    return s({
+      show: c,
+      onClose: i
+    }), (C, b) => {
+      const v = K;
+      return e.isOnlyDialog || S(p) ? (a(), T(me, {
+        key: 0,
+        to: "body"
+      }, [
+        g(Z, {
+          "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: S(m)
+        }, {
+          default: h(() => [
+            S(c) ? (a(), f("div", {
+              key: 0,
+              class: "z-20 fixed top-0 h-dvh w-full left-0 flex flex-col",
+              onWheel: b[4] || (b[4] = E(() => {
+              }, ["stop"]))
+            }, [
+              l("div", {
+                class: "absolute h-full w-full top-0 left-0 bg-black/50",
+                onClick: b[0] || (b[0] = //@ts-ignore
+                (...y) => S(i) && S(i)(...y))
+              }),
+              l("div", {
+                class: z(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
+              }, [
+                l("div", {
+                  class: z(["m-auto w-full flex flex-col z-20 overflow-auto h-full scrollbar overscroll-contain bg-gray-50 dark:bg-gray-900 shadow-lg rounded-sm z-30", o.value])
+                }, [
+                  l("div", {
+                    class: z(["flex justify-end", e.size === "full" ? "absolute top-0 right-0" : ""]),
+                    onWheel: b[1] || (b[1] = E(() => {
+                    }, ["prevent"])),
+                    onTouchmove: b[2] || (b[2] = E(() => {
+                    }, ["prevent"]))
+                  }, [
+                    g(O, {
+                      type: "icon",
+                      onClick: S(i)
+                    }, {
+                      default: h(() => [
+                        g(v)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ], 34),
+                  $(C.$slots, "header", { close: S(i) }, () => [
+                    e.title ? (a(), f("h4", Tl, w(e.title), 1)) : B("", !0)
+                  ]),
+                  l("div", {
+                    class: z(["relative overflow-auto h-full md:h-auto max-h-dvh scrollbar overflow-y-auto overscroll-contain", e.size === "full" ? "flex-auto" : "md:max-h-147.5 px-9 pb-9"]),
+                    onClose: b[3] || (b[3] = //@ts-ignore
+                    (...y) => S(i) && S(i)(...y))
+                  }, [
+                    $(C.$slots, "default", { close: S(i) })
+                  ], 34)
+                ], 2)
+              ], 2)
+            ], 32)) : B("", !0)
+          ]),
+          _: 3
+        }, 8, ["onAfterEnter"])
+      ])) : (a(), T($e, {
+        key: 1,
+        size: e.popupSize,
+        onClose: S(i)
+      }, {
+        default: h(() => [
+          l("div", Dl, [
+            $(C.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 8, ["size", "onClose"]));
+    };
+  }
+}), Il = { class: "flex-auto flex justify-between" }, Ml = { class: "text-sm text-gray-500 font-medium line-clamp-2 overflow-hidden" }, Ll = { class: "text-sm text-ellipsis overflow-hidden text-nowrap" }, jl = { class: "flex-auto flex items-center justify-between gap-6 me-2" }, Nl = { class: "min-h-60 relative" }, Ol = { class: "pt-6" }, El = { class: "text-center text-3xl text-ellipsis overflow-hidden" }, Hl = { class: "text-center text-xl mt-4" }, J = /* @__PURE__ */ V({
   __name: "CardBase",
   props: {
     size: {},
@@ -1511,89 +1101,92 @@ const Fa = {
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(t, { emit: e }) {
-    const n = t, r = e, a = L(!1), u = M(() => ["button", "dimmer"].includes(n.type || "") && n.value ? "text-amber-500" : "text-gray-400"), d = M(() => n.icon || ""), f = (h) => r("edit", h), c = () => a.value = !0, o = (h) => r("open", h), i = (h) => {
-      a.value = !1, r("close", h);
+  setup(e, { emit: s }) {
+    const n = e, u = s, t = H(!1), c = A(() => ["button", "dimmer"].includes(n.type || "") && n.value ? "text-amber-500" : "text-gray-400"), i = (o) => u("edit", o), m = () => t.value = !0, d = (o) => u("open", o), r = (o) => {
+      t.value = !1, u("close", o);
     };
-    return (h, y) => {
-      const $ = oe("AppDialog");
-      return s(), v("div", {
+    return (o, p) => {
+      const C = xe, b = we;
+      return a(), f("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: c
+        onClick: m
       }, [
-        l("div", fs, [
-          l("div", {
-            class: z(u.value)
-          }, [
-            p(B, {
-              name: d.value,
-              class: z(["size-8", n.value ? "animate-shake" : ""])
-            }, null, 8, ["name", "class"])
-          ], 2),
-          C(h.$slots, "header", R(U(n)))
+        l("div", Il, [
+          l("div", {
+            class: z(c.value)
+          }, null, 2),
+          $(o.$slots, "header", W(q(n)))
         ]),
         l("div", null, [
-          C(h.$slots, "body", R(U(n)), () => [
-            l("h6", hs, [
-              C(h.$slots, "name", R(U(n)), () => [
-                T(_(n.name), 1)
+          $(o.$slots, "body", W(q(n)), () => [
+            l("h6", Ml, [
+              $(o.$slots, "name", W(q(n)), () => [
+                L(w(n.name), 1)
               ])
             ]),
-            l("div", ps, [
-              C(h.$slots, "value", R(U(n)), () => [
-                T(_(n.valueTo || n.value), 1)
+            l("div", Ll, [
+              $(o.$slots, "value", W(q(n)), () => [
+                L(w(n.valueTo || n.value), 1)
               ])
             ])
           ])
         ]),
-        d.value ? (s(), A(B, {
+        t.value ? (a(), T(b, {
           key: 0,
-          name: d.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),
-        a.value ? (s(), A($, {
-          key: 1,
           size: n.size || "sm",
-          title: h.name,
-          onClose: i,
-          onOpen: o
+          title: e.name,
+          onClose: r,
+          onOpen: d
         }, {
-          header: g(() => [
-            l("div", ms, [
-              p(j, {
+          header: h(() => [
+            l("div", jl, [
+              g(O, {
                 type: "icon",
-                onClick: f
+                onClick: i
               }, {
-                default: g(() => [
-                  p(B, { name: "Dots" })
+                default: h(() => [
+                  g(C)
                 ]),
                 _: 1
               })
             ])
           ]),
-          default: g(() => [
-            l("div", gs, [
-              l("div", bs, [
-                l("h3", ys, [
-                  C(h.$slots, "dialog-name", R(U(n)), () => [
-                    T(_(n.name), 1)
+          default: h(() => [
+            l("div", Nl, [
+              l("div", Ol, [
+                l("h3", El, [
+                  $(o.$slots, "dialog-name", W(q(n)), () => [
+                    L(w(n.name), 1)
                   ])
                 ]),
-                C(h.$slots, "dialog", R(U(n))),
-                l("p", xs, [
-                  C(h.$slots, "dialog-value", R(U(n)), () => [
-                    T(_(n.valueTo || n.value), 1)
+                $(o.$slots, "dialog", W(q(n))),
+                l("p", Hl, [
+                  $(o.$slots, "dialog-value", W(q(n)), () => [
+                    L(w(n.valueTo || n.value), 1)
                   ])
                 ])
               ])
             ])
           ]),
           _: 3
-        }, 8, ["size", "title"])) : I("", !0)
+        }, 8, ["size", "title"])) : B("", !0)
       ]);
     };
   }
-}), ks = { class: "flex justify-end" }, _s = { class: "flex justify-center py-4" }, $s = /* @__PURE__ */ V({
+}), Pl = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Fl(e, s) {
+  return a(), f("svg", Pl, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "M13 9h8L11 24v-9H4l9-15zm-2 2V7.22L7.532 13H13v4.394L17.263 11z"
+    }, null, -1)
+  ])]);
+}
+const Ul = F({ name: "ri-flashlight-line", render: Fl }), Rl = { class: "flex justify-end" }, Wl = { class: "flex justify-center py-4" }, ql = /* @__PURE__ */ V({
   __name: "CardButton",
   props: {
     size: {},
@@ -1610,53 +1203,50 @@ const Fa = {
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(t, { emit: e }) {
-    const n = t, r = e, a = ({ opts: f = {} }) => {
-      const { disabled: c } = f;
-      return { disabled: c };
-    }, u = (f) => r("click", f), d = () => r("setState", !n.value);
-    return (f, c) => (s(), A(q, H(n, { onClick: u }), {
-      header: g((o) => [
-        l("div", ks, [
-          p(j, H(a(o), {
-            type: "icon",
-            class: "text-gray-500",
-            onClick: P(d, ["stop"])
-          }), {
-            default: g(() => [
-              p(B, {
-                name: "Power",
-                class: "size-10"
-              })
-            ]),
-            _: 2
-          }, 1040)
-        ])
-      ]),
-      dialog: g((o) => [
-        l("div", _s, [
-          p(j, H(a(o), {
-            type: "icon",
-            class: ["size-18", n.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"],
-            onClick: P(d, ["stop"])
-          }), {
-            default: g(() => [
-              p(B, {
-                name: "Power",
-                class: "size-16"
-              })
-            ]),
-            _: 2
-          }, 1040, ["class"])
-        ])
-      ]),
-      _: 1
-    }, 16));
+  setup(e, { emit: s }) {
+    const n = e, u = s, t = ({ opts: m = {} }) => {
+      const { disabled: d } = m;
+      return { disabled: d };
+    }, c = (m) => u("click", m), i = () => u("setState", !n.value);
+    return (m, d) => {
+      const r = Ul;
+      return a(), T(J, N(n, { onClick: c }), {
+        header: h((o) => [
+          l("div", Rl, [
+            g(O, N(t(o), {
+              type: "icon",
+              class: "text-gray-500",
+              onClick: E(i, ["stop"])
+            }), {
+              default: h(() => [
+                g(r, { class: "size-10" })
+              ]),
+              _: 1
+            }, 16)
+          ])
+        ]),
+        dialog: h((o) => [
+          l("div", Wl, [
+            g(O, N(t(o), {
+              type: "icon",
+              class: ["size-18", n.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"],
+              onClick: E(i, ["stop"])
+            }), {
+              default: h(() => [
+                g(r, { class: "size-16" })
+              ]),
+              _: 1
+            }, 16, ["class"])
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
   }
-}), ws = { class: "w-full relative" }, Cs = ["disabled"], zs = {
+}), Gl = { class: "w-full relative" }, Kl = ["disabled"], Jl = {
   key: 0,
   class: "text-red-400 h-[24px] px-2 text-xs"
-}, Vs = "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({
+}, Ql = "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", U = /* @__PURE__ */ V({
   __name: "VTextField",
   props: {
     modelValue: { default: null },
@@ -1670,59 +1260,59 @@ const Fa = {
     hideMessage: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
-  setup(t, { emit: e }) {
-    const n = e, r = {
+  setup(e, { emit: s }) {
+    const n = s, u = {
       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"
-    ]), d = M(() => r[t.component]), f = (m) => m || m === 0, c = M(() => [Vs, a.value || f(t.modelValue) || t.active ? "top-0 left-3 text-xs" : "top-1/2"]), o = M(() => t.component === "input"), i = (m) => {
-      a.value = !1, n("blur", m);
-    }, h = (m) => {
-      a.value = !0, n("blur", m);
-    }, y = ({ target: m }) => n("update:modelValue", m.value), $ = (m) => n("enter", m), b = (m) => n("click", m), w = (m) => {
-      t.disabled || n("on-icon", m);
+    }, t = H(!1), c = A(() => [
+      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"
+    ]), i = A(() => u[e.component]), m = (x) => x || x === 0, d = A(() => [Ql, t.value || m(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), r = A(() => e.component === "input"), o = (x) => {
+      t.value = !1, n("blur", x);
+    }, p = (x) => {
+      t.value = !0, n("blur", x);
+    }, C = ({ target: x }) => n("update:modelValue", x.value), b = (x) => n("enter", x), v = (x) => n("click", x), y = (x) => {
+      e.disabled || n("on-icon", x);
     };
-    return (m, E) => (s(), v("div", ws, [
+    return (x, D) => (a(), f("div", Gl, [
       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])
+        class: z(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", c.value])
       }, [
         l("span", {
-          class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", c.value])
-        }, _(m.label), 3),
-        (s(), A(G(m.component), H(m.$attrs, {
-          value: m.modelValue,
-          disabled: !!m.disabled,
-          type: m.type,
-          readonly: m.readonly,
-          rows: o.value ? null : "2",
-          wrap: o.value ? null : "soft",
-          class: d.value,
-          onFocus: h,
-          onBlur: i,
-          onInput: y,
-          onClick: b,
-          onKeypress: Se($, ["enter"])
+          class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", d.value])
+        }, w(e.label), 3),
+        (a(), T(X(e.component), N(x.$attrs, {
+          value: e.modelValue,
+          disabled: !!e.disabled,
+          type: e.type,
+          readonly: e.readonly,
+          rows: r.value ? null : "2",
+          wrap: r.value ? null : "soft",
+          class: i.value,
+          onFocus: p,
+          onBlur: o,
+          onInput: C,
+          onClick: v,
+          onKeypress: De(b, ["enter"])
         }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
-        m.$slots.icon ? (s(), v("button", {
+        x.$slots.icon ? (a(), f("button", {
           key: 0,
-          disabled: !!m.disabled,
-          class: z([{ "cursor-pointer": !m.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
+          disabled: !!e.disabled,
+          class: z([{ "cursor-pointer": !e.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: y
         }, [
-          C(m.$slots, "icon")
-        ], 10, Cs)) : I("", !0)
+          $(x.$slots, "icon")
+        ], 10, Kl)) : B("", !0)
       ], 2),
-      m.hideMessage ? I("", !0) : (s(), v("div", zs, [
-        C(m.$slots, "message", {}, () => [
-          T(_(m.message), 1)
+      e.hideMessage ? B("", !0) : (a(), f("div", Jl, [
+        $(x.$slots, "message", {}, () => [
+          L(w(e.message), 1)
         ])
       ]))
     ]));
   }
-}), Bs = { class: "flex justify-center relative mx-2 my-6" }, Ms = /* @__PURE__ */ V({
+}), Xl = { class: "flex justify-center relative mx-2 my-6" }, Yl = /* @__PURE__ */ V({
   __name: "CardDate",
   props: {
     size: {},
@@ -1739,36 +1329,36 @@ const Fa = {
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(t, { emit: e }) {
-    const n = t, r = e, a = (c) => new Date(+c * 1e3).toISOString().slice(0, 16), u = (c) => {
-      var i;
-      const o = (i = c == null ? void 0 : c.target) == null ? void 0 : i.valueAsNumber;
-      o && r("setState", o / 1e3);
-    }, d = ({ name: c, value: o, opts: i = {} }) => {
-      const { disabled: h } = i;
-      return { label: c, modelValue: a(o), disabled: h };
-    }, f = (c) => r("click", c);
-    return (c, o) => (s(), A(q, H(n, { onClick: f }), {
-      dialog: g((i) => [
-        l("div", Bs, [
-          p(O, H(d(i), {
+  setup(e, { emit: s }) {
+    const n = e, u = s, t = (d) => new Date(+d * 1e3).toISOString().slice(0, 16), c = (d) => {
+      var o;
+      const r = (o = d == null ? void 0 : d.target) == null ? void 0 : o.valueAsNumber;
+      r && u("setState", r / 1e3);
+    }, i = ({ name: d, value: r, opts: o = {} }) => {
+      const { disabled: p } = o;
+      return { label: d, modelValue: t(r), disabled: p };
+    }, m = (d) => u("click", d);
+    return (d, r) => (a(), T(J, N(n, { onClick: m }), {
+      dialog: h((o) => [
+        l("div", Xl, [
+          g(U, N(i(o), {
             type: "datetime-local",
-            onChange: u
+            onChange: c
           }), null, 16)
         ])
       ]),
       _: 1
     }, 16));
   }
-}), Is = { class: "flex justify-end" }, As = {
+}), Zl = { class: "flex justify-end" }, es = {
   class: /* @__PURE__ */ z("text-blue-600 dark:text-blue-400")
-}, Ss = {
+}, ts = {
   width: "32",
   height: "32",
   viewBox: "-7.5 -7.5 75 75",
   version: "1.1",
   style: { transform: "rotate(-90deg)" }
-}, Ts = ["stroke-dashoffset"], Ds = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, Hs = /* @__PURE__ */ V({
+}, ls = ["stroke-dashoffset"], ss = { class: "absolute top-1/2 left-1/2 -translate-1/2 text-white z-10 font-bold text-xl" }, os = /* @__PURE__ */ V({
   __name: "CardDimmer",
   props: {
     size: {},
@@ -1785,17 +1375,17 @@ const Fa = {
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(t, { emit: e }) {
-    const n = t, r = e, a = ({ opts: o, value: i }) => Math.round(100 * +i / ((o == null ? void 0 : o.max) || 255)), u = ({ opts: o, value: i }) => Math.round(187 - +i / ((o == null ? void 0 : o.max) || 255) * 187), d = ({ value: o, opts: i }) => {
-      const { min: h = 0, max: y = 255, step: $ = 1, disabled: b } = i || {};
-      return { min: h, max: y, step: $, value: o, disabled: !!b, class: b ? "" : "cursor-pointer" };
-    }, f = (o) => r("click", o), c = (o) => r("setState", +o.target.value || 0);
-    return (o, i) => (s(), A(q, H(n, { onClick: f }), {
-      header: g((h) => [
-        l("div", Is, [
-          l("div", As, [
-            (s(), v("svg", Ss, [
-              i[0] || (i[0] = l("circle", {
+  setup(e, { emit: s }) {
+    const n = e, u = s, t = ({ opts: r, value: o }) => Math.round(100 * +o / ((r == null ? void 0 : r.max) || 255)), c = ({ opts: r, value: o }) => Math.round(187 - +o / ((r == null ? void 0 : r.max) || 255) * 187), i = ({ value: r, opts: o }) => {
+      const { min: p = 0, max: C = 255, step: b = 1, disabled: v } = o || {};
+      return { min: p, max: C, step: b, value: r, disabled: !!v, class: v ? "" : "cursor-pointer" };
+    }, m = (r) => u("click", r), d = (r) => u("setState", +r.target.value || 0);
+    return (r, o) => (a(), T(J, N(n, { onClick: m }), {
+      header: h((p) => [
+        l("div", Zl, [
+          l("div", es, [
+            (a(), f("svg", ts, [
+              o[0] || (o[0] = l("circle", {
                 class: "stroke-gray-300 dark:stroke-gray-700",
                 r: "30",
                 cx: "30",
@@ -1810,34 +1400,34 @@ const Fa = {
                 stroke: "currentColor",
                 "stroke-width": "8",
                 "stroke-linecap": "butt",
-                "stroke-dashoffset": u(h),
+                "stroke-dashoffset": c(p),
                 fill: "transparent",
                 "stroke-dasharray": "187"
-              }, null, 8, Ts)
+              }, null, 8, ls)
             ]))
           ])
         ])
       ]),
-      dialog: g((h) => [
+      dialog: h((p) => [
         l("div", {
-          class: z(["flex justify-center relative mx-2 my-6", d(h).disabled ? "opacity-40" : ""])
+          class: z(["flex justify-center relative mx-2 my-6", i(p).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)),
+          o[1] || (o[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: K(`width: ${a(h)}%`)
+            style: G(`width: ${t(p)}%`)
           }, null, 4),
-          l("div", Ds, _(a(h)) + " %", 1),
-          l("input", H({ type: "range" }, d(h), {
+          l("div", ss, w(t(p)) + " %", 1),
+          l("input", N({ type: "range" }, i(p), {
             class: "w-full h-10 z-10 appearance-none opacity-0",
-            onChange: c
+            onChange: d
           }), null, 16)
         ], 2)
       ]),
       _: 1
     }, 16));
   }
-}), Ls = /* @__PURE__ */ V({
+}), as = /* @__PURE__ */ V({
   __name: "CardInfo",
   props: {
     size: {},
@@ -1854,16 +1444,16 @@ const Fa = {
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(t, { emit: e }) {
-    const n = t, r = e, a = (u) => r("click", u);
-    return (u, d) => (s(), A(q, H(n, { onClick: a }), {
-      default: g(() => [
-        C(u.$slots, "dialog")
+  setup(e, { emit: s }) {
+    const n = e, u = s, t = (c) => u("click", c);
+    return (c, i) => (a(), T(J, N(n, { onClick: t }), {
+      default: h(() => [
+        $(c.$slots, "dialog")
       ]),
       _: 3
     }, 16));
   }
-}), js = { class: "flex justify-center relative mx-2 my-6" }, Ns = /* @__PURE__ */ V({
+}), ns = { class: "flex justify-center relative mx-2 my-6" }, is = /* @__PURE__ */ V({
   __name: "CardInput",
   props: {
     size: {},
@@ -1880,100 +1470,110 @@ const Fa = {
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(t, { emit: e }) {
-    const n = t, r = e, a = ({ name: f, value: c, opts: o = {} }) => {
-      const { disabled: i } = o;
-      return { label: f, modelValue: c, disabled: i };
-    }, u = (f) => r("setState", f.target.value), d = (f) => r("click", f);
-    return (f, c) => (s(), A(q, H(n, { onClick: d }), {
-      dialog: g((o) => [
-        l("div", js, [
-          p(O, H(a(o), {
-            autofocus: "",
-            onEnter: u,
-            onBlur: u
-          }), {
-            icon: g(() => [
-              p(B, {
-                name: "Chevron",
-                class: "size-6 rotate-270"
-              })
-            ]),
-            _: 2
-          }, 1040)
-        ])
-      ]),
-      _: 1
-    }, 16));
+  setup(e, { emit: s }) {
+    const n = e, u = s, t = ({ name: m, value: d, opts: r = {} }) => {
+      const { disabled: o } = r;
+      return { label: m, modelValue: d, disabled: o };
+    }, c = (m) => u("setState", m.target.value), i = (m) => u("click", m);
+    return (m, d) => {
+      const r = ie;
+      return a(), T(J, N(n, { onClick: i }), {
+        dialog: h((o) => [
+          l("div", ns, [
+            g(U, N(t(o), {
+              autofocus: "",
+              onEnter: c,
+              onBlur: c
+            }), {
+              icon: h(() => [
+                g(r, { class: "size-6 rotate-270" })
+              ]),
+              _: 1
+            }, 16)
+          ])
+        ]),
+        _: 1
+      }, 16);
+    };
   }
-}), Os = ["value", "selected"], J = /* @__PURE__ */ V({
+}), rs = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function cs(e, s) {
+  return a(), f("svg", rs, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z"
+    }, null, -1)
+  ])]);
+}
+const ds = F({ name: "ri-arrow-up-s-line", render: cs }), us = { class: "pb-8 px-4 md:pb-8 md:px-4 lg:p-4 bg-white dark:bg-gray-800 rounded min-w-68.25 shadow-bottom-nav" }, fs = {
+  key: 0,
+  class: "md:hidden text-title-md font-bold mb-4 uppercase"
+}, ms = { class: "h-full h-hull max-h-78 overflow-auto scrollbar overscroll-contain" }, Y = /* @__PURE__ */ V({
+  inheritAttrs: !1,
   __name: "VSelect",
   props: {
-    value: { default: "" },
-    label: {},
-    disabled: { type: [Boolean, Number], default: !1 },
-    list: {}
+    modelValue: {},
+    title: {},
+    items: {}
   },
-  emits: ["update:modelValue", "change"],
-  setup(t, { emit: e }) {
-    const n = e, r = 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, i = t.list.find((h) => h.value == o);
-      i && n("change", i);
-    }, d = (f, c) => {
-      f.click(new Event("click")), n("change", c);
-    };
-    return (f, c) => (s(), A(Y, H({ class: "relative w-full" }, f.$attrs, { top: "46px" }), {
-      activator: g(({ on: o, show: i }) => [
-        p(O, {
-          "model-value": r.value,
-          readonly: "",
-          hideMessage: "",
-          disabled: f.disabled,
-          active: "",
-          label: f.label,
-          onClick: o.click,
-          onOnIcon: o.click
-        }, {
-          icon: g(() => [
-            p(B, {
-              name: "Chevron",
-              class: z(["transition", a(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: 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, Os))), 128))
-        ], 32)
-      ]),
-      default: g(({ on: o }) => [
-        p(ee, {
-          list: f.list,
-          onClick: (i) => d(o, i)
-        }, {
-          default: g(({ item: i }) => [
-            C(f.$slots, "default", { item: i }, () => [
-              T(_(i.name), 1)
+  emits: ["select"],
+  setup(e, { emit: s }) {
+    const n = s;
+    function u(t, c) {
+      n("select", t), c == null || c.set(!1);
+    }
+    return (t, c) => {
+      const i = ds;
+      return a(), T(te, {
+        "hide-on-click": !1,
+        class: "relative"
+      }, {
+        activator: h(({ on: m, isShow: d }) => [
+          $(t.$slots, "activator", W(q({ on: m, isShow: d })), () => [
+            g(U, {
+              "model-value": e.modelValue,
+              readonly: "",
+              hideMessage: "",
+              active: "",
+              onClick: m.click,
+              onOnIcon: m.click
+            }, {
+              icon: h(() => [
+                g(i, {
+                  class: z(["transition duration-300", d ? "rotate-x-180" : ""])
+                }, null, 8, ["class"])
+              ]),
+              _: 2
+            }, 1032, ["model-value", "onClick", "onOnIcon"])
+          ])
+        ]),
+        default: h(({ on: m }) => [
+          l("div", us, [
+            e.title ? (a(), f("h5", fs, w(e.title), 1)) : B("", !0),
+            l("div", ms, [
+              g(le, {
+                items: e.items,
+                onClick: (d) => u(d, m)
+              }, {
+                default: h(({ item: d }) => [
+                  $(t.$slots, "item", { item: d }, () => [
+                    L(w(d.name), 1)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["items", "onClick"])
             ])
-          ]),
-          _: 2
-        }, 1032, ["list", "onClick"])
-      ]),
-      _: 3
-    }, 16));
+          ])
+        ]),
+        _: 3
+      });
+    };
   }
-}), Ps = { class: "flex justify-center py-4" }, Fs = /* @__PURE__ */ V({
+}), vs = { class: "flex justify-center py-4" }, gs = /* @__PURE__ */ V({
   __name: "CardList",
   props: {
     size: {},
@@ -1990,30 +1590,30 @@ const Fa = {
     getTo: {}
   },
   emits: ["edit", "close", "click", "open", "setState"],
-  setup(t, { emit: e }) {
-    const n = t, r = e, a = (c) => r("click", c), u = ({ value: c }) => r("setState", c), d = ({ opts: c, value: o }) => {
-      var i;
-      return Array.isArray(c == null ? void 0 : c.list) && ((i = c == null ? void 0 : c.list.find((h) => h.value === o)) == null ? void 0 : i.name) || o;
-    }, f = ({ name: c, value: o, opts: i = {} }) => {
-      const { list: h = [], disabled: y } = i;
-      return { label: c, value: o, list: h, disabled: y };
+  setup(e, { emit: s }) {
+    const n = e, u = s, t = (d) => u("click", d), c = ({ value: d }) => u("setState", d), i = ({ opts: d, value: r }) => {
+      var o;
+      return Array.isArray(d == null ? void 0 : d.items) && ((o = d == null ? void 0 : d.items.find((p) => p.value === r)) == null ? void 0 : o.name) || r;
+    }, m = ({ name: d, value: r, opts: o = {} }) => {
+      const { items: p = [], disabled: C } = o;
+      return { title: d, modelValue: r, items: p, disabled: C };
     };
-    return (c, o) => (s(), A(q, H(n, { onClick: a }), {
-      value: g((i) => [
-        T(_(d(i)), 1)
+    return (d, r) => (a(), T(J, N(n, { onClick: t }), {
+      value: h((o) => [
+        L(w(i(o)), 1)
       ]),
-      "dialog-value": g((i) => [
-        T(_(d(i)), 1)
+      "dialog-value": h((o) => [
+        L(w(i(o)), 1)
       ]),
-      dialog: g((i) => [
-        l("div", Ps, [
-          p(J, H(f(i), { onChange: u }), null, 16)
+      dialog: h((o) => [
+        l("div", vs, [
+          g(Y, N(m(o), { onChange: c }), null, 16)
         ])
       ]),
       _: 1
     }, 16));
   }
-}), Es = [
+}), ps = [
   "Dots",
   "Air",
   "Bulb",
@@ -2052,7 +1652,20 @@ const Fa = {
   "Theme",
   "Info",
   "Plus"
-], Rs = ["Button", "Info", "Dimmer", "Date", "Input", "List"], Us = Es.map((t, e) => ({ id: ++e, name: `${t}`, value: t })), Ws = Rs.map((t, e) => ({ id: ++e, name: `${t}`, value: `${t.toLowerCase()}` })), qs = { class: "flex w-full relative" }, Gs = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, Ks = ["disabled"], xe = /* @__PURE__ */ V({
+], hs = ["Button", "Info", "Dimmer", "Date", "Input", "List"], bs = ps.map((e, s) => ({ id: ++s, name: `${e}`, value: e })), ys = hs.map((e, s) => ({ id: ++s, name: `${e}`, value: `${e.toLowerCase()}` })), xs = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function _s(e, s) {
+  return a(), f("svg", xs, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
+    }, null, -1)
+  ])]);
+}
+const re = F({ name: "ri-add-line", render: _s }), ks = { class: "flex w-full relative" }, $s = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, ws = ["disabled"], Ce = /* @__PURE__ */ V({
   __name: "VTextWrapper",
   props: {
     active: { type: Boolean },
@@ -2061,41 +1674,67 @@ const Fa = {
     hideIcon: { type: Boolean, default: !1 }
   },
   emits: ["icon"],
-  setup(t, { emit: e }) {
-    const n = e, r = 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, d) => (s(), v("div", qs, [
-      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", r.value])
-        }, _(u.label), 3),
-        l("div", Gs, [
-          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: d[0] || (d[0] = (f) => n("icon", f))
+  setup(e, { emit: s }) {
+    const n = s, u = A(() => e.active ? "top-0 left-3 text-xs" : "top-1/2"), t = A(() => [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 (c, i) => {
+      const m = re;
+      return a(), f("div", ks, [
+        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", t.value])
         }, [
-          C(u.$slots, "icon", {}, () => [
-            p(B, {
-              name: "Plus",
-              class: "size-4"
-            })
-          ])
-        ], 10, Ks))
-      ], 2)
-    ]));
+          l("span", {
+            class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", u.value])
+          }, w(e.label), 3),
+          l("div", $s, [
+            $(c.$slots, "default")
+          ]),
+          e.hideIcon ? B("", !0) : (a(), f("button", {
+            key: 0,
+            disabled: e.disabled,
+            class: z([{ "cursor-pointer": !e.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] = (d) => n("icon", d))
+          }, [
+            $(c.$slots, "icon", {}, () => [
+              g(m, { class: "size-4" })
+            ])
+          ], 10, ws))
+        ], 2)
+      ]);
+    };
   }
-}), Zs = ["onClick"], Js = {
+}), Cs = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function zs(e, s) {
+  return a(), f("svg", Cs, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      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 Vs = F({ name: "ri-save-line", render: zs }), Bs = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Ss(e, s) {
+  return a(), f("svg", Bs, [...s[0] || (s[0] = [
+    l("path", {
+      fill: "currentColor",
+      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 2l-1-1H4v2h5.586zM4 9v10h16V7h-7.586l-2 2z"
+    }, null, -1)
+  ])]);
+}
+const As = F({ name: "ri-folder6-line", render: Ss }), Ts = ["onClick"], Ds = {
   key: 0,
   class: "me-1"
-}, Qs = { class: "flex items-center z-10" }, Xs = ["onClick"], Ys = {
+}, Is = { class: "flex items-center z-10" }, Ms = ["onClick"], Ls = {
   key: 0,
   class: "flex ps-5"
-}, eo = { class: "font-medium me-4" }, to = ["onClick"], ke = /* @__PURE__ */ V({
+}, js = { class: "font-medium me-4" }, Ns = ["onClick"], ze = /* @__PURE__ */ V({
   __name: "VListObject",
   props: {
     items: { default: () => ({}) },
@@ -2103,101 +1742,95 @@ const Fa = {
     onlyValue: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    const n = e, 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", a = L({}), u = (o) => {
-      a.value[o] = !a.value[o];
-    }, d = (o) => typeof o == "object", f = (o) => `${t.path ? t.path + "." : ""}${o}`, c = (o, i) => {
-      n("click", { key: o, path: f(o), isObject: i });
+  setup(e, { emit: s }) {
+    const n = s, u = () => "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", t = H({}), c = (r) => {
+      t.value[r] = !t.value[r];
+    }, i = (r) => typeof r == "object", m = (r) => `${e.path ? e.path + "." : ""}${r}`, d = (r, o) => {
+      n("click", { key: r, path: m(r), isObject: o });
     };
-    return (o, i) => (s(), v("ul", null, [
-      (s(!0), v(D, null, N(o.items, (h, y) => (s(), v("li", {
-        key: y,
-        class: z(d(h) ? "" : `flex items-center ${r()}`)
-      }, [
-        l("div", {
-          class: z(["flex items-center cursor-pointer ps-2 h-8", d(h) ? `${r()}` : ""]),
-          onClick: ($) => u(y)
+    return (r, o) => {
+      const p = As, C = Vs;
+      return a(), f("ul", null, [
+        (a(!0), f(j, null, P(e.items, (b, v) => (a(), f("li", {
+          key: v,
+          class: z(i(b) ? "" : `flex items-center ${u()}`)
         }, [
-          d(h) ? (s(), v("div", Js, [
-            p(B, {
-              name: "Folder",
-              class: "size-5"
-            })
-          ])) : I("", !0),
-          l("div", null, _(y), 1),
-          !o.onlyValue && d(h) ? (s(), v(D, { key: 1 }, [
-            i[1] || (i[1] = l("div", { class: "flex-auto" }, null, -1)),
-            l("div", Qs, [
-              l("button", {
-                class: "px-2 cursor-pointer text-gray-400 hover:text-gray-200",
-                onClick: P(($) => c(y, d(h)), ["stop"])
-              }, [
-                p(B, {
-                  name: "Save",
-                  class: "size-5"
-                })
-              ], 8, Xs)
-            ])
-          ], 64)) : I("", !0)
-        ], 10, Zs),
-        d(h) ? (s(), v("div", Ys, [
-          re(p(ke, {
-            class: "flex-auto",
-            path: f(y),
-            items: h,
-            onlyValue: o.onlyValue,
-            onClick: i[0] || (i[0] = ($) => n("click", $))
-          }, null, 8, ["path", "items", "onlyValue"]), [
-            [Te, a.value[y]]
-          ])
-        ])) : (s(), v(D, { key: 1 }, [
-          i[2] || (i[2] = l("div", { class: "flex-auto" }, null, -1)),
-          l("div", eo, _(h), 1),
-          l("button", {
-            class: "px-2 cursor-pointer z-10",
-            onClick: P(($) => c(y, d(h)), ["stop"])
+          l("div", {
+            class: z(["flex items-center cursor-pointer ps-2 h-8", i(b) ? `${u()}` : ""]),
+            onClick: (y) => c(v)
           }, [
-            p(B, {
-              name: "Save",
-              class: "size-5"
-            })
-          ], 8, to)
-        ], 64))
-      ], 2))), 128))
-    ]));
+            i(b) ? (a(), f("div", Ds, [
+              g(p, { class: "size-5" })
+            ])) : B("", !0),
+            l("div", null, w(v), 1),
+            !e.onlyValue && i(b) ? (a(), f(j, { key: 1 }, [
+              o[1] || (o[1] = l("div", { class: "flex-auto" }, null, -1)),
+              l("div", Is, [
+                l("button", {
+                  class: "px-2 cursor-pointer text-gray-400 hover:text-gray-200",
+                  onClick: E((y) => d(v, i(b)), ["stop"])
+                }, [
+                  g(C, { class: "size-5" })
+                ], 8, Ms)
+              ])
+            ], 64)) : B("", !0)
+          ], 10, Ts),
+          i(b) ? (a(), f("div", Ls, [
+            oe(g(ze, {
+              class: "flex-auto",
+              path: m(v),
+              items: b,
+              onlyValue: e.onlyValue,
+              onClick: o[0] || (o[0] = (y) => n("click", y))
+            }, null, 8, ["path", "items", "onlyValue"]), [
+              [Ie, t.value[v]]
+            ])
+          ])) : (a(), f(j, { key: 1 }, [
+            o[2] || (o[2] = l("div", { class: "flex-auto" }, null, -1)),
+            l("div", js, w(b), 1),
+            l("button", {
+              class: "px-2 cursor-pointer z-10",
+              onClick: E((y) => d(v, i(b)), ["stop"])
+            }, [
+              g(C, { class: "size-5" })
+            ], 8, Ns)
+          ], 64))
+        ], 2))), 128))
+      ]);
+    };
   }
-}), lo = { class: "" }, ao = { class: "flex border-b border-gray-200 dark:border-gray-700" }, so = ["onClick"], oo = { class: "relative my-4" }, no = { key: 0 }, ro = /* @__PURE__ */ V({
+}), Os = { class: "" }, Es = { class: "flex border-b border-gray-200 dark:border-gray-700" }, Hs = ["onClick"], Ps = { class: "relative my-4" }, Fs = { key: 0 }, Us = /* @__PURE__ */ V({
   __name: "VTabs",
   props: {
     value: {},
     items: {}
   },
   emits: ["click"],
-  setup(t, { expose: e, emit: n }) {
-    const r = n, a = L(t.value || 0), u = (f) => [a.value === f ? "" : "before:hidden"], d = (f) => {
-      a.value = f, r("click", f);
+  setup(e, { expose: s, emit: n }) {
+    const u = n, t = H(e.value || 0), c = (m) => [t.value === m ? "" : "before:hidden"], i = (m) => {
+      t.value = m, u("click", m);
     };
-    return e({
-      setActiveTab: d,
-      activeTab: a
-    }), (f, c) => (s(), v("div", lo, [
-      l("div", ao, [
-        (s(!0), v(D, null, N(f.items, (o, i) => (s(), v("div", {
-          key: i,
+    return s({
+      setActiveTab: i,
+      activeTab: t
+    }), (m, d) => (a(), f("div", Os, [
+      l("div", Es, [
+        (a(!0), f(j, null, P(e.items, (r, o) => (a(), f("div", {
+          key: o,
           class: "relative"
         }, [
           l("button", {
-            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(i)]),
-            onClick: (h) => d(i)
-          }, _(o.title), 11, so)
+            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", c(o)]),
+            onClick: (p) => i(o)
+          }, w(r.title), 11, Hs)
         ]))), 128))
       ]),
-      l("div", oo, [
-        (s(!0), v(D, null, N(f.items, (o, i) => (s(), v("div", {
-          key: i,
+      l("div", Ps, [
+        (a(!0), f(j, null, P(e.items, (r, o) => (a(), f("div", {
+          key: o,
           class: "tab-panel"
         }, [
-          p(X, {
+          g(Z, {
             "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",
@@ -2205,10 +1838,10 @@ const Fa = {
             "leave-from-class": "transform opacity-100 translate-x-0",
             "leave-to-class": "transform opacity-0 -translate-x-2"
           }, {
-            default: g(() => [
-              a.value === i ? (s(), v("div", no, [
-                C(f.$slots, `tab-${i}`)
-              ])) : I("", !0)
+            default: h(() => [
+              t.value === o ? (a(), f("div", Fs, [
+                $(m.$slots, `tab-${o}`)
+              ])) : B("", !0)
             ]),
             _: 2
           }, 1024)
@@ -2216,7 +1849,7 @@ const Fa = {
       ])
     ]));
   }
-}), io = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, co = ["title", "onMouseenter", "onMouseleave"], uo = { class: "flex flex-auto" }, vo = ["disabled"], ae = /* @__PURE__ */ V({
+}), Rs = { class: "flex gap-1 text-amber-500 self-start text-nowrap select-none" }, Ws = ["title", "onMouseenter", "onMouseleave"], qs = { class: "flex flex-auto" }, Gs = ["disabled"], se = /* @__PURE__ */ V({
   __name: "VFunc",
   props: {
     label: {},
@@ -2226,100 +1859,101 @@ const Fa = {
     hideIcon: { type: Boolean, default: !1 }
   },
   emits: ["change", "icon", "hover"],
-  setup(t, { emit: e }) {
-    const { textarea: n, input: r } = Pa(), a = e, u = ["v", "a", "b", "c"];
-    r.value = t.value || "";
-    const d = (o) => {
+  setup(e, { emit: s }) {
+    const { textarea: n, input: u } = Ne(), t = s, c = ["v", "a", "b", "c"];
+    u.value = e.value || "";
+    const i = (r) => {
       try {
-        return new Function(o), !0;
-      } catch (i) {
-        return console.warn(i), !1;
+        return new Function(r), !0;
+      } catch (o) {
+        return console.warn(o), !1;
       }
-    }, f = /* @__PURE__ */ ie((o) => {
-      const i = o.target;
-      d(i.value) && a("change", i.value);
-    }, 500), c = (o) => a("icon", o);
-    return W(
-      () => t.value,
+    }, m = ne((r) => {
+      const o = r.target;
+      i(o.value) && t("change", o.value);
+    }, 500), d = (r) => t("icon", r);
+    return ae(
+      () => e.value,
       () => {
-        t.value && (r.value = t.value);
+        e.value && (u.value = e.value);
       }
-    ), (o, i) => (s(), A(xe, {
-      active: !!o.value,
-      disabled: o.disabled,
-      label: o.label,
-      hideIcon: o.hideIcon,
-      onIcon: c
-    }, {
-      icon: g(() => [
-        o.value ? (s(), A(B, {
-          key: 0,
-          name: "Close",
-          class: "size-4"
-        })) : (s(), A(B, {
-          key: 1,
-          name: "Plus",
-          class: "size-4"
-        }))
-      ]),
-      default: g(() => [
-        o.value ? (s(), v(D, { key: 0 }, [
-          l("div", io, [
-            i[3] || (i[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, co),
-              i[2] || (i[2] = l("span", { class: "last:hidden" }, ",", -1))
-            ], 64))), 128)),
-            i[4] || (i[4] = T(" ) => "))
-          ]),
-          l("div", uo, [
-            re(l("textarea", {
-              ref_key: "textarea",
-              ref: n,
-              "onUpdate:modelValue": i[0] || (i[0] = (h) => De(r) ? r.value = h : null),
-              class: "outline-0 w-full resize-none",
-              type: "text",
-              disabled: o.disabled,
-              onInput: i[1] || (i[1] = //@ts-ignore
-              (...h) => F(f) && F(f)(...h))
-            }, null, 40, vo), [
-              [He, F(r)]
+    ), (r, o) => {
+      const p = K, C = re;
+      return a(), T(Ce, {
+        active: !!e.value,
+        disabled: e.disabled,
+        label: e.label,
+        hideIcon: e.hideIcon,
+        onIcon: d
+      }, {
+        icon: h(() => [
+          e.value ? (a(), T(p, {
+            key: 0,
+            class: "size-4"
+          })) : (a(), T(C, {
+            key: 1,
+            class: "size-4"
+          }))
+        ]),
+        default: h(() => [
+          e.value ? (a(), f(j, { key: 0 }, [
+            l("div", Rs, [
+              o[3] || (o[3] = L(" ( ", -1)),
+              (a(!0), f(j, null, P(e.args, (b, v) => (a(), f(j, { key: b }, [
+                l("span", {
+                  class: "text-blue-400/80",
+                  title: b,
+                  onMouseenter: (y) => t("hover", "enter", v),
+                  onMouseleave: (y) => t("hover", "leave", v)
+                }, w(c[v]), 41, Ws),
+                o[2] || (o[2] = l("span", { class: "last:hidden" }, ",", -1))
+              ], 64))), 128)),
+              o[4] || (o[4] = L(" ) => ", -1))
+            ]),
+            l("div", qs, [
+              oe(l("textarea", {
+                ref_key: "textarea",
+                ref: n,
+                "onUpdate:modelValue": o[0] || (o[0] = (b) => Me(u) ? u.value = b : null),
+                class: "outline-0 w-full resize-none",
+                type: "text",
+                disabled: e.disabled,
+                onInput: o[1] || (o[1] = //@ts-ignore
+                (...b) => S(m) && S(m)(...b))
+              }, null, 40, Gs), [
+                [Le, S(u)]
+              ])
             ])
-          ])
-        ], 64)) : I("", !0)
-      ]),
-      _: 1
-    }, 8, ["active", "disabled", "label", "hideIcon"]));
+          ], 64)) : B("", !0)
+        ]),
+        _: 1
+      }, 8, ["active", "disabled", "label", "hideIcon"]);
+    };
   }
-}), fo = ["checked", "disabled"], ho = { class: "text-sm ms-2 peer-disabled:opacity-40" }, po = /* @__PURE__ */ V({
+}), Ks = ["checked", "disabled"], Js = { class: "text-sm ms-2 peer-disabled:opacity-40" }, Qs = /* @__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, r = (u) => {
-      const d = u.target;
-      n("update:modelValue", d.checked);
-    }, a = (u) => n("click", u);
-    return (u, d) => (s(), v("label", {
-      class: z(["inline-flex items-center relative", { "cursor-pointer": !u.disabled }]),
-      onClick: a
+  setup(e, { emit: s }) {
+    const n = s, u = (c) => {
+      const i = c.target;
+      n("update:modelValue", i.checked);
+    }, t = (c) => n("click", c);
+    return (c, i) => (a(), f("label", {
+      class: z(["inline-flex items-center relative", { "cursor-pointer": !e.disabled }]),
+      onClick: t
     }, [
       l("input", {
         type: "checkbox",
-        checked: !!u.modelValue,
-        disabled: u.disabled,
+        checked: !!e.modelValue,
+        disabled: e.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, fo),
-      d[0] || (d[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" }, [
+        onChange: u
+      }, null, 40, Ks),
+      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",
@@ -2334,18 +1968,18 @@ const Fa = {
           })
         ])
       ], -1)),
-      l("span", ho, [
-        C(u.$slots, "default")
+      l("span", Js, [
+        $(c.$slots, "default")
       ])
     ], 2));
   }
-}), mo = { class: "flex flex-col" }, go = { class: "flex gap-4 mb-6" }, bo = {
+}), Xs = { class: "flex flex-col" }, Ys = { class: "flex gap-4 mb-6" }, Zs = {
   key: 0,
   class: "flex gap-4"
-}, yo = {
+}, eo = {
   key: 1,
   class: ""
-}, xo = { class: "flex flex-col md:flex-row gap-4" }, ko = { class: "flex gap-4" }, _o = { class: "flex justify-between flex-auto" }, $o = ["onClick"], wo = /* @__PURE__ */ V({
+}, to = { class: "flex flex-col md:flex-row gap-4" }, lo = { class: "flex gap-4" }, so = { class: "flex justify-between flex-auto" }, oo = ["onClick"], ao = /* @__PURE__ */ V({
   __name: "ItemOptions",
   props: {
     min: { default: 0 },
@@ -2357,119 +1991,122 @@ const Fa = {
     type: {}
   },
   emits: ["update"],
-  setup(t, { emit: e }) {
-    const n = e, r = M(() => t.list.map((b, w) => ({ ...b, id: ++w }))), a = L({ name: "", value: "" }), u = M(() => t.list.length + 1), d = 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: m }) => ({ name: w, value: m })), i = ({ id: b, name: w, value: m }) => a.value = { id: b, name: w, value: m }, h = () => {
-      const b = u.value;
-      a.value = { name: `New_${b}`, value: b, id: b }, c("list", o([a.value, ...r.value]));
-    }, y = (b) => {
-      a.value.name === b.name && (a.value = { name: "", value: "" }), c("list", o(r.value.filter((w) => w.value !== b.value)));
-    }, $ = /* @__PURE__ */ ie(() => {
-      const b = a.value;
-      if (!b.name || !b.value) return;
-      const w = r.value.map((m) => m.id === b.id ? b : m);
-      c("list", o(w));
+  setup(e, { emit: s }) {
+    const n = s, u = A(() => e.list.map((v, y) => ({ ...v, id: ++y }))), t = H({ name: "", value: "" }), c = A(() => e.list.length + 1), i = A(() => {
+      var v;
+      return !((v = t.value) != null && v.id);
+    }), m = (v) => e.type === v, d = (v, y) => n("update", v, y), r = (v) => v.map(({ name: y, value: x }) => ({ name: y, value: x })), o = ({ id: v, name: y, value: x }) => t.value = { id: v, name: y, value: x }, p = () => {
+      const v = c.value;
+      t.value = { name: `New_${v}`, value: v, id: v }, d("items", r([t.value, ...u.value]));
+    }, C = (v) => {
+      t.value.name === v.name && (t.value = { name: "", value: "" }), d("items", r(u.value.filter((y) => y.value !== v.value)));
+    }, b = ne(() => {
+      const v = t.value;
+      if (!v.name || !v.value) return;
+      const y = u.value.map((x) => x.id === v.id ? v : x);
+      d("items", r(y));
     }, 300);
-    return (b, w) => (s(), v("div", mo, [
-      l("div", go, [
-        p(po, {
-          modelValue: b.disabled,
-          "onUpdate:modelValue": w[0] || (w[0] = (m) => c("disabled", m ? 1 : 0))
-        }, {
-          default: g(() => w[6] || (w[6] = [
-            T("Disabled")
-          ])),
-          _: 1
-        }, 8, ["modelValue"])
-      ]),
-      f("dimmer") ? (s(), v("div", bo, [
-        p(O, {
-          modelValue: b.min,
-          label: "Min",
-          "onUpdate:modelValue": w[1] || (w[1] = (m) => c("min", +m))
-        }, null, 8, ["modelValue"]),
-        p(O, {
-          modelValue: b.max,
-          label: "Max",
-          "onUpdate:modelValue": w[2] || (w[2] = (m) => c("max", +m))
-        }, null, 8, ["modelValue"]),
-        p(O, {
-          modelValue: b.step,
-          label: "Step",
-          "onUpdate:modelValue": w[3] || (w[3] = (m) => c("step", +m))
-        }, null, 8, ["modelValue"])
-      ])) : I("", !0),
-      f("list") ? (s(), v("div", yo, [
-        l("div", xo, [
-          p(O, {
-            modelValue: a.value.name,
-            "onUpdate:modelValue": [
-              w[4] || (w[4] = (m) => a.value.name = m),
-              F($)
-            ],
-            disabled: d.value,
-            label: "Name"
-          }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
-          p(O, {
-            modelValue: a.value.value,
-            "onUpdate:modelValue": [
-              w[5] || (w[5] = (m) => a.value.value = m),
-              F($)
-            ],
-            disabled: d.value,
-            label: "Value"
+    return (v, y) => {
+      const x = K, D = re;
+      return a(), f("div", Xs, [
+        l("div", Ys, [
+          g(Qs, {
+            modelValue: e.disabled,
+            "onUpdate:modelValue": y[0] || (y[0] = (M) => d("disabled", M ? 1 : 0))
           }, {
-            default: g(() => w[7] || (w[7] = [
-              T(">")
-            ])),
+            default: h(() => [...y[6] || (y[6] = [
+              L("Disabled", -1)
+            ])]),
             _: 1
-          }, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
+          }, 8, ["modelValue"])
         ]),
-        l("div", ko, [
-          p(J, {
-            value: a.value.value,
-            label: "List",
-            list: r.value,
-            onChange: i
-          }, {
-            default: g(({ item: m }) => [
-              l("div", _o, [
-                l("span", null, _(m.name), 1),
-                l("button", {
-                  class: "cursor-pointer size-4",
-                  onClick: P((E) => y(m), ["prevent", "stop"])
-                }, [
-                  p(B, { name: "Close" })
-                ], 8, $o)
-              ])
-            ]),
-            _: 1
-          }, 8, ["value", "list"]),
-          p(j, {
-            class: "px-4",
-            color: "blue",
-            onClick: h
-          }, {
-            default: g(() => [
-              p(B, { name: "Plus" })
-            ]),
-            _: 1
-          })
-        ])
-      ])) : I("", !0)
-    ]));
+        m("dimmer") ? (a(), f("div", Zs, [
+          g(U, {
+            modelValue: e.min,
+            label: "Min",
+            "onUpdate:modelValue": y[1] || (y[1] = (M) => d("min", +M))
+          }, null, 8, ["modelValue"]),
+          g(U, {
+            modelValue: e.max,
+            label: "Max",
+            "onUpdate:modelValue": y[2] || (y[2] = (M) => d("max", +M))
+          }, null, 8, ["modelValue"]),
+          g(U, {
+            modelValue: e.step,
+            label: "Step",
+            "onUpdate:modelValue": y[3] || (y[3] = (M) => d("step", +M))
+          }, null, 8, ["modelValue"])
+        ])) : B("", !0),
+        m("list") ? (a(), f("div", eo, [
+          l("div", to, [
+            g(U, {
+              modelValue: t.value.name,
+              "onUpdate:modelValue": [
+                y[4] || (y[4] = (M) => t.value.name = M),
+                S(b)
+              ],
+              disabled: i.value,
+              label: "Name"
+            }, null, 8, ["modelValue", "disabled", "onUpdate:modelValue"]),
+            g(U, {
+              modelValue: t.value.value,
+              "onUpdate:modelValue": [
+                y[5] || (y[5] = (M) => t.value.value = M),
+                S(b)
+              ],
+              disabled: i.value,
+              label: "Value"
+            }, {
+              default: h(() => [...y[7] || (y[7] = [
+                L(">", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue", "disabled", "onUpdate:modelValue"])
+          ]),
+          l("div", lo, [
+            g(Y, {
+              "model-value": t.value.value,
+              label: "List",
+              items: u.value,
+              onChange: o
+            }, {
+              item: h(({ item: M }) => [
+                l("div", so, [
+                  l("span", null, w(M.name), 1),
+                  l("button", {
+                    class: "cursor-pointer size-4",
+                    onClick: E((R) => C(M), ["prevent", "stop"])
+                  }, [
+                    g(x)
+                  ], 8, oo)
+                ])
+              ]),
+              _: 1
+            }, 8, ["model-value", "items"]),
+            g(O, {
+              class: "px-4",
+              color: "blue",
+              onClick: p
+            }, {
+              default: h(() => [
+                g(D)
+              ]),
+              _: 1
+            })
+          ])
+        ])) : B("", !0)
+      ]);
+    };
   }
-}), Co = { class: "flex flex-col" }, zo = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, Vo = { class: "flex-auto order-1" }, Bo = { class: "flex-auto gap-x-2 order-1" }, Mo = { class: "grid grid-cols-1 md:grid-cols-2 gap-x-4" }, Io = { class: "flex gap-2 items-center" }, Ao = { class: "flex flex-col gap-4" }, So = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, To = { class: "relative group" }, Do = { class: "select-none" }, Ho = ["onClick"], Lo = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, jo = { class: "flex-[0_0_130px] size-[130px]" }, No = { class: "flex gap-4 justify-end" }, Oo = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, Po = /* @__PURE__ */ V({
+}), no = { class: "flex flex-col" }, io = { class: "flex flex-col md:flex-row gap-6 min-h-[300px]" }, ro = { class: "flex-auto order-1" }, co = { class: "flex-auto gap-x-2 order-1" }, uo = { class: "grid grid-cols-1 md:grid-cols-2 gap-x-4" }, fo = { class: "flex gap-2 items-center" }, mo = { class: "flex flex-col gap-4" }, vo = { class: "flex gap-2 flex-wrap flex-auto px-2 py-1" }, go = { class: "relative group" }, po = { class: "select-none" }, ho = ["onClick"], bo = { class: "flex justify-center order-0 md:order-1 md:mt-11" }, yo = { class: "flex-[0_0_130px] size-[130px]" }, xo = { class: "flex gap-4 justify-end" }, _o = { class: "relative min-h-[200px] max-h-100dvh overflow-auto scrollbar" }, ko = /* @__PURE__ */ V({
   __name: "ItemEdit",
   props: {
     item: {},
     object: {}
   },
   emits: ["button"],
-  setup(t, { emit: e }) {
-    const n = e, r = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], a = L({
+  setup(e, { emit: s }) {
+    const n = s, u = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], t = H({
       id: "",
       name: "",
       type: "button",
@@ -2479,232 +2116,228 @@ const Fa = {
       set: "",
       get: "",
       getTo: ""
-    }), u = L(!1), d = M(() => {
-      var x;
-      return !((x = t.item) != null && x.id);
-    }), f = M(() => a.value.type === "info"), c = M(() => {
-      var x;
-      return (x = a.value.args) == null ? void 0 : x.length;
-    }), o = M(() => a.value.args.length > 3), i = M(() => {
-      const { id: x, args: k } = a.value;
-      return !x || !k.length;
-    }), h = ({ value: x }) => a.value.icon = x, y = ({ value: x }) => {
-      const k = x;
-      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" && (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), m = ({ path: x }) => {
-      a.value.args.length || (a.value.id = x), a.value.args.push(x), u.value = !1;
-    }, E = L(-1), Q = (x) => E.value === x, te = (x, k) => {
-      x === "enter" && (E.value = k), x === "leave" && (E.value = -1);
-    }, le = (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];
-    }, _e = () => {
-      var 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];
+    }), c = H(!1), i = A(() => {
+      var _;
+      return !((_ = e.item) != null && _.id);
+    }), m = A(() => t.value.type === "info"), d = A(() => {
+      var _;
+      return (_ = t.value.args) == null ? void 0 : _.length;
+    }), r = A(() => t.value.args.length > 3), o = A(() => {
+      const { id: _, args: k } = t.value;
+      return !_ || !k.length;
+    }), p = ({ value: _ }) => t.value.icon = _, C = ({ value: _ }) => {
+      const k = _;
+      t.value.type = k, delete t.value.opts, ["button", "list", "dimmer"].includes(k) && (_ === "button" && (t.value.opts = {}), _ === "list" && (t.value.opts = { items: [] }), _ === "dimmer" && (t.value.opts = { min: 0, max: 255, step: 1 }));
+    }, b = (_) => {
+      _ === "get" && (t.value.get ? delete t.value.get : t.value.get = "v"), _ === "set" && (t.value.set ? delete t.value.set : t.value.set = "v"), _ === "getTo" && (t.value.getTo ? delete t.value.getTo : t.value.getTo = "v");
+    }, v = (_) => n("button", _, t.value), y = (_) => t.value.args = t.value.args.filter((k) => k !== _), x = ({ path: _ }) => {
+      t.value.args.length || (t.value.id = _), t.value.args.push(_), c.value = !1;
+    }, D = H(-1), M = (_) => D.value === _, R = (_, k) => {
+      _ === "enter" && (D.value = k), _ === "leave" && (D.value = -1);
+    }, Q = (_, k) => {
+      _ === "set" && (t.value.set = k), _ === "get" && (t.value.get = k), _ === "getTo" && (t.value.getTo = k), k || delete t.value[_];
+    }, Ve = () => {
+      var _;
+      !t.value.args.length && !((_ = e.item) != null && _.id) && (c.value = !0);
+    }, Be = (_, k) => {
+      t.value.opts || (t.value.opts = {}), t.value.opts[_] = k, _ === "disabled" && !k && delete t.value.opts[_];
     };
-    return ne(() => {
-      var x;
-      (x = t.item) != null && x.id && (a.value = Pe(t.item));
-    }), (x, k) => (s(), v("div", Co, [
-      l("div", zo, [
-        l("div", Vo, [
-          p(ro, {
-            class: "flex-auto",
-            value: 0,
-            items: r
-          }, {
-            "tab-0": g(() => [
-              l("div", Bo, [
-                p(O, {
-                  modelValue: a.value.id,
-                  "onUpdate:modelValue": k[0] || (k[0] = (S) => a.value.id = S),
-                  label: "ID",
-                  disabled: !d.value,
-                  onClick: _e
-                }, null, 8, ["modelValue", "disabled"]),
-                p(O, {
-                  modelValue: a.value.name,
-                  "onUpdate:modelValue": k[1] || (k[1] = (S) => a.value.name = S),
-                  label: "Name"
-                }, null, 8, ["modelValue"]),
-                l("div", Mo, [
-                  p(J, {
-                    value: a.value.icon,
-                    label: "Icon",
-                    class: "mb-6",
-                    list: F(Us),
-                    onChange: h
+    return ge(() => {
+      var _;
+      (_ = e.item) != null && _.id && (t.value = Fe(e.item));
+    }), (_, k) => {
+      const Se = K;
+      return a(), f("div", no, [
+        l("div", io, [
+          l("div", ro, [
+            g(Us, {
+              class: "flex-auto",
+              value: 0,
+              items: u
+            }, {
+              "tab-0": h(() => [
+                l("div", co, [
+                  g(U, {
+                    modelValue: t.value.id,
+                    "onUpdate:modelValue": k[0] || (k[0] = (I) => t.value.id = I),
+                    label: "ID",
+                    disabled: !i.value,
+                    onClick: Ve
+                  }, null, 8, ["modelValue", "disabled"]),
+                  g(U, {
+                    modelValue: t.value.name,
+                    "onUpdate:modelValue": k[1] || (k[1] = (I) => t.value.name = I),
+                    label: "Name"
+                  }, null, 8, ["modelValue"]),
+                  l("div", uo, [
+                    g(Y, {
+                      "model-value": t.value.icon,
+                      label: "Icon",
+                      class: "mb-6",
+                      items: S(bs),
+                      onChange: p
+                    }, {
+                      item: h(({ item: I }) => [
+                        l("div", fo, [
+                          l("div", null, w(I.name), 1)
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["model-value", "items"]),
+                    g(Y, {
+                      "model-value": t.value.type,
+                      label: "Type",
+                      items: S(ys),
+                      onChange: C
+                    }, null, 8, ["model-value", "items"])
+                  ])
+                ])
+              ]),
+              "tab-1": h(() => [
+                l("div", mo, [
+                  g(Ce, {
+                    active: !!t.value.args.length,
+                    disabled: r.value,
+                    label: "Arguments",
+                    onIcon: k[2] || (k[2] = (I) => c.value = !0)
                   }, {
-                    default: g(({ item: S }) => [
-                      l("div", Io, [
-                        p(B, {
-                          name: `${S.value}`,
-                          class: "size-5"
-                        }, null, 8, ["name"]),
-                        l("div", null, _(S.name), 1)
+                    default: h(() => [
+                      l("div", vo, [
+                        (a(!0), f(j, null, P(t.value.args, (I, ce) => (a(), f("div", {
+                          key: I,
+                          class: "flex items-center rounded-full bg-gray-200 dark:bg-gray-900/50 px-2 py-[2px] text-xs"
+                        }, [
+                          l("div", go, [
+                            l("span", po, w(I), 1),
+                            l("div", {
+                              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", M(ce) ? "visible opacity-100" : ""])
+                            }, [
+                              l("pre", null, w(S(Oe)(I, e.object)), 1)
+                            ], 2)
+                          ]),
+                          ce ? (a(), f("button", {
+                            key: 0,
+                            class: "cursor-pointer ms-1",
+                            onClick: (Uo) => y(I)
+                          }, [
+                            g(Se, { class: "size-5" })
+                          ], 8, ho)) : B("", !0)
+                        ]))), 128))
                       ])
                     ]),
                     _: 1
-                  }, 8, ["value", "list"]),
-                  p(J, {
-                    value: a.value.type,
-                    label: "Type",
-                    list: F(Ws),
-                    onChange: y
-                  }, null, 8, ["value", "list"])
+                  }, 8, ["active", "disabled"]),
+                  g(se, {
+                    value: t.value.set,
+                    args: t.value.args,
+                    disabled: !d.value || m.value,
+                    label: "Set",
+                    onIcon: k[3] || (k[3] = (I) => b("set")),
+                    onHover: R,
+                    onChange: k[4] || (k[4] = (I) => Q("set", I))
+                  }, null, 8, ["value", "args", "disabled"]),
+                  g(se, {
+                    value: t.value.get,
+                    args: t.value.args,
+                    disabled: !d.value,
+                    label: "Get",
+                    onIcon: k[5] || (k[5] = (I) => b("get")),
+                    onHover: R,
+                    onChange: k[6] || (k[6] = (I) => Q("get", I))
+                  }, null, 8, ["value", "args", "disabled"]),
+                  g(se, {
+                    value: t.value.getTo,
+                    args: t.value.args,
+                    disabled: !d.value,
+                    label: "GetTo",
+                    onIcon: k[7] || (k[7] = (I) => b("getTo")),
+                    onHover: R,
+                    onChange: k[8] || (k[8] = (I) => Q("getTo", I))
+                  }, null, 8, ["value", "args", "disabled"])
                 ])
-              ])
-            ]),
-            "tab-1": g(() => [
-              l("div", Ao, [
-                p(xe, {
-                  active: !!a.value.args.length,
-                  disabled: o.value,
-                  label: "Arguments",
-                  onIcon: k[2] || (k[2] = (S) => u.value = !0)
-                }, {
-                  default: g(() => [
-                    l("div", So, [
-                      (s(!0), v(D, null, N(a.value.args, (S, ce) => (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", To, [
-                          l("span", Do, _(S), 1),
-                          l("div", {
-                            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", Q(ce) ? "visible opacity-100" : ""])
-                          }, [
-                            l("pre", null, _(F(Le)(S, x.object)), 1)
-                          ], 2)
-                        ]),
-                        ce ? (s(), v("button", {
-                          key: 0,
-                          class: "cursor-pointer ms-1",
-                          onClick: (rn) => w(S)
-                        }, [
-                          p(B, {
-                            name: "Close",
-                            class: "size-5"
-                          })
-                        ], 8, Ho)) : I("", !0)
-                      ]))), 128))
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["active", "disabled"]),
-                p(ae, {
-                  value: a.value.set,
-                  args: a.value.args,
-                  disabled: !c.value || f.value,
-                  label: "Set",
-                  onIcon: k[3] || (k[3] = (S) => $("set")),
-                  onHover: te,
-                  onChange: k[4] || (k[4] = (S) => le("set", S))
-                }, null, 8, ["value", "args", "disabled"]),
-                p(ae, {
-                  value: a.value.get,
-                  args: a.value.args,
-                  disabled: !c.value,
-                  label: "Get",
-                  onIcon: k[5] || (k[5] = (S) => $("get")),
-                  onHover: te,
-                  onChange: k[6] || (k[6] = (S) => le("get", S))
-                }, null, 8, ["value", "args", "disabled"]),
-                p(ae, {
-                  value: a.value.getTo,
-                  args: a.value.args,
-                  disabled: !c.value,
-                  label: "GetTo",
-                  onIcon: k[7] || (k[7] = (S) => $("getTo")),
-                  onHover: te,
-                  onChange: k[8] || (k[8] = (S) => le("getTo", S))
-                }, null, 8, ["value", "args", "disabled"])
-              ])
-            ]),
-            "tab-2": g(() => [
-              p(wo, H(a.value.opts, {
-                value: a.value.value,
-                type: a.value.type,
-                onUpdate: $e
-              }), null, 16, ["value", "type"])
+              ]),
+              "tab-2": h(() => [
+                g(ao, N(t.value.opts, {
+                  value: t.value.value,
+                  type: t.value.type,
+                  onUpdate: Be
+                }), null, 16, ["value", "type"])
+              ]),
+              _: 1
+            })
+          ]),
+          l("div", bo, [
+            l("div", yo, [
+              $(_.$slots, "default", { item: t.value })
+            ])
+          ])
+        ]),
+        l("div", xo, [
+          g(O, {
+            class: "px-4",
+            color: "red",
+            outline: "",
+            onClick: k[9] || (k[9] = (I) => v("remove"))
+          }, {
+            default: h(() => [...k[13] || (k[13] = [
+              L(w("Remove"), -1)
+            ])]),
+            _: 1
+          }),
+          g(O, {
+            class: "px-4",
+            color: "gray",
+            outline: "",
+            onClick: k[10] || (k[10] = (I) => v("cancel"))
+          }, {
+            default: h(() => [...k[14] || (k[14] = [
+              L(w("Cancel"), -1)
+            ])]),
+            _: 1
+          }),
+          g(O, {
+            class: "px-4",
+            color: "blue",
+            disabled: o.value,
+            onClick: k[11] || (k[11] = (I) => v(i.value ? "add" : "save"))
+          }, {
+            default: h(() => [
+              L(w(i.value ? "Add" : "Save"), 1)
             ]),
             _: 1
-          })
+          }, 8, ["disabled"])
         ]),
-        l("div", Lo, [
-          l("div", jo, [
-            C(x.$slots, "default", { item: a.value })
-          ])
-        ])
-      ]),
-      l("div", No, [
-        p(j, {
-          class: "px-4",
-          color: "red",
-          outline: "",
-          onClick: k[9] || (k[9] = (S) => b("remove"))
-        }, {
-          default: g(() => k[13] || (k[13] = [
-            T(_("Remove"))
-          ])),
-          _: 1
-        }),
-        p(j, {
-          class: "px-4",
-          color: "gray",
-          outline: "",
-          onClick: k[10] || (k[10] = (S) => b("cancel"))
-        }, {
-          default: g(() => k[14] || (k[14] = [
-            T(_("Cancel"))
-          ])),
-          _: 1
-        }),
-        p(j, {
-          class: "px-4",
-          color: "blue",
-          disabled: i.value,
-          onClick: k[11] || (k[11] = (S) => b(d.value ? "add" : "save"))
+        c.value ? (a(), T(we, {
+          key: 0,
+          size: "md",
+          title: "Select",
+          onClose: k[12] || (k[12] = (I) => c.value = !1)
         }, {
-          default: g(() => [
-            T(_(d.value ? "Add" : "Save"), 1)
+          default: h(() => [
+            l("div", _o, [
+              g(ze, {
+                items: e.object,
+                onlyValue: !d.value,
+                onClick: x
+              }, null, 8, ["items", "onlyValue"])
+            ])
           ]),
           _: 1
-        }, 8, ["disabled"])
-      ]),
-      u.value ? (s(), A(ye, {
-        key: 0,
-        size: "md",
-        title: "Select",
-        onClose: k[12] || (k[12] = (S) => u.value = !1)
-      }, {
-        default: g(() => [
-          l("div", Oo, [
-            p(ke, {
-              items: x.object,
-              onlyValue: !c.value,
-              onClick: m
-            }, null, 8, ["items", "onlyValue"])
-          ])
-        ]),
-        _: 1
-      })) : I("", !0)
-    ]));
+        })) : B("", !0)
+      ]);
+    };
   }
-}), Fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), $o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CardBase: q,
-  CardButton: $s,
-  CardDate: Ms,
-  CardDimmer: Hs,
-  CardInfo: Ls,
-  CardInput: Ns,
-  CardList: Fs,
-  ItemEdit: Po
-}, Symbol.toStringTag, { value: "Module" })), hn = /* @__PURE__ */ V({
+  CardBase: J,
+  CardButton: ql,
+  CardDate: Yl,
+  CardDimmer: os,
+  CardInfo: as,
+  CardInput: is,
+  CardList: gs,
+  ItemEdit: ko
+}, Symbol.toStringTag, { value: "Module" })), Qo = /* @__PURE__ */ V({
   __name: "VAutocomplete",
   props: {
     modelValue: { default: "" },
@@ -2714,149 +2347,152 @@ const Fa = {
     list: {}
   },
   emits: ["update:modelValue", "select"],
-  setup(t, { emit: e }) {
-    const n = e, r = (u) => n("update:modelValue", u), a = (u, d) => {
-      u.click(new Event("click")), n("select", d);
+  setup(e, { emit: s }) {
+    const n = s, u = (c) => n("update:modelValue", c), t = (c, i) => {
+      c.click(new Event("click")), n("select", i);
     };
-    return (u, d) => (s(), A(Y, H(u.$attrs, {
+    return (c, i) => (a(), T(te, N(c.$attrs, {
       top: "50px",
       "hide-on-click": ""
     }), {
-      activator: g(({ on: f }) => [
-        p(O, {
-          "model-value": u.modelValue,
-          name: u.name,
-          message: u.message,
-          label: u.label,
-          "onUpdate:modelValue": r,
-          onClick: f.open
+      activator: h(({ on: m }) => [
+        g(U, {
+          "model-value": e.modelValue,
+          name: e.name,
+          message: e.message,
+          label: e.label,
+          "onUpdate:modelValue": u,
+          onClick: m.open
         }, null, 8, ["model-value", "name", "message", "label", "onClick"])
       ]),
-      default: g(({ on: f }) => [
-        p(ee, {
-          list: u.list,
-          onClick: (c) => a(f, c)
+      default: h(({ on: m }) => [
+        g(le, {
+          items: e.list,
+          onClick: (d) => t(m, d)
         }, {
-          default: g(({ item: c }) => [
-            C(u.$slots, "default", { item: c }, () => [
-              T(_(c.name), 1)
+          default: h(({ item: d }) => [
+            $(c.$slots, "default", { item: d }, () => [
+              L(w(d.name), 1)
             ])
           ]),
-          _: 2
-        }, 1032, ["list", "onClick"])
+          _: 3
+        }, 8, ["items", "onClick"])
       ]),
       _: 3
     }, 16));
   }
-}), Eo = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, Ro = { class: "p-4" }, pn = /* @__PURE__ */ V({
+}), wo = { class: "v-expansion__content max-h-0 overflow-hidden transition-all duration-300" }, Co = { class: "p-4" }, Xo = /* @__PURE__ */ V({
   __name: "VExpansion",
   props: {
     label: { default: "" },
     value: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const e = L(null), n = L(t.value), r = () => {
-      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, r();
+  setup(e) {
+    const s = H(null), n = H(e.value), u = () => {
+      if (!s.value) return;
+      const c = s.value.querySelector(".v-expansion__content");
+      c && (c.style.maxHeight = n.value ? `${c.scrollHeight}px` : "0");
+    }, t = () => {
+      n.value = !n.value, u();
     };
-    return ne(() => {
-      r();
-    }), (u, d) => (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
+    return ge(() => {
+      u();
+    }), (c, i) => {
+      const m = ie;
+      return a(), f("div", {
+        ref_key: "root",
+        ref: s,
+        class: "border-b dark:border-gray-700 border-gray-200"
       }, [
-        l("h4", null, _(u.label), 1),
         l("div", {
-          class: z(["transition text-gray-400", { "rotate-180": n.value }])
+          class: "cursor-pointer min-h-[60px] px-4 flex items-center justify-between",
+          onClick: t
         }, [
-          p(B, { name: "Chevron" })
-        ], 2)
-      ]),
-      l("div", Eo, [
-        l("div", Ro, [
-          C(u.$slots, "default")
+          l("h4", null, w(e.label), 1),
+          l("div", {
+            class: z(["transition text-gray-400", { "rotate-180": n.value }])
+          }, [
+            g(m)
+          ], 2)
+        ]),
+        l("div", wo, [
+          l("div", Co, [
+            $(c.$slots, "default")
+          ])
         ])
-      ])
-    ], 512));
+      ], 512);
+    };
   }
-}), Uo = { class: "flex items-center cursor-pointer" }, mn = /* @__PURE__ */ V({
+}), zo = { class: "flex items-center cursor-pointer" }, Yo = /* @__PURE__ */ V({
   __name: "VFile",
   emits: ["change"],
-  setup(t, { emit: e }) {
-    const n = e, r = async (a) => {
-      const u = a.target;
-      u.files && n("change", u.files);
+  setup(e, { emit: s }) {
+    const n = s, u = async (t) => {
+      const c = t.target;
+      c.files && n("change", c.files);
     };
-    return (a, u) => (s(), v("label", Uo, [
-      l("input", H({
+    return (t, c) => (a(), f("label", zo, [
+      l("input", N({
         type: "file",
         class: "hidden"
-      }, a.$attrs, { onChange: r }), null, 16),
-      C(a.$slots, "default")
+      }, t.$attrs, { onChange: u }), null, 16),
+      $(t.$slots, "default")
     ]));
   }
-}), Wo = { class: "relative flex items-end gap-0.5 w-10" }, qo = ["title"], Go = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, Ko = /* @__PURE__ */ V({
+}), Vo = { class: "relative flex items-end gap-0.5 w-10" }, Bo = ["title"], So = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, Ao = /* @__PURE__ */ V({
   __name: "VWifiIcon",
   props: {
     rssi: { default: 0 },
     channel: { default: 0 }
   },
-  setup(t) {
-    const e = 2 * (t.rssi + 100), n = (r) => r < e;
-    return (r, a) => (s(), v("div", Wo, [
-      (s(), v(D, null, N([10, 15, 25, 40, 70], (u, d) => 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: ${(d + 1) * 5}px`),
-        title: `rssi: ${r.rssi} channel: ${r.channel}`
-      }, null, 14, qo)), 64)),
-      l("div", Go, _(r.channel), 1)
+  setup(e) {
+    const s = 2 * (e.rssi + 100), n = (u) => u < s;
+    return (u, t) => (a(), f("div", Vo, [
+      (a(), f(j, null, P([10, 15, 25, 40, 70], (c, i) => l("div", {
+        key: c,
+        class: z(["w-1 h-5 rounded-lg", [n(c) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: G(`height: ${(i + 1) * 5}px`),
+        title: `rssi: ${e.rssi} channel: ${e.channel}`
+      }, null, 14, Bo)), 64)),
+      l("div", So, w(e.channel), 1)
     ]));
   }
-}), Zo = ["onDragstart", "onDragenter"], Jo = {
+}), To = ["onDragstart", "onDragenter"], Do = {
   key: 0,
   class: "absolute inset-0 border border-dashed border-blue-600 rounded-lg"
-}, gn = /* @__PURE__ */ V({
+}, Zo = /* @__PURE__ */ V({
   __name: "VDragDrop",
   props: {
     items: {},
     itemKey: { default: "id" }
   },
   emits: ["update:items", "order-change"],
-  setup(t, { emit: e }) {
-    const n = e, r = L(null), a = L(0), u = L(-1), d = ({ id: h }) => ({
-      "opacity-30 scale-105 z-10": r.value === h,
-      "transition-transform duration-200": r.value !== h
-    }), f = (h, y, $) => {
-      r.value = y, a.value = $, h.dataTransfer.effectAllowed = "move";
-    }, c = (h) => {
-      r.value !== null && (u.value = h);
-    }, o = () => {
-      r.value = null, u.value = -1;
-    }, i = (h) => {
-      if (h.preventDefault(), r.value && u.value !== -1) {
-        const y = t.items.findIndex((b) => b[t.itemKey] === r.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 });
+  setup(e, { emit: s }) {
+    const n = s, u = H(null), t = H(0), c = H(-1), i = ({ id: p }) => ({
+      "opacity-30 scale-105 z-10": u.value === p,
+      "transition-transform duration-200": u.value !== p
+    }), m = (p, C, b) => {
+      u.value = C, t.value = b, p.dataTransfer.effectAllowed = "move";
+    }, d = (p) => {
+      u.value !== null && (c.value = p);
+    }, r = () => {
+      u.value = null, c.value = -1;
+    }, o = (p) => {
+      if (p.preventDefault(), u.value && c.value !== -1) {
+        const C = e.items.findIndex((v) => v[e.itemKey] === u.value), b = c.value;
+        if (C !== b && b !== -1) {
+          const v = [...e.items], [y] = v.splice(C, 1);
+          v.splice(b, 0, y), n("update:items", v), n("order-change", { fromIndex: C, toIndex: b, movedItem: y, newOrder: v });
         }
       }
-      u.value = -1;
+      c.value = -1;
     };
-    return (h, y) => (s(), v("div", {
-      onDragover: y[1] || (y[1] = P(() => {
+    return (p, C) => (a(), f("div", {
+      onDragover: C[1] || (C[1] = E(() => {
       }, ["prevent"])),
-      onDrop: i
+      onDrop: o
     }, [
-      p(me, {
+      g(ve, {
         "enter-active-class": "transition-all duration-300 ease",
         "enter-from-class": "opacity-0 translate-x-8",
         "enter-to-class": "opacity-100 translate-x-0",
@@ -2865,76 +2501,76 @@ const Fa = {
         "leave-to-class": "opacity-0 translate-x-8",
         "move-class": "transition-all duration-300 ease"
       }, {
-        default: g(() => [
-          (s(!0), v(D, null, N(h.items, ($, b) => (s(), v("div", {
-            key: `${$.id}_drug`,
-            class: z(["relative group", d($)]),
+        default: h(() => [
+          (a(!0), f(j, null, P(e.items, (b, v) => (a(), f("div", {
+            key: `${b.id}_drug`,
+            class: z(["relative group", i(b)]),
             draggable: "true",
-            onDragstart: (w) => f(w, $.id, b),
-            onDragenter: (w) => c(b),
-            onDragend: o,
-            onDragover: y[0] || (y[0] = P(() => {
+            onDragstart: (y) => m(y, b.id, v),
+            onDragenter: (y) => d(v),
+            onDragend: r,
+            onDragover: C[0] || (C[0] = E(() => {
             }, ["prevent"]))
           }, [
-            C(h.$slots, "default", {
-              item: $,
-              key: $.id,
-              index: b,
-              isDragging: r.value === $.id
+            $(p.$slots, "default", {
+              item: b,
+              key: b.id,
+              index: v,
+              isDragging: u.value === b.id
             }),
-            u.value === b && r.value !== $.id ? (s(), v("div", Jo)) : I("", !0)
-          ], 42, Zo))), 128))
+            c.value === v && u.value !== b.id ? (a(), f("div", Do)) : B("", !0)
+          ], 42, To))), 128))
         ]),
         _: 3
       })
     ], 32));
   }
-}), Qo = { class: "min-w-full" }, Xo = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, Yo = { class: "bg-gray-50 dark:bg-gray-800" }, en = { class: "flex items-center" }, tn = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, ln = ["onClick"], an = { class: "flex items-center text-gray-700 dark:text-gray-400" }, sn = { key: 1 }, on = {
+}), Io = { class: "min-w-full" }, Mo = { class: "border-y border-gray-100 py-3 dark:border-gray-800" }, Lo = { class: "bg-gray-50 dark:bg-gray-800" }, jo = { class: "flex items-center" }, No = { class: "divide-y divide-gray-100 dark:divide-gray-800" }, Oo = ["onClick"], Eo = { class: "flex items-center text-gray-700 dark:text-gray-400" }, Ho = { key: 1 }, Po = {
   class: "py-3 whitespace-nowrap",
   colspan: "9"
-}, nn = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, bn = /* @__PURE__ */ V({
+}, Fo = { class: "flex items-center justify-center text-theme-sm text-gray-700 dark:text-gray-400 px-2" }, ea = /* @__PURE__ */ V({
   __name: "VTable",
   props: {
     headers: { default: () => [] },
     items: { default: () => [] }
   },
   emits: ["click"],
-  setup(t, { emit: e }) {
-    const n = e, r = (d, f) => n("click", { item: d, event: f }), a = (d) => (d == null ? void 0 : d.className) || "", u = (d, { key: f }) => d == null ? void 0 : d[f];
-    return (d, f) => (s(), v("table", Qo, [
-      l("thead", Xo, [
-        l("tr", Yo, [
-          (s(!0), v(D, null, N(d.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)])
+  setup(e, { emit: s }) {
+    const n = s, u = (i, m) => n("click", { item: i, event: m }), t = (i) => (i == null ? void 0 : i.className) || "", c = (i, { key: m }) => i == null ? void 0 : i[m];
+    return (i, m) => (a(), f("table", Io, [
+      l("thead", Mo, [
+        l("tr", Lo, [
+          (a(!0), f(j, null, P(e.headers, (d, r) => (a(), f("th", {
+            key: r,
+            class: z(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", t(d)])
           }, [
-            C(d.$slots, "header", { item: c }, () => [
-              l("div", en, _(c.name), 1)
+            $(i.$slots, "header", { item: d }, () => [
+              l("div", jo, w(d.name), 1)
             ])
           ], 2))), 128))
         ])
       ]),
-      l("tbody", tn, [
-        d.items.length ? (s(!0), v(D, { key: 0 }, N(d.items, (c, o) => (s(), v("tr", {
-          key: o,
+      l("tbody", No, [
+        e.items.length ? (a(!0), f(j, { key: 0 }, P(e.items, (d, r) => (a(), f("tr", {
+          key: r,
           class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
-          onClick: (i) => r(c, i)
+          onClick: (o) => u(d, o)
         }, [
-          (s(!0), v(D, null, N(d.headers, (i, h) => (s(), v("td", {
-            key: h,
+          (a(!0), f(j, null, P(e.headers, (o, p) => (a(), f("td", {
+            key: p,
             class: "py-2 whitespace-nowrap px-4"
           }, [
-            l("div", an, [
-              C(d.$slots, i.key, { item: c }, () => [
-                T(_(u(c, i)), 1)
+            l("div", Eo, [
+              $(i.$slots, o.key, { item: d }, () => [
+                L(w(c(d, o)), 1)
               ])
             ])
           ]))), 128))
-        ], 8, ln))), 128)) : (s(), v("tr", sn, [
-          l("td", on, [
-            l("div", nn, [
-              C(d.$slots, "empty", {}, () => [
-                f[0] || (f[0] = T("The list is empty"))
+        ], 8, Oo))), 128)) : (a(), f("tr", Ho, [
+          l("td", Po, [
+            l("div", Fo, [
+              $(i.$slots, "empty", {}, () => [
+                m[0] || (m[0] = L("The list is empty", -1))
               ])
             ])
           ])
@@ -2942,54 +2578,54 @@ const Fa = {
       ])
     ]));
   }
-}), pe = { ...Ka, ...Fo, VButton: j, VLoader: be, VDropdown: Y, VList: ee, VTextField: O, VSelect: J, VWifiIcon: Ko, VIcon: B, CardMain: vs }, yn = {
-  install: (t) => {
-    Object.keys(pe).forEach((e) => {
-      t.component(e, pe[e]);
-    }), Ee.forEach(({ name: e, directive: n }) => t.directive(e, n));
+}), ue = { ...dl, ...$o, VButton: O, VLoader: ke, VDropdown: te, VList: le, VTextField: U, VSelect: Y, VWifiIcon: Ao, CardMain: Al }, ta = {
+  install: (e) => {
+    Object.keys(ue).forEach((s) => {
+      e.component(s, ue[s]);
+    }), Re.forEach(({ name: s, directive: n }) => e.directive(s, n));
   }
 };
 export {
-  Kl as AppAside,
-  ye as AppDialog,
-  ha as AppHeader,
-  Sa as AppNav,
-  ka as AppNotification,
-  za as AppOverlay,
-  Ga as AppProgress,
-  fn as BlockBreadcrumb,
-  vn as BlockInfo,
-  q as CardBase,
-  $s as CardButton,
-  Ms as CardDate,
-  Hs as CardDimmer,
-  Ls as CardInfo,
-  Ns as CardInput,
-  Fs as CardList,
-  vs as CardMain,
-  ba as CardNotification,
-  Po as ItemEdit,
-  hn as VAutocomplete,
-  j as VButton,
-  po as VCheckbox,
-  gn as VDragDrop,
-  Y as VDropdown,
-  pn as VExpansion,
-  mn as VFile,
-  ae as VFunc,
-  B as VIcon,
-  ee as VList,
-  ke as VListObject,
-  be as VLoader,
-  J as VSelect,
-  bn as VTable,
-  O as VTextField,
-  xe as VTextWrapper,
-  Ko as VWifiIcon,
-  yn as default,
-  Le as getDataValue,
-  _n as getFunction,
-  $n as getParamsData,
-  wn as getStateItem,
-  Cn as setStateItem
+  Ze as AppAside,
+  It as AppHeader,
+  ll as AppNav,
+  Ht as AppNotification,
+  Wt as AppOverlay,
+  cl as AppProgress,
+  Jo as BlockBreadcrumb,
+  Ko as BlockInfo,
+  J as CardBase,
+  ql as CardButton,
+  Yl as CardDate,
+  os as CardDimmer,
+  as as CardInfo,
+  is as CardInput,
+  gs as CardList,
+  Al as CardMain,
+  Nt as CardNotification,
+  ko as ItemEdit,
+  Qo as VAutocomplete,
+  O as VButton,
+  Qs as VCheckbox,
+  Zo as VDragDrop,
+  te as VDropdown,
+  Xo as VExpansion,
+  Yo as VFile,
+  se as VFunc,
+  ye as VIconLogo,
+  Xe as VIconLogoMini,
+  le as VList,
+  ze as VListObject,
+  ke as VLoader,
+  Y as VSelect,
+  ea as VTable,
+  U as VTextField,
+  Ce as VTextWrapper,
+  Ao as VWifiIcon,
+  ta as default,
+  Oe as getDataValue,
+  oa as getFunction,
+  aa as getParamsData,
+  na as getStateItem,
+  ia as setStateItem
 };