vx-vue 0.8.2 → 0.9.0

package/dist/vxvue.es.js

@@ -1,43 +1,43 @@
-import { useSlots as $e, ref as w, computed as D, onBeforeUpdate as Ce, openBlock as u, createElementBlock as v, Fragment as B, renderList as T, createBlock as R, resolveDynamicComponent as le, createElementVNode as i, useAttrs as U, normalizeClass as k, unref as S, renderSlot as A, getCurrentScope as Se, onScopeDispose as Me, watch as W, onUpdated as Ve, mergeProps as z, withKeys as X, withModifiers as L, createCommentVNode as _, toDisplayString as M, createVNode as j, Transition as re, withCtx as Q, createTextVNode as E, nextTick as ue, toValue as de, withDirectives as me, vModelText as De, onMounted as ie, pushScopeId as Ae, popScopeId as _e, resolveComponent as Be, vShow as Ie, toHandlers as se, normalizeStyle as Pe } from "vue";
-const yl = {
+import { useSlots as $e, ref as w, computed as D, onBeforeUpdate as Ce, openBlock as u, createElementBlock as v, Fragment as _, renderList as z, createBlock as N, resolveDynamicComponent as se, createElementVNode as r, useAttrs as U, normalizeClass as $, unref as M, renderSlot as B, getCurrentScope as Se, onScopeDispose as Me, watch as Z, onUpdated as Ve, mergeProps as j, withKeys as J, withModifiers as I, createCommentVNode as A, toDisplayString as V, createVNode as T, Transition as ie, withCtx as te, createTextVNode as W, nextTick as ce, toValue as fe, withDirectives as pe, vModelText as De, onMounted as de, pushScopeId as _e, popScopeId as Ae, resolveComponent as Be, vShow as Ie, toHandlers as re, normalizeStyle as Pe } from "vue";
+const Al = {
   __name: "accordion",
   props: { activeIndex: [Number, Array] },
   emits: ["update:activeIndex"],
-  setup(e, { emit: d }) {
-    const l = e, n = d, a = $e(), t = w([]), c = (h) => t.value.push(h), s = D(() => (t.value = [], a.default().reduce((h, m) => ((m.type.__name || m.type.name) === "accordion-panel" && h.push(m), h), []))), o = (h) => {
-      if (Array.isArray(l.activeIndex)) {
-        let m = [].concat(l.activeIndex), b = m.findIndex((x) => x === h);
-        b === -1 ? n("update:activeIndex", [...m, h]) : (m.splice(b, 1), n("update:activeIndex", m));
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = $e(), l = w([]), d = (h) => l.value.push(h), n = D(() => (l.value = [], a.default().reduce((h, m) => ((m.type.__name || m.type.name) === "accordion-panel" && h.push(m), h), []))), o = (h) => {
+      if (Array.isArray(t.activeIndex)) {
+        let m = [].concat(t.activeIndex), g = m.findIndex((y) => y === h);
+        g === -1 ? s("update:activeIndex", [...m, h]) : (m.splice(g, 1), s("update:activeIndex", m));
       } else
-        n("update:activeIndex", h === l.activeIndex ? -1 : h);
+        s("update:activeIndex", h === t.activeIndex ? -1 : h);
     }, f = (h) => {
-      if (h = ++h % s.value.length, !t.value[h].disabled) {
-        o(h), t.value[h].focus();
+      if (h = ++h % n.value.length, !l.value[h].disabled) {
+        o(h), l.value[h].focus();
         return;
       }
       f(h);
-    }, r = (h) => {
-      if (h = (h || s.value.length) - 1, !t.value[h].disabled) {
-        o(h), t.value[h].focus();
+    }, i = (h) => {
+      if (h = (h || n.value.length) - 1, !l.value[h].disabled) {
+        o(h), l.value[h].focus();
         return;
       }
-      r(h);
+      i(h);
     };
-    return Ce(() => t.value = []), (h, m) => (u(!0), v(B, null, T(s.value, (b, x) => {
-      var I;
-      return u(), R(le(b), {
-        key: x,
-        show: Array.isArray(e.activeIndex) ? ((I = e.activeIndex) == null ? void 0 : I.indexOf(x)) !== -1 : e.activeIndex === x,
-        onSelect: (P) => o(x),
-        onKeydown: (P) => f(x),
-        onKeyup: (P) => r(x),
+    return Ce(() => l.value = []), (h, m) => (u(!0), v(_, null, z(n.value, (g, y) => {
+      var L;
+      return u(), N(se(g), {
+        key: y,
+        show: Array.isArray(e.activeIndex) ? ((L = e.activeIndex) == null ? void 0 : L.indexOf(y)) !== -1 : e.activeIndex === y,
+        onSelect: (F) => o(y),
+        onKeydown: (F) => f(y),
+        onKeyup: (F) => i(y),
         ref_for: !0,
-        ref: c
+        ref: d
       }, null, 40, ["show", "onSelect", "onKeydown", "onKeyup"]);
     }), 128));
   }
 };
-function Le(e, d) {
+function Le(e, c) {
   return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -45,14 +45,14 @@ function Le(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
       d: "M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function oe(e, d) {
+function le(e, c) {
   return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -60,14 +60,14 @@ function oe(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
       d: "M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function te(e, d) {
+function ee(e, c) {
   return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -75,14 +75,14 @@ function te(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
       d: "M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function Fe(e, d) {
+function Fe(e, c) {
   return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -90,14 +90,14 @@ function Fe(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
       d: "M11.47 4.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06L12 6.31 8.78 9.53a.75.75 0 0 1-1.06-1.06l3.75-3.75Zm-3.75 9.75a.75.75 0 0 1 1.06 0L12 17.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 0 1 0-1.06Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function Oe(e, d) {
+function Oe(e, c) {
   return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -105,14 +105,14 @@ function Oe(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
       d: "M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function Te(e, d) {
+function ze(e, c) {
   return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -120,14 +120,14 @@ function Te(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
       d: "M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function ze(e, d) {
+function Te(e, c) {
   return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -135,14 +135,14 @@ function ze(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
       d: "M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function he(e, d) {
+function ge(e, c) {
   return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -150,60 +150,60 @@ function he(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
       d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-const je = ["id", "disabled", "aria-expanded", "aria-controls"], Ne = ["aria-labelledby", "id"], Ye = { class: "overflow-hidden rounded-b" }, wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const je = ["id", "disabled", "aria-expanded", "aria-controls"], Ne = ["aria-labelledby", "id"], Ye = { class: "overflow-hidden rounded-b" }, Bl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "accordion-panel",
   props: { show: Boolean, disabled: Boolean },
   emits: ["select", "keyup", "keydown"],
-  setup(e, { expose: d, emit: l }) {
-    const n = l, a = e, t = U(), c = w(null), s = Math.random().toString(20).substring(2, 8), o = (r) => {
+  setup(e, { expose: c, emit: t }) {
+    const s = t, a = e, l = U(), d = w(null), n = Math.random().toString(20).substring(2, 8), o = (i) => {
       if (!a.disabled) {
-        const h = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(r.keyCode);
-        h && (n(h), r.preventDefault());
+        const h = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(i.keyCode);
+        h && (s(h), i.preventDefault());
       }
     };
-    return d({ focus: () => c.value.focus(), disabled: a.disabled }), (r, h) => (u(), v("div", null, [
-      i("button", {
-        onClick: h[0] || (h[0] = (m) => n("select")),
+    return c({ focus: () => d.value.focus(), disabled: a.disabled }), (i, h) => (u(), v("div", null, [
+      r("button", {
+        onClick: h[0] || (h[0] = (m) => s("select")),
         onKeydown: o,
-        class: k([
+        class: $([
           "flex items-center w-full space-x-2 px-4 py-2 ring-vxvue",
           e.show ? "rounded-t" : "rounded",
           e.disabled ? "bg-slate-300 text-slate-700" : "bg-vxvue hover:bg-vxvue-600 text-white",
-          S(t).class
+          M(l).class
         ]),
-        id: "ap-control-" + S(s),
+        id: "ap-control-" + M(n),
         disabled: e.disabled,
         "aria-expanded": e.show,
-        "aria-controls": "ap-" + S(s),
+        "aria-controls": "ap-" + M(n),
         ref_key: "btn",
-        ref: c,
+        ref: d,
         tabindex: "0"
       }, [
-        e.disabled ? (u(), R(S(he), {
+        e.disabled ? (u(), N(M(ge), {
           key: 0,
           class: "size-5"
-        })) : (u(), R(S(te), {
+        })) : (u(), N(M(ee), {
           key: 1,
-          class: k(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
+          class: $(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
         }, null, 8, ["class"])),
-        i("span", null, [
-          A(r.$slots, "header")
+        r("span", null, [
+          B(i.$slots, "header")
         ])
       ], 42, je),
-      i("div", {
-        class: k(["grid transition-[grid-template-rows] duration-300 ease-in-out", e.show && !e.disabled ? "grid-rows-1" : "grid-rows-[repeat(1,minmax(0,0fr))]"]),
-        "aria-labelledby": "ap-control-" + S(s),
-        id: "ap-" + S(s)
+      r("div", {
+        class: $(["grid transition-[grid-template-rows] duration-300 ease-in-out", e.show && !e.disabled ? "grid-rows-1" : "grid-rows-[repeat(1,minmax(0,0fr))]"]),
+        "aria-labelledby": "ap-control-" + M(n),
+        id: "ap-" + M(n)
       }, [
-        i("div", Ye, [
-          A(r.$slots, "default")
+        r("div", Ye, [
+          B(i.$slots, "default")
         ])
       ], 10, Ne)
     ]));
@@ -212,134 +212,134 @@ const je = ["id", "disabled", "aria-expanded", "aria-controls"], Ne = ["aria-lab
 function Ee(e) {
   return Se() ? (Me(e), !0) : !1;
 }
-function pe(e) {
-  return typeof e == "function" ? e() : S(e);
+function be(e) {
+  return typeof e == "function" ? e() : M(e);
 }
-const ge = typeof window < "u" && typeof document < "u";
+const xe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Re = Object.prototype.toString, He = (e) => Re.call(e) === "[object Object]", ee = () => {
-}, Ue = /* @__PURE__ */ We();
-function We() {
-  var e, d;
-  return ge && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((d = window == null ? void 0 : window.navigator) == null ? void 0 : d.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+const Re = Object.prototype.toString, We = (e) => Re.call(e) === "[object Object]", ae = () => {
+}, He = /* @__PURE__ */ Ue();
+function Ue() {
+  var e, c;
+  return xe && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((c = window == null ? void 0 : window.navigator) == null ? void 0 : c.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
 const Ze = /[YMDHhms]o|\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
-function Ke(e, d, l, n) {
+function Ke(e, c, t, s) {
   let a = e < 12 ? "AM" : "PM";
-  return n && (a = a.split("").reduce((t, c) => t += `${c}.`, "")), l ? a.toLowerCase() : a;
+  return s && (a = a.split("").reduce((l, d) => l += `${d}.`, "")), t ? a.toLowerCase() : a;
 }
-function K(e) {
-  const d = ["th", "st", "nd", "rd"], l = e % 100;
-  return e + (d[(l - 20) % 10] || d[l] || d[0]);
+function q(e) {
+  const c = ["th", "st", "nd", "rd"], t = e % 100;
+  return e + (c[(t - 20) % 10] || c[t] || c[0]);
 }
-function ve(e, d, l = {}) {
-  var n;
-  const a = e.getFullYear(), t = e.getMonth(), c = e.getDate(), s = e.getHours(), o = e.getMinutes(), f = e.getSeconds(), r = e.getMilliseconds(), h = e.getDay(), m = (n = l.customMeridiem) != null ? n : Ke, b = {
-    Yo: () => K(a),
+function me(e, c, t = {}) {
+  var s;
+  const a = e.getFullYear(), l = e.getMonth(), d = e.getDate(), n = e.getHours(), o = e.getMinutes(), f = e.getSeconds(), i = e.getMilliseconds(), h = e.getDay(), m = (s = t.customMeridiem) != null ? s : Ke, g = {
+    Yo: () => q(a),
     YY: () => String(a).slice(-2),
     YYYY: () => a,
-    M: () => t + 1,
-    Mo: () => K(t + 1),
-    MM: () => `${t + 1}`.padStart(2, "0"),
-    MMM: () => e.toLocaleDateString(l.locales, { month: "short" }),
-    MMMM: () => e.toLocaleDateString(l.locales, { month: "long" }),
-    D: () => String(c),
-    Do: () => K(c),
-    DD: () => `${c}`.padStart(2, "0"),
-    H: () => String(s),
-    Ho: () => K(s),
-    HH: () => `${s}`.padStart(2, "0"),
-    h: () => `${s % 12 || 12}`.padStart(1, "0"),
-    ho: () => K(s % 12 || 12),
-    hh: () => `${s % 12 || 12}`.padStart(2, "0"),
+    M: () => l + 1,
+    Mo: () => q(l + 1),
+    MM: () => `${l + 1}`.padStart(2, "0"),
+    MMM: () => e.toLocaleDateString(t.locales, { month: "short" }),
+    MMMM: () => e.toLocaleDateString(t.locales, { month: "long" }),
+    D: () => String(d),
+    Do: () => q(d),
+    DD: () => `${d}`.padStart(2, "0"),
+    H: () => String(n),
+    Ho: () => q(n),
+    HH: () => `${n}`.padStart(2, "0"),
+    h: () => `${n % 12 || 12}`.padStart(1, "0"),
+    ho: () => q(n % 12 || 12),
+    hh: () => `${n % 12 || 12}`.padStart(2, "0"),
     m: () => String(o),
-    mo: () => K(o),
+    mo: () => q(o),
     mm: () => `${o}`.padStart(2, "0"),
     s: () => String(f),
-    so: () => K(f),
+    so: () => q(f),
     ss: () => `${f}`.padStart(2, "0"),
-    SSS: () => `${r}`.padStart(3, "0"),
+    SSS: () => `${i}`.padStart(3, "0"),
     d: () => h,
-    dd: () => e.toLocaleDateString(l.locales, { weekday: "narrow" }),
-    ddd: () => e.toLocaleDateString(l.locales, { weekday: "short" }),
-    dddd: () => e.toLocaleDateString(l.locales, { weekday: "long" }),
-    A: () => m(s, o),
-    AA: () => m(s, o, !1, !0),
-    a: () => m(s, o, !0),
-    aa: () => m(s, o, !0, !0)
+    dd: () => e.toLocaleDateString(t.locales, { weekday: "narrow" }),
+    ddd: () => e.toLocaleDateString(t.locales, { weekday: "short" }),
+    dddd: () => e.toLocaleDateString(t.locales, { weekday: "long" }),
+    A: () => m(n, o),
+    AA: () => m(n, o, !1, !0),
+    a: () => m(n, o, !0),
+    aa: () => m(n, o, !0, !0)
   };
-  return d.replace(Ze, (x, I) => {
-    var P, O;
-    return (O = I ?? ((P = b[x]) == null ? void 0 : P.call(b))) != null ? O : x;
+  return c.replace(Ze, (y, L) => {
+    var F, O;
+    return (O = L ?? ((F = g[y]) == null ? void 0 : F.call(g))) != null ? O : y;
   });
 }
-function J(e) {
-  var d;
-  const l = pe(e);
-  return (d = l == null ? void 0 : l.$el) != null ? d : l;
+function Q(e) {
+  var c;
+  const t = be(e);
+  return (c = t == null ? void 0 : t.$el) != null ? c : t;
 }
-const be = ge ? window : void 0;
-function ne(...e) {
-  let d, l, n, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, n, a] = e, d = be) : [d, l, n, a] = e, !d)
-    return ee;
-  Array.isArray(l) || (l = [l]), Array.isArray(n) || (n = [n]);
-  const t = [], c = () => {
-    t.forEach((r) => r()), t.length = 0;
-  }, s = (r, h, m, b) => (r.addEventListener(h, m, b), () => r.removeEventListener(h, m, b)), o = W(
-    () => [J(d), pe(a)],
-    ([r, h]) => {
-      if (c(), !r)
+const ye = xe ? window : void 0;
+function ue(...e) {
+  let c, t, s, a;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, s, a] = e, c = ye) : [c, t, s, a] = e, !c)
+    return ae;
+  Array.isArray(t) || (t = [t]), Array.isArray(s) || (s = [s]);
+  const l = [], d = () => {
+    l.forEach((i) => i()), l.length = 0;
+  }, n = (i, h, m, g) => (i.addEventListener(h, m, g), () => i.removeEventListener(h, m, g)), o = Z(
+    () => [Q(c), be(a)],
+    ([i, h]) => {
+      if (d(), !i)
         return;
-      const m = He(h) ? { ...h } : h;
-      t.push(
-        ...l.flatMap((b) => n.map((x) => s(r, b, x, m)))
+      const m = We(h) ? { ...h } : h;
+      l.push(
+        ...t.flatMap((g) => s.map((y) => n(i, g, y, m)))
       );
     },
     { immediate: !0, flush: "post" }
   ), f = () => {
-    o(), c();
+    o(), d();
   };
   return Ee(f), f;
 }
-let fe = !1;
-function ce(e, d, l = {}) {
-  const { window: n = be, ignore: a = [], capture: t = !0, detectIframe: c = !1 } = l;
-  if (!n)
-    return ee;
-  Ue && !fe && (fe = !0, Array.from(n.document.body.children).forEach((m) => m.addEventListener("click", ee)), n.document.documentElement.addEventListener("click", ee));
-  let s = !0;
-  const o = (m) => a.some((b) => {
-    if (typeof b == "string")
-      return Array.from(n.document.querySelectorAll(b)).some((x) => x === m.target || m.composedPath().includes(x));
+let he = !1;
+function ve(e, c, t = {}) {
+  const { window: s = ye, ignore: a = [], capture: l = !0, detectIframe: d = !1 } = t;
+  if (!s)
+    return ae;
+  He && !he && (he = !0, Array.from(s.document.body.children).forEach((m) => m.addEventListener("click", ae)), s.document.documentElement.addEventListener("click", ae));
+  let n = !0;
+  const o = (m) => a.some((g) => {
+    if (typeof g == "string")
+      return Array.from(s.document.querySelectorAll(g)).some((y) => y === m.target || m.composedPath().includes(y));
     {
-      const x = J(b);
-      return x && (m.target === x || m.composedPath().includes(x));
+      const y = Q(g);
+      return y && (m.target === y || m.composedPath().includes(y));
     }
-  }), r = [
-    ne(n, "click", (m) => {
-      const b = J(e);
-      if (!(!b || b === m.target || m.composedPath().includes(b))) {
-        if (m.detail === 0 && (s = !o(m)), !s) {
-          s = !0;
+  }), i = [
+    ue(s, "click", (m) => {
+      const g = Q(e);
+      if (!(!g || g === m.target || m.composedPath().includes(g))) {
+        if (m.detail === 0 && (n = !o(m)), !n) {
+          n = !0;
           return;
         }
-        d(m);
+        c(m);
       }
-    }, { passive: !0, capture: t }),
-    ne(n, "pointerdown", (m) => {
-      const b = J(e);
-      s = !o(m) && !!(b && !m.composedPath().includes(b));
+    }, { passive: !0, capture: l }),
+    ue(s, "pointerdown", (m) => {
+      const g = Q(e);
+      n = !o(m) && !!(g && !m.composedPath().includes(g));
     }, { passive: !0 }),
-    c && ne(n, "blur", (m) => {
+    d && ue(s, "blur", (m) => {
       setTimeout(() => {
-        var b;
-        const x = J(e);
-        ((b = n.document.activeElement) == null ? void 0 : b.tagName) === "IFRAME" && !(x != null && x.contains(n.document.activeElement)) && d(m);
+        var g;
+        const y = Q(e);
+        ((g = s.document.activeElement) == null ? void 0 : g.tagName) === "IFRAME" && !(y != null && y.contains(s.document.activeElement)) && c(m);
       }, 0);
     })
   ].filter(Boolean);
-  return () => r.forEach((m) => m());
+  return () => i.forEach((m) => m());
 }
 const qe = ["value", "onKeydown"], Ge = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, Xe = {
   key: 0,
@@ -347,21 +347,21 @@ const qe = ["value", "onKeydown"], Ge = { class: "flex absolute inset-y-0 right-
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
-}, Je = /* @__PURE__ */ i("circle", {
+}, Je = /* @__PURE__ */ r("circle", {
   class: "opacity-25",
   cx: "12",
   cy: "12",
   r: "10",
   stroke: "currentColor",
   "stroke-width": "4"
-}, null, -1), Qe = /* @__PURE__ */ i("path", {
+}, null, -1), Qe = /* @__PURE__ */ r("path", {
   class: "opacity-75",
   fill: "currentColor",
   d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 }, null, -1), et = [
   Je,
   Qe
-], kl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+], Il = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "autocomplete",
   props: {
     modelValue: { type: String, default: "" },
@@ -374,19 +374,19 @@ const qe = ["value", "onKeydown"], Ge = { class: "flex absolute inset-y-0 right-
     autoSelect: Boolean
   },
   emits: ["update:modelValue", "blur", "submit"],
-  setup(e, { emit: d }) {
-    const l = d, n = e, a = U(), c = (/* @__PURE__ */ (() => {
-      let $ = 0;
-      return (C) => (C || "") + ++$;
-    })())((a.id || "autocomplete") + "-"), s = w([]), o = w(-1), f = w(0), r = w(!1), h = w(!1), m = w("top-0 translate-y-12"), b = w(!0), x = w(null), I = w(null), P = w(null), O = D(
-      () => s.value.map(($, C) => ({
-        id: (a.id || "autocomplete") + "-item-" + C,
-        class: ["autocomplete-item", n.resultItemClass, { "bg-vxvue-700 text-white": o.value === C }],
-        "data-result-index": C,
+  setup(e, { emit: c }) {
+    const t = c, s = e, a = U(), d = (/* @__PURE__ */ (() => {
+      let C = 0;
+      return (S) => (S || "") + ++C;
+    })())((a.id || "autocomplete") + "-"), n = w([]), o = w(-1), f = w(0), i = w(!1), h = w(!1), m = w("top-0 translate-y-12"), g = w(!0), y = w(null), L = w(null), F = w(null), O = D(
+      () => n.value.map((C, S) => ({
+        id: (a.id || "autocomplete") + "-item-" + S,
+        class: ["autocomplete-item", s.resultItemClass, { "bg-vxvue-700 text-white": o.value === S }],
+        "data-result-index": S,
         role: "option",
-        ...o.value === C ? { "aria-selected": "true" } : {}
+        ...o.value === S ? { "aria-selected": "true" } : {}
       }))
-    ), Z = D(() => ({
+    ), Y = D(() => ({
       role: "combobox",
       autocomplete: "off",
       autocapitalize: "off",
@@ -394,98 +394,98 @@ const qe = ["value", "onKeydown"], Ge = { class: "flex absolute inset-y-0 right-
       spellcheck: "false",
       "aria-autocomplete": "list",
       "aria-haspopup": "listbox",
-      "aria-owns": c,
-      "aria-expanded": r.value ? "true" : "false",
+      "aria-owns": d,
+      "aria-expanded": i.value ? "true" : "false",
       "aria-activedescendant": o.value > -1 ? O.value[o.value].id : "",
       ...a
-    })), q = D(() => ({
-      id: c,
-      class: ["autocomplete-list absolute min-w-full transform z-10", n.resultListClass, m.value],
+    })), G = D(() => ({
+      id: d,
+      class: ["autocomplete-list absolute min-w-full transform z-10", s.resultListClass, m.value],
       role: "listbox"
-    })), y = () => {
-      o.value = -1, s.value = [], r.value = !1, b.value = !0;
-    }, g = ($) => {
-      const C = n.search($);
-      if (C instanceof Promise) {
+    })), E = () => {
+      o.value = -1, n.value = [], i.value = !1, g.value = !0;
+    }, k = (C) => {
+      const S = s.search(C);
+      if (S instanceof Promise) {
         const H = ++f.value;
-        h.value = !0, C.then((Y) => {
-          H === f.value && (s.value = Y, h.value = !1, s.value.length ? (o.value = n.autoSelect ? 0 : -1, r.value = !0) : y());
+        h.value = !0, S.then((R) => {
+          H === f.value && (n.value = R, h.value = !1, n.value.length ? (o.value = s.autoSelect ? 0 : -1, i.value = !0) : E());
         });
       } else
-        s.value = C, s.value.length === 0 ? y() : (o.value = n.autoSelect ? 0 : -1, r.value = !0);
+        n.value = S, n.value.length === 0 ? E() : (o.value = s.autoSelect ? 0 : -1, i.value = !0);
     }, p = () => {
-      const $ = s.value[o.value];
-      return $ && l("update:modelValue", n.getResultValue($)), y(), $;
-    }, V = ($) => {
-      l("update:modelValue", $), g($);
-    }, F = ($) => g($.target.value), N = () => {
-      y(), l("blur");
-    }, G = () => {
-      const $ = s.value.length;
-      o.value = ((o.value - 1) % $ + $) % $;
-    }, ae = ($) => {
-      r.value || F($);
-      const C = s.value.length;
-      o.value = ((o.value + 1) % C + C) % C;
-    }, ye = () => {
-      y(), l("update:modelValue", "");
-    }, we = () => l("submit", p()), ke = ($) => {
-      const C = $.target.closest("[data-result-index]");
-      C && (o.value = parseInt(C.dataset.resultIndex, 10), l("submit", p()));
+      const C = n.value[o.value];
+      return C && t("update:modelValue", s.getResultValue(C)), E(), C;
+    }, x = (C) => {
+      t("update:modelValue", C), k(C);
+    }, b = (C) => k(C.target.value), P = () => {
+      E(), t("blur");
+    }, K = () => {
+      const C = n.value.length;
+      o.value = ((o.value - 1) % C + C) % C;
+    }, ne = (C) => {
+      i.value || b(C);
+      const S = n.value.length;
+      o.value = ((o.value + 1) % S + S) % S;
+    }, X = () => {
+      E(), t("update:modelValue", "");
+    }, oe = () => t("submit", p()), ke = (C) => {
+      const S = C.target.closest("[data-result-index]");
+      S && (o.value = parseInt(S.dataset.resultIndex, 10), t("submit", p()));
     };
-    return ce(P, y), Ve(() => {
-      if (x.value) {
-        const $ = I.value.getBoundingClientRect(), C = x.value.getBoundingClientRect();
-        b.value && s.value.length && (b.value = !1, m.value = $.bottom + C.height > window.innerHeight && window.innerHeight - $.bottom < $.top && window.pageYOffset + $.top - C.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
-        const H = x.value.querySelector('[data-result-index="' + o.value + '"]');
+    return ve(F, E), Ve(() => {
+      if (y.value) {
+        const C = L.value.getBoundingClientRect(), S = y.value.getBoundingClientRect();
+        g.value && n.value.length && (g.value = !1, m.value = C.bottom + S.height > window.innerHeight && window.innerHeight - C.bottom < C.top && window.pageYOffset + C.top - S.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
+        const H = y.value.querySelector('[data-result-index="' + o.value + '"]');
         if (H) {
-          let Y = H.getBoundingClientRect();
-          Y.top < C.top ? x.value.scrollTop -= C.top - Y.top : Y.bottom > C.bottom && (x.value.scrollTop += Y.bottom - C.bottom);
+          let R = H.getBoundingClientRect();
+          R.top < S.top ? y.value.scrollTop -= S.top - R.top : R.bottom > S.bottom && (y.value.scrollTop += R.bottom - S.bottom);
         }
       }
-    }), ($, C) => (u(), v("div", {
-      class: k(["inline-block relative", $.$attrs.class]),
+    }), (C, S) => (u(), v("div", {
+      class: $(["inline-block relative", C.$attrs.class]),
       ref_key: "container",
-      ref: P
+      ref: F
     }, [
-      i("input", z({
+      r("input", j({
         ref_key: "input",
-        ref: I,
+        ref: L,
         class: "block pr-10 w-full form-input focus:border-vxvue",
         value: e.modelValue
-      }, Z.value, {
-        onInput: C[0] || (C[0] = (H) => V(H.target.value)),
+      }, Y.value, {
+        onInput: S[0] || (S[0] = (H) => x(H.target.value)),
         onKeydown: [
-          X(we, ["enter"]),
-          X(ye, ["esc"]),
-          X(p, ["tab"]),
-          X(L(G, ["prevent"]), ["up"]),
-          X(L(ae, ["prevent"]), ["down"])
+          J(oe, ["enter"]),
+          J(X, ["esc"]),
+          J(p, ["tab"]),
+          J(I(K, ["prevent"]), ["up"]),
+          J(I(ne, ["prevent"]), ["down"])
         ],
-        onFocus: F,
-        onBlur: N
+        onFocus: b,
+        onBlur: P
       }), null, 16, qe),
-      i("span", Ge, [
-        h.value ? (u(), v("svg", Xe, et)) : _("", !0)
+      r("span", Ge, [
+        h.value ? (u(), v("svg", Xe, et)) : A("", !0)
       ]),
-      s.value.length ? (u(), v("ul", z({
+      n.value.length ? (u(), v("ul", j({
         key: 0,
         ref_key: "resultList",
-        ref: x
-      }, q.value, {
+        ref: y
+      }, G.value, {
         onClick: ke,
-        onMousedown: C[1] || (C[1] = L(() => {
+        onMousedown: S[1] || (S[1] = I(() => {
         }, ["prevent"]))
       }), [
-        (u(!0), v(B, null, T(s.value, (H, Y) => A($.$slots, "result", {
+        (u(!0), v(_, null, z(n.value, (H, R) => B(C.$slots, "result", {
           result: H,
-          props: O.value[Y]
+          props: O.value[R]
         }, () => [
-          (u(), v("li", z({
-            key: O.value[Y].id
-          }, O.value[Y]), M(e.getResultValue(H)), 17))
+          (u(), v("li", j({
+            key: O.value[R].id
+          }, O.value[R]), V(e.getResultValue(H)), 17))
         ])), 256))
-      ], 16)) : _("", !0)
+      ], 16)) : A("", !0)
     ], 2));
   }
 }), tt = {
@@ -495,16 +495,16 @@ const qe = ["value", "onKeydown"], Ge = { class: "flex absolute inset-y-0 right-
 }, lt = {
   key: 0,
   class: "overflow-y-auto fixed inset-0 z-50"
-}, at = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, st = { key: 0 }, nt = /* @__PURE__ */ i("span", {
+}, at = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, st = { key: 0 }, nt = /* @__PURE__ */ r("span", {
   class: "hidden sm:inline-block sm:h-screen sm:align-middle",
   "aria-hidden": "true"
-}, "​", -1), ot = { class: "inline-block overflow-hidden text-left align-bottom bg-white rounded shadow-xl transition-all transform sm:my-8 sm:w-full sm:max-w-sm sm:align-middle lg:max-w-lg" }, rt = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, ut = { class: "flex flex-row items-center" }, it = { class: "flex-shrink-0" }, ct = { class: "flex-grow text-center" }, dt = ["onClick"], $l = {
+}, "​", -1), ot = { class: "inline-block overflow-hidden text-left align-bottom bg-white rounded shadow-xl transition-all transform sm:my-8 sm:w-full sm:max-w-sm sm:align-middle lg:max-w-lg" }, rt = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, ut = { class: "flex flex-row items-center" }, it = { class: "flex-shrink-0" }, ct = { class: "flex-grow text-center" }, dt = ["onClick"], Pl = {
   __name: "confirm",
   props: {
     buttons: {
       type: [Object, Array],
       default: { label: "Ok" },
-      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((d) => d.label !== "undefined" && d.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
+      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((c) => c.label !== "undefined" && c.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
     },
     headerClass: {
       type: String,
@@ -515,111 +515,111 @@ const qe = ["value", "onKeydown"], Ge = { class: "flex absolute inset-y-0 right-
       default: "button"
     }
   },
-  setup(e, { expose: d }) {
-    const l = e, n = w(""), a = w(""), t = w(!1);
-    let c = null, s = null;
-    const o = D(() => Array.isArray(l.buttons) ? l.buttons : [l.buttons]), f = w(null), r = (m, b) => {
-      t.value = !1, m.value !== void 0 ? m.value ? c() : s() : b ? s() : c();
+  setup(e, { expose: c }) {
+    const t = e, s = w(""), a = w(""), l = w(!1);
+    let d = null, n = null;
+    const o = D(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), f = w(null), i = (m, g) => {
+      l.value = !1, m.value !== void 0 ? m.value ? d() : n() : g ? n() : d();
     };
-    return d({ open: (m, b) => (n.value = m, a.value = b, t.value = !0, ue(() => f.value.firstElementChild.focus()), new Promise((x, I) => {
-      c = x, s = I;
-    })) }), (m, b) => (u(), v(B, null, [
-      t.value ? (u(), v("div", tt)) : _("", !0),
-      j(re, { name: "appear" }, {
-        default: Q(() => [
-          t.value ? (u(), v("div", lt, [
-            i("div", at, [
-              t.value ? (u(), v("div", st, [
+    return c({ open: (m, g) => (s.value = m, a.value = g, l.value = !0, ce(() => f.value.firstElementChild.focus()), new Promise((y, L) => {
+      d = y, n = L;
+    })) }), (m, g) => (u(), v(_, null, [
+      l.value ? (u(), v("div", tt)) : A("", !0),
+      T(ie, { name: "appear" }, {
+        default: te(() => [
+          l.value ? (u(), v("div", lt, [
+            r("div", at, [
+              l.value ? (u(), v("div", st, [
                 nt,
-                i("div", ot, [
-                  n.value ? (u(), v("h3", {
+                r("div", ot, [
+                  s.value ? (u(), v("h3", {
                     key: 0,
-                    class: k(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
+                    class: $(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
-                    A(m.$slots, "title", { title: n.value }, () => [
-                      E(M(n.value), 1)
+                    B(m.$slots, "title", { title: s.value }, () => [
+                      W(V(s.value), 1)
                     ])
-                  ], 2)) : _("", !0),
-                  i("div", rt, [
-                    i("div", ut, [
-                      i("div", it, [
-                        A(m.$slots, "icon")
+                  ], 2)) : A("", !0),
+                  r("div", rt, [
+                    r("div", ut, [
+                      r("div", it, [
+                        B(m.$slots, "icon")
                       ]),
-                      i("p", ct, [
-                        A(m.$slots, "default", { message: a.value }, () => [
-                          E(M(a.value), 1)
+                      r("p", ct, [
+                        B(m.$slots, "default", { message: a.value }, () => [
+                          W(V(a.value), 1)
                         ])
                       ])
                     ]),
-                    i("div", {
+                    r("div", {
                       class: "flex justify-center mt-5 space-x-2 sm:mt-6",
                       ref_key: "buttonsContainer",
                       ref: f
                     }, [
-                      (u(!0), v(B, null, T(o.value, (x, I) => (u(), v("button", {
-                        class: k([e.buttonClass, x.class]),
-                        onClick: L((P) => r(x, I), ["prevent"])
-                      }, M(x.label), 11, dt))), 256))
+                      (u(!0), v(_, null, z(o.value, (y, L) => (u(), v("button", {
+                        class: $([e.buttonClass, y.class]),
+                        onClick: I((F) => i(y, L), ["prevent"])
+                      }, V(y.label), 11, dt))), 256))
                     ], 512)
                   ])
                 ])
-              ])) : _("", !0)
+              ])) : A("", !0)
             ])
-          ])) : _("", !0)
+          ])) : A("", !0)
         ]),
         _: 3
       })
     ], 64));
   }
 };
-function vt(e, d) {
-  const l = w(!1), n = de(d);
-  let a, t = n.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
-  if ((a = n.match(/\bd\b/gi)) && a.length === 1)
-    t = t.replace("d", "(\\d{1,2})");
-  else if ((a = n.match(/\bdd\b/gi)) && a.length === 1)
-    t = t.replace("dd", "(\\d{2})");
+function vt(e, c) {
+  const t = w(!1), s = fe(c);
+  let a, l = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), d = [];
+  if ((a = s.match(/\bd\b/gi)) && a.length === 1)
+    l = l.replace("d", "(\\d{1,2})");
+  else if ((a = s.match(/\bdd\b/gi)) && a.length === 1)
+    l = l.replace("dd", "(\\d{2})");
   else
-    return { date: l };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("d"), destPos: 2 }), (a = n.match(/\bm\b/gi)) && a.length === 1)
-    t = t.replace("m", "(\\d{1,2})");
-  else if ((a = n.match(/\bmm\b/gi)) && a.length === 1)
-    t = t.replace("mm", "(\\d{2})");
+    return { date: t };
+  if (d.push({ srcPos: s.toLowerCase().indexOf("d"), destPos: 2 }), (a = s.match(/\bm\b/gi)) && a.length === 1)
+    l = l.replace("m", "(\\d{1,2})");
+  else if ((a = s.match(/\bmm\b/gi)) && a.length === 1)
+    l = l.replace("mm", "(\\d{2})");
   else
-    return { date: l };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("m"), destPos: 1 }), (a = n.match(/\byyyy\b/gi)) && a.length === 1)
-    t = t.replace("yyyy", "(\\d{4})");
+    return { date: t };
+  if (d.push({ srcPos: s.toLowerCase().indexOf("m"), destPos: 1 }), (a = s.match(/\byyyy\b/gi)) && a.length === 1)
+    l = l.replace("yyyy", "(\\d{4})");
   else
-    return { date: l };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("y"), destPos: 0 }), !(a = de(e).match(t)))
-    return { date: l };
-  a.shift(), c.sort((r, h) => r.srcPos < h.srcPos ? -1 : 1);
-  let s = [], o, f;
+    return { date: t };
+  if (d.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(a = fe(e).match(l)))
+    return { date: t };
+  a.shift(), d.sort((i, h) => i.srcPos < h.srcPos ? -1 : 1);
+  let n = [], o, f;
   for (; o = a.shift(); )
-    f = c.shift(), s[f.destPos] = o;
-  return s = Date.parse(s.join("-")), s && (s = new Date(s), l.value = new Date(s.getFullYear(), s.getMonth(), s.getDate(), 0, 0, 0)), { date: l };
+    f = d.shift(), n[f.destPos] = o;
+  return n = Date.parse(n.join("-")), n && (n = new Date(n), t.value = new Date(n.getFullYear(), n.getMonth(), n.getDate(), 0, 0, 0)), { date: t };
 }
-const ft = { key: 0 }, mt = { class: "text-vxvue-700" }, ht = /* @__PURE__ */ i("svg", {
+const ft = { key: 0 }, mt = { class: "text-vxvue-700" }, ht = /* @__PURE__ */ r("svg", {
   class: "size-2",
   stroke: "currentColor",
   fill: "none",
   viewBox: "0 0 8 8"
 }, [
-  /* @__PURE__ */ i("path", {
+  /* @__PURE__ */ r("path", {
     "stroke-linecap": "round",
     "stroke-width": "1.5",
     d: "M1 1l6 6m0-6L1 7"
   })
 ], -1), pt = [
   ht
-], gt = /* @__PURE__ */ i("svg", {
+], gt = /* @__PURE__ */ r("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "size-6",
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
 }, [
-  /* @__PURE__ */ i("path", {
+  /* @__PURE__ */ r("path", {
     "stroke-linecap": "round",
     "stroke-linejoin": "round",
     "stroke-width": "2",
@@ -637,49 +637,49 @@ const ft = { key: 0 }, mt = { class: "text-vxvue-700" }, ht = /* @__PURE__ */ i(
     modelValue: Date
   },
   emits: ["update:modelValue", "toggle-datepicker"],
-  setup(e, { emit: d }) {
-    const l = d, n = e, a = w(""), t = D(() => n.modelValue ? ve(n.modelValue, n.outputFormat) : ""), c = D(() => {
-      let s = Object.assign({}, U());
-      return delete s.class, s;
+  setup(e, { emit: c }) {
+    const t = c, s = e, a = w(""), l = D(() => s.modelValue ? me(s.modelValue, s.outputFormat) : ""), d = D(() => {
+      let n = Object.assign({}, U());
+      return delete n.class, n;
     });
-    return W(() => n.modelValue, (s) => a.value = s ? ve(s, n.outputFormat) : ""), (s, o) => (u(), v("div", {
-      class: k(["inline-block relative", s.$attrs.class])
+    return Z(() => s.modelValue, (n) => a.value = n ? me(n, s.outputFormat) : ""), (n, o) => (u(), v("div", {
+      class: $(["inline-block relative", n.$attrs.class])
     }, [
-      t.value ? (u(), v("div", ft, [
-        i("div", {
-          class: k(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showButton }])
+      l.value ? (u(), v("div", ft, [
+        r("div", {
+          class: $(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showButton }])
         }, [
-          i("span", mt, M(t.value), 1),
-          i("button", {
-            onClick: o[0] || (o[0] = (f) => l("update:modelValue", null)),
+          r("span", mt, V(l.value), 1),
+          r("button", {
+            onClick: o[0] || (o[0] = (f) => t("update:modelValue", null)),
             class: "inline-flex flex-shrink-0 justify-center items-center ml-2 rounded-full focus:text-white focus:outline-none size-4 text-vxvue hover:bg-vxvue-100 hover:text-vue-700 focus:bg-vxvue-700"
           }, pt)
         ], 2)
-      ])) : me((u(), v("input", z({
+      ])) : pe((u(), v("input", j({
         key: 1,
         type: "text",
         class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showButton }],
         "onUpdate:modelValue": o[1] || (o[1] = (f) => a.value = f),
         onBlur: o[2] || (o[2] = (f) => {
-          var r;
-          return l("update:modelValue", ((r = S(vt)(a.value, n.inputFormat).date) == null ? void 0 : r.value) || null);
+          var i;
+          return t("update:modelValue", ((i = M(vt)(a.value, s.inputFormat).date) == null ? void 0 : i.value) || null);
         }),
-        onInput: o[3] || (o[3] = L(() => {
+        onInput: o[3] || (o[3] = I(() => {
         }, ["prevent"]))
-      }, c.value), null, 16)), [
+      }, d.value), null, 16)), [
         [De, a.value]
       ]),
       e.showButton ? (u(), v("button", {
         key: 2,
         class: "flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700 hover:text-vxvue",
         "aria-label": "datepicker-toggle",
-        onClick: o[4] || (o[4] = L((f) => l("toggle-datepicker"), ["stop"])),
+        onClick: o[4] || (o[4] = I((f) => t("toggle-datepicker"), ["stop"])),
         ref: "toggleButton"
-      }, bt, 512)) : _("", !0),
-      A(s.$slots, "default")
+      }, bt, 512)) : A("", !0),
+      B(n.$slots, "default")
     ], 2));
   }
-}), yt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, wt = { class: "flex justify-between w-1/2" }, kt = { class: "flex justify-between w-1/2" }, $t = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, Ct = ["disabled", "onClick"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), yt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, wt = { class: "flex justify-between w-1/2" }, kt = { class: "flex justify-between w-1/2" }, $t = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, Ct = ["disabled", "onClick"], St = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, Mt = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, Vt = { class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue" }, Dt = ["onClick"], Ll = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "datepicker",
   props: {
     modelValue: [Date, Boolean],
@@ -691,118 +691,159 @@ const ft = { key: 0 }, mt = { class: "text-vxvue-700" }, ht = /* @__PURE__ */ i(
     hasInput: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "month-change", "year-change"],
-  setup(e, { emit: d }) {
-    const l = e, n = d, a = (() => {
-      let y = /* @__PURE__ */ new Date();
-      return new Date(y.getFullYear(), y.getMonth(), y.getDate());
-    })(), t = w(new Date(a.getFullYear(), a.getMonth(), 1)), c = w(null), s = w(!l.hasInput), o = w("left-0"), f = w("top-0"), r = w(null), h = w(null), m = w(null), b = D(() => l.hasInput ? { class: ["absolute", s.value ? "block" : "hidden"] } : {}), x = D(() => {
-      const y = [], g = t.value.getFullYear(), p = t.value.getMonth(), V = new Date(g, p + 1, 0), F = new Date(g, p, 0).getDay() + 1 - l.startOfWeekIndex, N = (6 + l.startOfWeekIndex - V.getDay()) % 7;
-      for (let G = -F, ae = V.getDate() + N; G < ae; ++G)
-        y.push(new Date(g, p, G + 1));
-      return y;
-    }), I = D(() => l.startOfWeekIndex ? l.dayNames.slice(1).concat(l.dayNames[0]) : l.dayNames.slice());
-    W(() => l.modelValue, (y) => {
-      y ? (c.value = new Date(y.getFullYear(), y.getMonth(), y.getDate()), t.value = new Date(c.value.getTime())) : (c.value = null, t.value = new Date(a.getTime())), t.value.setDate(1);
-    }, { immediate: !0 }), W(s, (y) => {
-      y && l.hasInput && ue(() => {
-        const g = r.value.$el.getBoundingClientRect(), p = h.value.getBoundingClientRect();
-        o.value = g.left + p.width > window.innerWidth ? "right-0" : "left-0", f.value = g.bottom + p.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = (() => {
+      let p = /* @__PURE__ */ new Date();
+      return new Date(p.getFullYear(), p.getMonth(), p.getDate());
+    })(), l = w(new Date(a.getFullYear(), a.getMonth(), 1)), d = w(null), n = w(!t.hasInput), o = w("days"), f = w(0), i = w({ horiz: "left-0", vert: "top-0" }), h = w(null), m = w(null), g = w(null), y = D(() => t.hasInput ? { class: ["absolute", n.value ? "block" : "hidden"] } : {}), L = D(() => {
+      const p = [], x = l.value.getFullYear(), b = l.value.getMonth(), P = new Date(x, b + 1, 0), K = new Date(x, b, 0).getDay() + 1 - t.startOfWeekIndex, ne = (6 + t.startOfWeekIndex - P.getDay()) % 7;
+      for (let X = -K, oe = P.getDate() + ne; X < oe; ++X)
+        p.push(new Date(x, b, X + 1));
+      return p;
+    }), F = D(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames.slice());
+    Z(() => t.modelValue, (p) => {
+      p ? (d.value = new Date(p.getFullYear(), p.getMonth(), p.getDate()), l.value = new Date(d.value.getTime())) : (d.value = null, l.value = new Date(a.getTime())), l.value.setDate(1);
+    }, { immediate: !0 }), Z(n, (p) => {
+      p && t.hasInput && ce(() => {
+        const x = h.value.$el.getBoundingClientRect(), b = m.value.getBoundingClientRect();
+        i.value = {
+          horiz: x.left + b.width > window.innerWidth ? "right-0" : "left-0",
+          vert: x.bottom + b.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12"
+        };
       });
-    }), ce(h, () => s.value = !1, { ignore: [m] });
-    const P = (y) => {
-      t.value = new Date(t.value.getFullYear(), y, 1), n("month-change", t.value);
-    }, O = (y) => {
-      t.value = new Date(y, t.value.getMonth(), 1), n("year-change", t.value);
-    }, Z = (y) => {
-      c.value = y, n("update:modelValue", y), s.value = !l.hasInput;
-    }, q = (y) => {
-      c.value = y, n("update:modelValue", y);
+    }), ve(m, () => {
+      n.value = !1, o.value = "days";
+    }, { ignore: [g] });
+    const O = (p) => {
+      l.value = new Date(l.value.getFullYear(), p, 1), s("month-change", l.value);
+    }, Y = (p) => {
+      l.value = new Date(p, l.value.getMonth(), 1), s("year-change", l.value);
+    }, G = (p) => {
+      n.value = !t.hasInput, d.value = p, s("update:modelValue", p);
+    }, E = (p) => {
+      d.value = p, s("update:modelValue", p);
+    }, k = (p) => {
+      const x = p.getMonth() !== l.value.getMonth(), b = d.value && p.getTime() === d.value.getTime(), P = p.getTime() === a.getTime(), K = t.validFrom && t.validFrom > p || t.validUntil && t.validUntil < p;
+      return [
+        "py-2 px-3 rounded-sm block text-center",
+        {
+          "text-vxvue-700": !K && !x && !P && !b,
+          "text-error": K && !x,
+          "text-gray-400": x && !P && !b,
+          "bg-gray-200": P && !b,
+          "bg-vxvue-700 text-white": b,
+          "hover:ring-2 hover:ring-vxvue": !K
+        }
+      ];
     };
-    return ie(() => {
-      var y;
-      return m.value = (y = r.value) == null ? void 0 : y.$refs.toggleButton;
-    }), (y, g) => (u(), v("div", {
-      class: k(["relative", y.$attrs.class])
+    return de(() => {
+      var p;
+      return g.value = (p = h.value) == null ? void 0 : p.$refs.toggleButton;
+    }), (p, x) => (u(), v("div", {
+      class: $(["relative", p.$attrs.class])
     }, [
-      e.hasInput ? (u(), R(xt, z({
+      e.hasInput ? (u(), N(xt, j({
         key: 0,
-        modelValue: c.value,
-        onToggleDatepicker: g[0] || (g[0] = (p) => s.value = !s.value),
-        "onUpdate:modelValue": q
-      }, y.$attrs, {
+        modelValue: d.value,
+        onToggleDatepicker: x[0] || (x[0] = (b) => n.value = !n.value),
+        "onUpdate:modelValue": E
+      }, p.$attrs, {
         ref_key: "input",
-        ref: r,
+        ref: h,
         class: "w-full",
         locale: e.locale
       }), {
-        default: Q(() => [
-          A(y.$slots, "default")
+        default: te(() => [
+          B(p.$slots, "default")
         ]),
         _: 3
-      }, 16, ["modelValue", "locale"])) : _("", !0),
-      i("div", z({ class: "z-10 bg-white shadow-md" }, b.value, {
+      }, 16, ["modelValue", "locale"])) : A("", !0),
+      r("div", j({ class: "z-10 bg-white shadow-md min-w-80" }, y.value, {
         ref_key: "calendar",
-        ref: h,
-        class: [o.value, f.value]
+        ref: m,
+        class: [i.value.horiz, i.value.vert]
       }), [
-        i("div", yt, [
-          i("div", wt, [
-            i("button", {
-              onClick: g[1] || (g[1] = L((p) => P(t.value.getMonth() - 1), ["stop"])),
-              class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
-            }, [
-              j(S(oe), { class: "size-6" })
+        o.value === "days" ? (u(), v(_, { key: 0 }, [
+          r("div", yt, [
+            r("div", wt, [
+              r("button", {
+                onClick: x[1] || (x[1] = I((b) => O(l.value.getMonth() - 1), ["stop"])),
+                class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
+              }, [
+                T(M(le), { class: "size-6" })
+              ]),
+              r("span", null, V(l.value.toLocaleString(e.locale, { month: "long" })), 1),
+              r("button", {
+                onClick: x[2] || (x[2] = I((b) => O(l.value.getMonth() + 1), ["stop"])),
+                class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
+              }, [
+                T(M(ee), { class: "size-6" })
+              ])
             ]),
-            i("span", null, M(t.value.toLocaleString(e.locale, { month: "long" })), 1),
-            i("button", {
-              onClick: g[2] || (g[2] = L((p) => P(t.value.getMonth() + 1), ["stop"])),
-              class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
-            }, [
-              j(S(te), { class: "size-6" })
+            r("div", kt, [
+              r("button", {
+                onClick: x[3] || (x[3] = I((b) => Y(l.value.getFullYear() - 1), ["stop"])),
+                class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
+              }, [
+                T(M(le), { class: "size-6" })
+              ]),
+              r("button", {
+                class: "text-vxvue-100 hover:text-vxvue-50",
+                onClick: x[4] || (x[4] = (b) => {
+                  o.value = "years", f.value = l.value.getFullYear();
+                })
+              }, V(l.value.getFullYear()), 1),
+              r("button", {
+                onClick: x[5] || (x[5] = I((b) => Y(l.value.getFullYear() + 1), ["stop"])),
+                class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
+              }, [
+                T(M(ee), { class: "size-6" })
+              ])
             ])
           ]),
-          i("div", kt, [
-            i("button", {
-              onClick: g[3] || (g[3] = L((p) => O(t.value.getFullYear() - 1), ["stop"])),
+          r("div", $t, [
+            (u(!0), v(_, null, z(F.value, (b, P) => (u(), v("div", {
+              class: "py-2 text-center bg-gray-200",
+              key: P
+            }, V(b), 1))), 128)),
+            (u(!0), v(_, null, z(L.value, (b) => (u(), v("button", {
+              class: $(k(b)),
+              disabled: e.validFrom && e.validFrom > b || e.validUntil && e.validUntil < b,
+              onClick: I((P) => e.validFrom && e.validFrom > b || e.validUntil && e.validUntil < b ? null : G(b), ["stop"])
+            }, V(b.getDate()), 11, Ct))), 256))
+          ])
+        ], 64)) : A("", !0),
+        o.value === "years" ? (u(), v(_, { key: 1 }, [
+          r("div", St, [
+            r("button", {
+              onClick: x[6] || (x[6] = I((b) => f.value -= 10, ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              j(S(oe), { class: "size-6" })
+              T(M(le), { class: "size-6" })
             ]),
-            i("div", null, M(t.value.getFullYear()), 1),
-            i("button", {
-              onClick: g[4] || (g[4] = L((p) => O(t.value.getFullYear() + 1), ["stop"])),
+            r("span", null, V(f.value) + " - " + V(f.value + 9), 1),
+            r("button", {
+              onClick: x[7] || (x[7] = I((b) => f.value += 10, ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              j(S(te), { class: "size-6" })
+              T(M(ee), { class: "size-6" })
             ])
+          ]),
+          r("div", Mt, [
+            (u(), v(_, null, z(10, (b) => r("div", Vt, [
+              r("button", {
+                class: "py-2 px-3",
+                onClick: I((P) => {
+                  Y(f.value + b - 1), o.value = "days";
+                }, ["stop"])
+              }, V(f.value + b - 1), 9, Dt)
+            ])), 64))
           ])
-        ]),
-        i("div", $t, [
-          (u(!0), v(B, null, T(I.value, (p, V) => (u(), v("div", {
-            class: "py-2 text-center bg-gray-200",
-            key: V
-          }, M(p), 1))), 128)),
-          (u(!0), v(B, null, T(x.value, (p) => (u(), v("div", {
-            class: k(["text-center", p.getMonth() - t.value.getMonth() === 0 ? "text-vxvue-700" : "text-gray-400"])
-          }, [
-            i("button", {
-              class: k([
-                {
-                  "bg-vxvue-700 text-white": c.value && p.getTime() === c.value.getTime(),
-                  "bg-gray-200": p.getTime() === S(a).getTime(),
-                  "text-red-400": e.validFrom && e.validFrom > p || e.validUntil && e.validUntil < p
-                },
-                "py-2 px-3 rounded-sm"
-              ]),
-              disabled: e.validFrom && e.validFrom > p || e.validUntil && e.validUntil < p,
-              onClick: L((V) => e.validFrom && e.validFrom > p || e.validUntil && e.validUntil < p ? null : Z(p), ["stop"])
-            }, M(p.getDate()), 11, Ct)
-          ], 2))), 256))
-        ])
+        ], 64)) : A("", !0)
       ], 16)
     ], 2));
   }
-}), St = ["for"], Mt = ["id", "multiple", "accept"], Sl = {
+}), _t = ["for"], At = ["id", "multiple", "accept"], Fl = {
   __name: "form-file-button",
   props: {
     modelValue: { type: Array },
@@ -812,107 +853,107 @@ const ft = { key: 0 }, mt = { class: "text-vxvue-700" }, ht = /* @__PURE__ */ i(
     id: { type: String, default: "form-file-button-" + Math.ceil(Math.random() * 1e3) }
   },
   emits: ["update:modelValue", "form-data"],
-  setup(e, { emit: d }) {
-    const l = d, n = e, a = (c) => {
-      const s = new FormData();
-      for (let o of c)
-        s.append(n.name, o, o.name);
-      return s;
-    }, t = (c) => {
-      const s = c.target.files || c.dataTransfer.files;
-      if (s) {
-        const o = [...s];
-        l("update:modelValue", o), l("form-data", a(o));
+  setup(e, { emit: c }) {
+    const t = c, s = e, a = (d) => {
+      const n = new FormData();
+      for (let o of d)
+        n.append(s.name, o, o.name);
+      return n;
+    }, l = (d) => {
+      const n = d.target.files || d.dataTransfer.files;
+      if (n) {
+        const o = [...n];
+        t("update:modelValue", o), t("form-data", a(o));
       }
     };
-    return (c, s) => (u(), v("label", { for: e.id }, [
-      A(c.$slots, "default", {}, () => [
-        E("Upload")
+    return (d, n) => (u(), v("label", { for: e.id }, [
+      B(d.$slots, "default", {}, () => [
+        W("Upload")
       ]),
-      i("input", {
+      r("input", {
         type: "file",
         id: e.id,
         multiple: e.multiple,
         accept: e.accept,
-        onChange: t,
+        onChange: l,
         class: "hidden"
-      }, null, 40, Mt)
-    ], 8, St));
+      }, null, 40, At)
+    ], 8, _t));
   }
-}, Vt = ["value"], Dt = {
+}, Bt = ["value"], It = {
   key: 0,
   disabled: "",
   value: ""
-}, At = ["value", "selected"], _t = {
+}, Pt = ["value", "selected"], Lt = {
   __name: "form-select",
   props: { options: Array, modelValue: [String, Number], disabledLabel: String },
   emits: ["update:modelValue"],
-  setup(e, { emit: d }) {
-    const l = d;
-    return (n, a) => (u(), v("select", z(n.$attrs, {
+  setup(e, { emit: c }) {
+    const t = c;
+    return (s, a) => (u(), v("select", j(s.$attrs, {
       value: e.modelValue,
       class: "form-select",
-      onChange: a[0] || (a[0] = (t) => l("update:modelValue", t.target.value))
+      onChange: a[0] || (a[0] = (l) => t("update:modelValue", l.target.value))
     }), [
-      e.disabledLabel ? (u(), v("option", Dt, M(e.disabledLabel), 1)) : _("", !0),
-      (u(!0), v(B, null, T(e.options, (t) => (u(), v("option", {
-        value: t.key !== void 0 ? t.key : t.label || t,
-        selected: (t.key !== void 0 ? t.key : t.label || t) === e.modelValue
-      }, M(t.label || t), 9, At))), 256))
-    ], 16, Vt));
+      e.disabledLabel ? (u(), v("option", It, V(e.disabledLabel), 1)) : A("", !0),
+      (u(!0), v(_, null, z(e.options, (l) => (u(), v("option", {
+        value: l.key !== void 0 ? l.key : l.label || l,
+        selected: (l.key !== void 0 ? l.key : l.label || l) === e.modelValue
+      }, V(l.label || l), 9, Pt))), 256))
+    ], 16, Bt));
   }
-}, Bt = ["aria-checked", "aria-label"], It = ["checked"], Ml = {
+}, Ft = ["aria-checked", "aria-label"], Ot = ["checked"], Ol = {
   __name: "form-switch",
   props: ["modelValue"],
   emits: ["update:modelValue"],
-  setup(e, { emit: d }) {
-    const l = d, n = D(() => {
-      let t = Object.assign({}, U());
-      return delete t.class, t;
+  setup(e, { emit: c }) {
+    const t = c, s = D(() => {
+      let l = Object.assign({}, U());
+      return delete l.class, l;
     }), a = D(() => U().disabled || U().disabled === "");
-    return (t, c) => (u(), v(B, null, [
-      i("label", {
-        class: k(t.$attrs.class),
+    return (l, d) => (u(), v(_, null, [
+      r("label", {
+        class: $(l.$attrs.class),
         tabindex: "0"
       }, [
-        i("span", {
+        r("span", {
           role: "switch",
-          class: k([
+          class: $([
             "inline-flex relative flex-shrink-0 w-11 h-6 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-none focus:ring-vxvue",
             a.value ? "bg-slate-200" : e.modelValue ? "bg-vxvue" : "bg-slate-300"
           ]),
           "aria-checked": !!e.modelValue,
-          "aria-label": t.$attrs["aria-label"]
+          "aria-label": l.$attrs["aria-label"]
         }, [
-          i("span", {
+          r("span", {
             "aria-hidden": "true",
-            class: k([
+            class: $([
               "inline-block size-5 rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none",
               e.modelValue ? "translate-x-5" : "translate-x-0",
               a.value ? "bg-slate-100" : "bg-white"
             ])
           }, null, 2),
-          i("input", z(n.value, {
+          r("input", j(s.value, {
             checked: e.modelValue,
             class: "hidden",
             value: "1",
             type: "checkbox",
-            onChange: c[0] || (c[0] = (s) => l("update:modelValue", s.target.checked))
-          }), null, 16, It)
-        ], 10, Bt)
+            onChange: d[0] || (d[0] = (n) => t("update:modelValue", n.target.checked))
+          }), null, 16, Ot)
+        ], 10, Ft)
       ], 2),
-      A(t.$slots, "default")
+      B(l.$slots, "default")
     ], 64));
   }
-}, xe = (e, d) => {
-  const l = e.__vccOpts || e;
-  for (const [n, a] of d)
-    l[n] = a;
-  return l;
-}, Pt = (e) => (Ae("data-v-62f8007a"), e = e(), _e(), e), Lt = {
+}, we = (e, c) => {
+  const t = e.__vccOpts || e;
+  for (const [s, a] of c)
+    t[s] = a;
+  return t;
+}, zt = (e) => (_e("data-v-62f8007a"), e = e(), Ae(), e), Tt = {
   "aria-live": "assertive",
   class: "flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"
-}, Ft = { class: "flex flex-col items-center space-y-4 w-full" }, Ot = { class: "p-4" }, Tt = { class: "flex items-start" }, zt = { class: "flex-shrink-0" }, jt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Nt = { class: "font-bold" }, Yt = { class: "mt-1" }, Et = { class: "flex flex-shrink-0 ml-4" }, Rt = /* @__PURE__ */ Pt(() => /* @__PURE__ */ i("span", { class: "sr-only" }, "Close", -1)), Ht = /* @__PURE__ */ Object.assign({
+}, jt = { class: "flex flex-col items-center space-y-4 w-full" }, Nt = { class: "p-4" }, Yt = { class: "flex items-start" }, Et = { class: "flex-shrink-0" }, Rt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Wt = { class: "font-bold" }, Ht = { class: "mt-1" }, Ut = { class: "flex flex-shrink-0 ml-4" }, Zt = /* @__PURE__ */ zt(() => /* @__PURE__ */ r("span", { class: "sr-only" }, "Close", -1)), Kt = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "message-toast",
@@ -923,63 +964,63 @@ const ft = { key: 0 }, mt = { class: "text-vxvue-700" }, ht = /* @__PURE__ */ i(
     active: { type: Boolean, default: !1 }
   },
   emits: ["timeout", "close"],
-  setup(e, { emit: d }) {
-    const l = e, n = d, a = w(null), t = D(() => typeof l.message == "string" ? [l.message] : l.message), c = () => {
-      window.clearTimeout(a.value), l.active && l.timeout && (a.value = window.setTimeout(() => {
-        n("timeout");
-      }, l.timeout));
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = w(null), l = D(() => typeof t.message == "string" ? [t.message] : t.message), d = () => {
+      window.clearTimeout(a.value), t.active && t.timeout && (a.value = window.setTimeout(() => {
+        s("timeout");
+      }, t.timeout));
     };
-    return W(() => l.active, c), ie(c), (s, o) => (u(), v("div", Lt, [
-      i("div", Ft, [
-        j(re, { name: "messagetoast-fade" }, {
-          default: Q(() => [
+    return Z(() => t.active, d), de(d), (n, o) => (u(), v("div", Tt, [
+      r("div", jt, [
+        T(ie, { name: "messagetoast-fade" }, {
+          default: te(() => [
             e.active ? (u(), v("div", {
               key: 0,
-              class: k(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", s.$attrs.class])
+              class: $(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", n.$attrs.class])
             }, [
-              i("div", Ot, [
-                i("div", Tt, [
-                  i("div", zt, [
-                    A(s.$slots, "icon", {}, void 0, !0)
+              r("div", Nt, [
+                r("div", Yt, [
+                  r("div", Et, [
+                    B(n.$slots, "icon", {}, void 0, !0)
                   ]),
-                  i("div", jt, [
-                    i("p", Nt, [
-                      A(s.$slots, "title", {}, () => [
-                        E(M(e.title), 1)
+                  r("div", Rt, [
+                    r("p", Wt, [
+                      B(n.$slots, "title", {}, () => [
+                        W(V(e.title), 1)
                       ], !0)
                     ]),
-                    (u(!0), v(B, null, T(t.value, (f) => (u(), v("p", Yt, [
-                      A(s.$slots, "default", {}, () => [
-                        E(M(f), 1)
+                    (u(!0), v(_, null, z(l.value, (f) => (u(), v("p", Ht, [
+                      B(n.$slots, "default", {}, () => [
+                        W(V(f), 1)
                       ], !0)
                     ]))), 256))
                   ]),
-                  i("div", Et, [
-                    i("button", {
-                      onClick: o[0] || (o[0] = (f) => n("close")),
+                  r("div", Ut, [
+                    r("button", {
+                      onClick: o[0] || (o[0] = (f) => s("close")),
                       class: "inline-flex text-white bg-black bg-opacity-20 rounded-sm focus:ring-2 focus:outline-none hover:text-stone-200 focus:ring-stone-200"
                     }, [
-                      Rt,
-                      j(S(he), { class: "size-5" })
+                      Zt,
+                      T(M(ge), { class: "size-5" })
                     ])
                   ])
                 ])
               ])
-            ], 2)) : _("", !0)
+            ], 2)) : A("", !0)
           ]),
           _: 3
         })
       ])
     ]));
   }
-}), Vl = /* @__PURE__ */ xe(Ht, [["__scopeId", "data-v-62f8007a"]]), Ut = {
+}), zl = /* @__PURE__ */ we(Kt, [["__scopeId", "data-v-62f8007a"]]), qt = {
   key: 0,
   class: "fixed inset-0 z-[9998] bg-white/50 backdrop-blur-sm",
   "aria-hidden": "true"
-}, Wt = {
+}, Gt = {
   key: 0,
   class: "fixed inset-0 z-[9999]"
-}, Zt = { class: "flex justify-center items-center h-screen" }, Dl = {
+}, Xt = { class: "flex justify-center items-center h-screen" }, Tl = {
   __name: "modal",
   props: {
     show: Boolean,
@@ -988,38 +1029,38 @@ const ft = { key: 0 }, mt = { class: "text-vxvue-700" }, ht = /* @__PURE__ */ i(
     contentClass: { type: String, default: "" }
   },
   emits: ["clicked-outside"],
-  setup(e, { emit: d }) {
-    const l = d, n = w(null);
-    return ce(n, () => l("clicked-outside")), (a, t) => (u(), v(B, null, [
-      e.show ? (u(), v("div", Ut)) : _("", !0),
-      j(re, { name: "appear" }, {
-        default: Q(() => [
-          e.show ? (u(), v("div", Wt, [
-            i("div", Zt, [
-              i("div", {
-                class: k(["overflow-hidden relative max-w-full bg-white rounded ring-1 ring-black ring-opacity-10 shadow-xl transition-all transform xl:max-w-screen-xl", e.containerClass]),
+  setup(e, { emit: c }) {
+    const t = c, s = w(null);
+    return ve(s, () => t("clicked-outside")), (a, l) => (u(), v(_, null, [
+      e.show ? (u(), v("div", qt)) : A("", !0),
+      T(ie, { name: "appear" }, {
+        default: te(() => [
+          e.show ? (u(), v("div", Gt, [
+            r("div", Xt, [
+              r("div", {
+                class: $(["overflow-hidden relative max-w-full bg-white rounded ring-1 ring-black ring-opacity-10 shadow-xl transition-all transform xl:max-w-screen-xl", e.containerClass]),
                 ref_key: "container",
-                ref: n
+                ref: s
               }, [
-                i("div", {
-                  class: k(e.headerClass)
+                r("div", {
+                  class: $(e.headerClass)
                 }, [
-                  A(a.$slots, "title")
+                  B(a.$slots, "title")
                 ], 2),
-                i("div", {
-                  class: k(["overflow-y-auto h-full pb-4 mt-16", e.contentClass])
+                r("div", {
+                  class: $(["overflow-y-auto h-full pb-4 mt-16", e.contentClass])
                 }, [
-                  A(a.$slots, "default")
+                  B(a.$slots, "default")
                 ], 2)
               ], 2)
             ])
-          ])) : _("", !0)
+          ])) : A("", !0)
         ]),
         _: 3
       })
     ], 64));
   }
-}, Kt = { class: "flex justify-between items-center px-4 sm:px-0" }, qt = { class: "flex flex-1 -mt-px w-0" }, Gt = { class: "hidden md:flex md:-mt-px" }, Xt = { class: "flex flex-1 justify-end -mt-px w-0" }, Al = {
+}, Jt = { class: "flex justify-between items-center px-4 sm:px-0" }, Qt = { class: "flex flex-1 -mt-px w-0" }, el = { class: "hidden md:flex md:-mt-px" }, tl = { class: "flex flex-1 justify-end -mt-px w-0" }, jl = {
   __name: "pagination",
   props: {
     page: { type: Number, default: 1 },
@@ -1044,68 +1085,68 @@ const ft = { key: 0 }, mt = { class: "text-vxvue-700" }, ht = /* @__PURE__ */ i(
     }
   },
   emits: ["update:page"],
-  setup(e, { emit: d }) {
-    const l = d, n = e, a = w(Math.ceil(n.total / n.perPage)), t = w(null), c = D(() => (n.markerPosition === "above" ? "border-t-2 -mt-[2px]" : "border-b-2 -mb-[2px]") + " py-4"), s = D(() => {
-      let r = [1];
-      if (n.showAllPages || a.value <= 7) {
+  setup(e, { emit: c }) {
+    const t = c, s = e, a = w(Math.ceil(s.total / s.perPage)), l = w(null), d = D(() => (s.markerPosition === "above" ? "border-t-2 -mt-[2px]" : "border-b-2 -mb-[2px]") + " py-4"), n = D(() => {
+      let i = [1];
+      if (s.showAllPages || a.value <= 7) {
         for (let h = 2; h <= a.value; ++h)
-          r.push(h);
-        return r;
+          i.push(h);
+        return i;
       }
-      return t.value >= a.value ? r.push("dots", t.value - 2, t.value - 1) : t.value - 1 && t.value - 1 > 1 && (t.value > 1 && r.push("dots"), r.push(t.value - 1)), t.value > 1 && r.push(t.value), t.value + 1 < a.value && (r.push(t.value + 1), t.value <= 1 && r.push(t.value + 2), t.value + 2 < a.value && r.push("dots")), t.value < a.value && r.push(a.value), r;
+      return l.value >= a.value ? i.push("dots", l.value - 2, l.value - 1) : l.value - 1 && l.value - 1 > 1 && (l.value > 1 && i.push("dots"), i.push(l.value - 1)), l.value > 1 && i.push(l.value), l.value + 1 < a.value && (i.push(l.value + 1), l.value <= 1 && i.push(l.value + 2), l.value + 2 < a.value && i.push("dots")), l.value < a.value && i.push(a.value), i;
     }), o = () => {
-      t.value > 1 && l("update:page", t.value - 1);
+      l.value > 1 && t("update:page", l.value - 1);
     }, f = () => {
-      t.value < a.value && l("update:page", t.value + 1);
+      l.value < a.value && t("update:page", l.value + 1);
     };
-    return W(() => n.page, (r) => t.value = Math.min(Math.max(r, 1), a.value), { immediate: !0 }), W(() => n.perPage, (r) => {
-      a.value = Math.ceil(n.total / n.perPage), l("update:page", 1);
-    }), W(() => n.total, (r) => {
-      a.value = Math.ceil(n.total / n.perPage), t.value > a.value && l("update:page", 1);
-    }), (r, h) => (u(), v("nav", Kt, [
-      i("div", qt, [
+    return Z(() => s.page, (i) => l.value = Math.min(Math.max(i, 1), a.value), { immediate: !0 }), Z(() => s.perPage, (i) => {
+      a.value = Math.ceil(s.total / s.perPage), t("update:page", 1);
+    }), Z(() => s.total, (i) => {
+      a.value = Math.ceil(s.total / s.perPage), l.value > a.value && t("update:page", 1);
+    }), (i, h) => (u(), v("nav", Jt, [
+      r("div", Qt, [
         e.showNavButtons ? (u(), v("a", {
           key: 0,
-          onClick: L(o, ["prevent"]),
+          onClick: I(o, ["prevent"]),
           href: "#",
-          class: k(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [{ "cursor-default pointer-events-none": t.value <= 1 }, c.value]])
+          class: $(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [{ "cursor-default pointer-events-none": l.value <= 1 }, d.value]])
         }, [
-          j(S(oe), { class: "size-5" }),
-          E(" " + M(e.prevText), 1)
-        ], 2)) : _("", !0)
+          T(M(le), { class: "size-5" }),
+          W(" " + V(e.prevText), 1)
+        ], 2)) : A("", !0)
       ]),
-      i("div", Gt, [
-        (u(!0), v(B, null, T(s.value, (m, b) => (u(), R(le(m !== "dots" ? "a" : "span"), {
-          onClick: L((x) => m !== "dots" ? l("update:page", m) : null, ["prevent"]),
-          key: b,
+      r("div", el, [
+        (u(!0), v(_, null, z(n.value, (m, g) => (u(), N(se(m !== "dots" ? "a" : "span"), {
+          onClick: I((y) => m !== "dots" ? t("update:page", m) : null, ["prevent"]),
+          key: g,
           href: m !== "dots" ? "#" : null,
-          class: k(["inline-flex items-center px-4 text-sm font-medium", [{
-            "border-vxvue-500 text-vxvue-700": m === t.value,
-            "border-transparent text-gray-500": m !== t.value,
+          class: $(["inline-flex items-center px-4 text-sm font-medium", [{
+            "border-vxvue-500 text-vxvue-700": m === l.value,
+            "border-transparent text-gray-500": m !== l.value,
             "hover:text-gray-700 hover:border-gray-300": m !== "dots"
-          }, c.value]])
+          }, d.value]])
         }, {
-          default: Q(() => [
-            E(M(m !== "dots" ? m : "..."), 1)
+          default: te(() => [
+            W(V(m !== "dots" ? m : "..."), 1)
           ]),
           _: 2
         }, 1032, ["onClick", "href", "class"]))), 128))
       ]),
-      i("div", Xt, [
+      r("div", tl, [
         e.showNavButtons ? (u(), v("a", {
           key: 0,
-          onClick: L(f, ["prevent"]),
+          onClick: I(f, ["prevent"]),
           href: "#",
-          class: k(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [c.value, { "cursor-default pointer-events-none": t.value >= a.value }]])
+          class: $(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [d.value, { "cursor-default pointer-events-none": l.value >= a.value }]])
         }, [
-          E(M(e.nextText) + " ", 1),
-          j(S(te), { class: "size-5" })
-        ], 2)) : _("", !0)
+          W(V(e.nextText) + " ", 1),
+          T(M(ee), { class: "size-5" })
+        ], 2)) : A("", !0)
       ])
     ]));
   }
 };
-function Jt(e, d) {
+function ll(e, c) {
   return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1115,14 +1156,14 @@ function Jt(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"
     })
   ]);
 }
-function Qt(e, d) {
+function al(e, c) {
   return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1132,105 +1173,105 @@ function Qt(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"
     }),
-    i("path", {
+    r("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
     })
   ]);
 }
-const el = ["value", "type"], _l = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const sl = ["value", "type"], Nl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "password-input",
   props: ["modelValue"],
   emits: ["update:modelValue"],
-  setup(e, { emit: d }) {
-    const l = d, n = w(!1), a = D(() => {
-      let t = Object.assign({}, U());
-      return delete t.class, t;
+  setup(e, { emit: c }) {
+    const t = c, s = w(!1), a = D(() => {
+      let l = Object.assign({}, U());
+      return delete l.class, l;
     });
-    return (t, c) => (u(), v("div", {
-      class: k("inline-block relative " + U().class)
+    return (l, d) => (u(), v("div", {
+      class: $("inline-block relative " + U().class)
     }, [
-      i("input", z({
+      r("input", j({
         value: e.modelValue,
-        type: n.value ? "text" : "password",
-        onInput: c[0] || (c[0] = (s) => l("update:modelValue", s.target.value))
-      }, a.value, { class: "block pr-12 w-full form-input peer" }), null, 16, el),
-      i("button", {
+        type: s.value ? "text" : "password",
+        onInput: d[0] || (d[0] = (n) => t("update:modelValue", n.target.value))
+      }, a.value, { class: "block pr-12 w-full form-input peer" }), null, 16, sl),
+      r("button", {
         class: "flex absolute inset-y-0 right-0 items-center px-3 text-brand-700 hover:text-brand",
         "aria-label": "show-password-toggle",
-        onClick: c[1] || (c[1] = L((s) => n.value = !n.value, ["stop"]))
+        onClick: d[1] || (d[1] = I((n) => s.value = !s.value, ["stop"]))
       }, [
-        n.value ? (u(), R(S(Jt), {
+        s.value ? (u(), N(M(ll), {
           key: 0,
           class: "size-5"
-        })) : (u(), R(S(Qt), {
+        })) : (u(), N(M(al), {
           key: 1,
           class: "size-5"
         }))
       ]),
-      A(t.$slots, "default")
+      B(l.$slots, "default")
     ], 2));
   }
-}), tl = { class: "flex items-center pb-1" }, ll = ["id", "checked"], al = ["for"], sl = { key: 1 }, nl = ["href"], ol = {
+}), nl = { class: "flex items-center pb-1" }, ol = ["id", "checked"], rl = ["for"], ul = { key: 1 }, il = ["href"], cl = {
   key: 0,
   class: "ml-6"
-}, Bl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Yl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "simple-tree",
   props: { branch: { type: Object, default: {} } },
   emits: ["branch-selected", "expand"],
-  setup(e, { emit: d }) {
-    const l = e, n = d, a = w(!1);
-    return ie(() => {
-      l.branch.current && n("expand", !0);
-    }), (t, c) => {
-      const s = Be("simple-tree", !0);
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = w(!1);
+    return de(() => {
+      t.branch.current && s("expand", !0);
+    }), (l, d) => {
+      const n = Be("simple-tree", !0);
       return u(), v("div", {
-        class: k([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", t.$attrs.class])
+        class: $([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", l.$attrs.class])
       }, [
-        i("div", tl, [
-          e.branch.branches && e.branch.branches.length ? (u(), v(B, { key: 0 }, [
-            i("input", {
+        r("div", nl, [
+          e.branch.branches && e.branch.branches.length ? (u(), v(_, { key: 0 }, [
+            r("input", {
               type: "checkbox",
               id: "branch-" + e.branch.id,
-              onClick: c[0] || (c[0] = (o) => a.value = !a.value),
+              onClick: d[0] || (d[0] = (o) => a.value = !a.value),
               checked: a.value,
               class: "hidden"
-            }, null, 8, ll),
-            i("label", {
+            }, null, 8, ol),
+            r("label", {
               for: "branch-" + e.branch.id,
               class: "mr-2"
             }, [
-              (u(), R(le(a.value ? S(Te) : S(ze)), { class: "w-4 h-4 border" }))
-            ], 8, al)
-          ], 64)) : _("", !0),
-          e.branch.current ? (u(), v("strong", sl, M(e.branch.label), 1)) : (u(), v("a", {
+              (u(), N(se(a.value ? M(ze) : M(Te)), { class: "w-4 h-4 border" }))
+            ], 8, rl)
+          ], 64)) : A("", !0),
+          e.branch.current ? (u(), v("strong", ul, V(e.branch.label), 1)) : (u(), v("a", {
             key: 2,
             href: e.branch.path,
-            onClick: c[1] || (c[1] = L((o) => n("branch-selected", e.branch), ["prevent"]))
-          }, M(e.branch.label), 9, nl))
+            onClick: d[1] || (d[1] = I((o) => s("branch-selected", e.branch), ["prevent"]))
+          }, V(e.branch.label), 9, il))
         ]),
-        e.branch.branches && e.branch.branches.length ? me((u(), v("ul", ol, [
-          (u(!0), v(B, null, T(e.branch.branches, (o) => (u(), R(s, {
+        e.branch.branches && e.branch.branches.length ? pe((u(), v("ul", cl, [
+          (u(!0), v(_, null, z(e.branch.branches, (o) => (u(), N(n, {
             branch: o,
             key: o.id,
-            onBranchSelected: c[2] || (c[2] = (f) => n("branch-selected", f)),
-            onExpand: c[3] || (c[3] = (f) => {
-              a.value = f, n("expand", f);
+            onBranchSelected: d[2] || (d[2] = (f) => s("branch-selected", f)),
+            onExpand: d[3] || (d[3] = (f) => {
+              a.value = f, s("expand", f);
             })
           }, null, 8, ["branch"]))), 128))
         ], 512)), [
           [Ie, a.value]
-        ]) : _("", !0)
+        ]) : A("", !0)
       ], 2);
     };
   }
-}), rl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], ul = ["id"], il = ["id", "aria-label"], Il = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), dl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], vl = ["id"], fl = ["id", "aria-label"], El = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "slider",
   props: {
     min: { type: Number, default: 0 },
@@ -1238,132 +1279,132 @@ const el = ["value", "type"], _l = /* @__PURE__ */ Object.assign({ inheritAttrs:
     vertical: Boolean,
     disabled: Boolean,
     modelValue: { type: [Number, Array], validator(e) {
-      return typeof e == "number" || e.every((d) => typeof d == "number");
+      return typeof e == "number" || e.every((c) => typeof c == "number");
     } }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: d }) {
-    const l = e, n = d, a = U(), t = { x: null, y: null }, c = { w: null, h: null };
-    let s = !1;
-    const o = w(null), f = w(0), r = D(() => {
-      const g = l.max, p = l.min;
-      return l.modelValue instanceof Array ? l.modelValue.map((V) => (Math.max(Math.min(V, g), p) - p) * 100 / (g - p)) : (Math.max(Math.min(l.modelValue, g), p) - p) * 100 / (g - p);
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = U(), l = { x: null, y: null }, d = { w: null, h: null };
+    let n = !1;
+    const o = w(null), f = w(0), i = D(() => {
+      const k = t.max, p = t.min;
+      return t.modelValue instanceof Array ? t.modelValue.map((x) => (Math.max(Math.min(x, k), p) - p) * 100 / (k - p)) : (Math.max(Math.min(t.modelValue, k), p) - p) * 100 / (k - p);
     }), h = D(() => {
-      if (l.modelValue instanceof Array) {
-        const g = Math.min(...r.value) + "%", p = Math.max(...r.value) - Math.min(...r.value) + "%";
-        return l.vertical ? { bottom: g, height: p } : { left: g, width: p };
+      if (t.modelValue instanceof Array) {
+        const k = Math.min(...i.value) + "%", p = Math.max(...i.value) - Math.min(...i.value) + "%";
+        return t.vertical ? { bottom: k, height: p } : { left: k, width: p };
       }
-      return l.vertical ? { bottom: 0, height: r.value + "%" } : { width: r.value + "%" };
+      return t.vertical ? { bottom: 0, height: i.value + "%" } : { width: i.value + "%" };
     }), m = w({
-      class: (l.vertical ? "left-0 -translate-x-1.5 translate-y-2.5" : "top-0 -translate-x-2.5 -translate-y-1.5") + " touch-none absolute size-5 rounded-full border-2 bg-white transition-colors duration-200 " + (l.disabled ? "" : " focus:ring-4 focus:outline-none border-vxvue cursor-grab hover:bg-vxvue focus:ring-vxvue/50"),
+      class: (t.vertical ? "left-0 -translate-x-1.5 translate-y-2.5" : "top-0 -translate-x-2.5 -translate-y-1.5") + " touch-none absolute size-5 rounded-full border-2 bg-white transition-colors duration-200 " + (t.disabled ? "" : " focus:ring-4 focus:outline-none border-vxvue cursor-grab hover:bg-vxvue focus:ring-vxvue/50"),
       tabindex: 0
-    }), b = (g) => {
-      let p = parseFloat(g.toFixed(10));
-      if (p = Math.min(l.max, Math.max(l.min, p)), l.modelValue instanceof Array) {
-        let V = [...l.modelValue];
-        V[f.value] = p, n("update:modelValue", V);
+    }), g = (k) => {
+      let p = parseFloat(k.toFixed(10));
+      if (p = Math.min(t.max, Math.max(t.min, p)), t.modelValue instanceof Array) {
+        let x = [...t.modelValue];
+        x[f.value] = p, s("update:modelValue", x);
       } else
-        n("update:modelValue", p);
-    }, x = (g) => {
-      const { pageX: p, pageY: V } = g.touches ? g.touches[0] : g, F = l.vertical ? (-V + t.y) / c.h : (p - t.x) / c.w;
-      b(Math.floor((l.max - l.min) * F + l.min));
-    }, I = () => {
-      const { clientLeft: g, clientTop: p, scrollLeft: V, scrollTop: F } = document.documentElement, N = o.value.getBoundingClientRect();
-      t.x = N.left + V - g, t.y = N.bottom + F - p, c.w = o.value.offsetWidth, c.h = o.value.offsetHeight;
-    }, P = (g) => {
-      s && (g.preventDefault(), x(g));
-    }, O = (g) => {
-      g.preventDefault(), g.currentTarget.focus(), I(), s = !0, document.addEventListener("mousemove", P), document.addEventListener("mouseup", Z);
-    }, Z = () => {
-      s && (s = !1, document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", Z));
-    }, q = (g) => {
-      g.keyCode >= 33 && g.keyCode <= 40 && g.preventDefault();
-      const p = l.modelValue[f.value] ?? l.modelValue;
-      switch (g.keyCode) {
+        s("update:modelValue", p);
+    }, y = (k) => {
+      const { pageX: p, pageY: x } = k.touches ? k.touches[0] : k, b = t.vertical ? (-x + l.y) / d.h : (p - l.x) / d.w;
+      g(Math.floor((t.max - t.min) * b + t.min));
+    }, L = () => {
+      const { clientLeft: k, clientTop: p, scrollLeft: x, scrollTop: b } = document.documentElement, P = o.value.getBoundingClientRect();
+      l.x = P.left + x - k, l.y = P.bottom + b - p, d.w = o.value.offsetWidth, d.h = o.value.offsetHeight;
+    }, F = (k) => {
+      n && (k.preventDefault(), y(k));
+    }, O = (k) => {
+      k.preventDefault(), k.currentTarget.focus(), L(), n = !0, document.addEventListener("mousemove", F), document.addEventListener("mouseup", Y);
+    }, Y = () => {
+      n && (n = !1, document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", Y));
+    }, G = (k) => {
+      k.keyCode >= 33 && k.keyCode <= 40 && k.preventDefault();
+      const p = t.modelValue[f.value] ?? t.modelValue;
+      switch (k.keyCode) {
         case 37:
         case 40:
-          b(p - 1);
+          g(p - 1);
           break;
         case 39:
         case 38:
-          b(p + 1);
+          g(p + 1);
           break;
         case 33:
-          b(p + (l.max - l.min) / 10);
+          g(p + (t.max - t.min) / 10);
           break;
         case 34:
-          b(p - (l.max - l.min) / 10);
+          g(p - (t.max - t.min) / 10);
           break;
         case 36:
-          b(l.min);
+          g(t.min);
           break;
         case 35:
-          b(l.max);
+          g(t.max);
       }
-    }, y = (g) => {
-      I(), x(g);
+    }, E = (k) => {
+      L(), y(k);
     };
-    return (g, p) => (u(), v("div", z({
+    return (k, p) => (u(), v("div", j({
       class: ["relative  bg-slate-300", e.vertical ? "h-full w-2 rounded-t-full rounded-b-full" : "w-full h-2 rounded-r-full rounded-l-full"],
       ref_key: "track",
       ref: o,
       role: "slider",
       "aria-label": "slider-thumb",
       "aria-valuemin": e.min,
-      "aria-valuemax": l.max,
+      "aria-valuemax": t.max,
       "aria-valuenow": e.modelValue[0] ?? e.modelValue,
       "aria-valuetext": e.modelValue
-    }, se(e.disabled ? {} : {
-      click: y
+    }, re(e.disabled ? {} : {
+      click: E
     }, !0)), [
-      e.disabled ? _("", !0) : (u(), v("div", {
+      e.disabled ? A("", !0) : (u(), v("div", {
         key: 0,
-        class: k(["absolute bg-vxvue", e.vertical ? "w-full rounded-t-full rounded-b-full" : "h-full rounded-r-full rounded-l-full"]),
+        class: $(["absolute bg-vxvue", e.vertical ? "w-full rounded-t-full rounded-b-full" : "h-full rounded-r-full rounded-l-full"]),
         style: Pe(h.value)
       }, null, 6)),
-      e.modelValue.length ? (u(!0), v(B, { key: 2 }, T(e.modelValue, (V, F) => (u(), v("button", z({
-        id: F ? null : S(a).id,
-        style: e.vertical ? { bottom: r.value[F] + "%" } : { left: r.value[F] + "%" },
-        "aria-label": "slider-thumb-" + (F + 1)
-      }, se(e.disabled ? {} : {
-        focus: () => f.value = F,
-        keydown: q,
-        mousedown: (N) => {
-          f.value = F, O(N);
+      e.modelValue.length ? (u(!0), v(_, { key: 2 }, z(e.modelValue, (x, b) => (u(), v("button", j({
+        id: b ? null : M(a).id,
+        style: e.vertical ? { bottom: i.value[b] + "%" } : { left: i.value[b] + "%" },
+        "aria-label": "slider-thumb-" + (b + 1)
+      }, re(e.disabled ? {} : {
+        focus: () => f.value = b,
+        keydown: G,
+        mousedown: (P) => {
+          f.value = b, O(P);
         },
-        touchstart: (N) => {
-          f.value = F, O(N);
+        touchstart: (P) => {
+          f.value = b, O(P);
         },
-        touchmove: P,
-        touchend: Z
-      }, !0), m.value), null, 16, il))), 256)) : (u(), v("button", z({
+        touchmove: F,
+        touchend: Y
+      }, !0), m.value), null, 16, fl))), 256)) : (u(), v("button", j({
         key: 1,
-        id: S(a).id,
-        style: e.vertical ? { bottom: r.value + "%" } : { left: r.value + "%" },
+        id: M(a).id,
+        style: e.vertical ? { bottom: i.value + "%" } : { left: i.value + "%" },
         "aria-label": "slider-thumb"
-      }, se(e.disabled ? {} : {
+      }, re(e.disabled ? {} : {
         focus: () => f.value = 0,
-        keydown: q,
-        mousedown: (V) => {
-          f.value = 0, O(V);
+        keydown: G,
+        mousedown: (x) => {
+          f.value = 0, O(x);
         },
-        touchstart: (V) => {
-          f.value = 0, O(V);
+        touchstart: (x) => {
+          f.value = 0, O(x);
         },
-        touchmove: P,
-        touchend: Z
-      }, !0), m.value), null, 16, ul))
-    ], 16, rl));
+        touchmove: F,
+        touchend: Y
+      }, !0), m.value), null, 16, vl))
+    ], 16, dl));
   }
-}), cl = { class: "text-white bg-slate-700" }, dl = ["onClick"], vl = { class: "flex items-center space-x-1" }, fl = {
+}), ml = { class: "text-white bg-slate-700" }, hl = ["onClick"], pl = { class: "flex items-center space-x-1" }, gl = {
   __name: "sortable",
   props: {
     columns: {
       type: Array,
       required: !0,
       validator: (e) => {
-        for (const d of e)
-          if (d.label === void 0 || d.prop === void 0)
+        for (const c of e)
+          if (c.label === void 0 || c.prop === void 0)
             return !1;
         return !0;
       }
@@ -1376,120 +1417,172 @@ const el = ["value", "type"], _l = /* @__PURE__ */ Object.assign({ inheritAttrs:
     keyProperty: { type: String, default: "key" }
   },
   emits: ["before-sort", "after-sort"],
-  setup(e, { emit: d }) {
-    const l = e, n = d, a = w(l.sortProp), t = w(l.sortDirection), c = D(() => {
-      let o = l.rows.slice();
-      const f = l.columns.find(({ prop: r }) => r === a.value);
-      return f && (t.value === "asc" && f.sortAscFunction ? o.sort(f.sortAscFunction) : t.value === "desc" && f.sortDescFunction ? o.sort(f.sortDescFunction) : o.sort((r, h) => r[a.value] < h[a.value] ? t.value === "asc" ? -1 : 1 : r[a.value] > h[a.value] ? t.value === "asc" ? 1 : -1 : 0)), o.slice(l.offset || 0, (l.offset || 0) + (l.count || o.length));
-    }), s = (o) => {
-      n("before-sort", { prop: a.value, dir: t.value }), a.value === o ? t.value = t.value === "asc" ? "desc" : "asc" : (a.value = o, t.value = t.value || "asc"), ue(() => n("after-sort", { prop: a.value, dir: t.value }));
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = w(t.sortProp), l = w(t.sortDirection), d = D(() => {
+      let o = t.rows.slice();
+      const f = t.columns.find(({ prop: i }) => i === a.value);
+      return f && (l.value === "asc" && f.sortAscFunction ? o.sort(f.sortAscFunction) : l.value === "desc" && f.sortDescFunction ? o.sort(f.sortDescFunction) : o.sort((i, h) => i[a.value] < h[a.value] ? l.value === "asc" ? -1 : 1 : i[a.value] > h[a.value] ? l.value === "asc" ? 1 : -1 : 0)), o.slice(t.offset || 0, (t.offset || 0) + (t.count || o.length));
+    }), n = (o) => {
+      s("before-sort", { prop: a.value, dir: l.value }), a.value === o ? l.value = l.value === "asc" ? "desc" : "asc" : (a.value = o, l.value = l.value || "asc"), ce(() => s("after-sort", { prop: a.value, dir: l.value }));
     };
     return (o, f) => (u(), v("table", {
-      class: k(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
+      class: $(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
     }, [
-      i("thead", cl, [
-        i("tr", null, [
-          (u(!0), v(B, null, T(e.columns, (r) => (u(), v("th", {
+      r("thead", ml, [
+        r("tr", null, [
+          (u(!0), v(_, null, z(e.columns, (i) => (u(), v("th", {
             scope: "col",
-            class: k(["py-3 px-6 text-left", [
-              { "cursor-pointer": r.sortable, active: a.value === r.prop },
-              r.cssClass
+            class: $(["py-3 px-6 text-left", [
+              { "cursor-pointer": i.sortable, active: a.value === i.prop },
+              i.cssClass
             ]]),
-            onClick: (h) => r.sortable ? s(r.prop) : null
+            onClick: (h) => i.sortable ? n(i.prop) : null
           }, [
-            A(o.$slots, r.prop + "-header", {
-              column: r,
-              sortDir: t.value,
+            B(o.$slots, i.prop + "-header", {
+              column: i,
+              sortDir: l.value,
               sortProp: a.value
             }, () => [
-              i("div", vl, [
-                i("span", null, M(r.label), 1),
-                r.sortable ? (u(), R(le(a.value !== r.prop ? S(Fe) : t.value === "asc" ? S(Le) : S(Oe)), {
+              r("div", pl, [
+                r("span", null, V(i.label), 1),
+                i.sortable ? (u(), N(se(a.value !== i.prop ? M(Fe) : l.value === "asc" ? M(Le) : M(Oe)), {
                   key: 0,
                   class: "size-4"
-                })) : _("", !0)
+                })) : A("", !0)
               ])
             ], !0)
-          ], 10, dl))), 256))
+          ], 10, hl))), 256))
         ])
       ]),
-      i("tbody", null, [
-        (u(!0), v(B, null, T(c.value, (r) => (u(), v("tr", {
-          key: r[e.keyProperty],
-          class: k(r.cssClass)
+      r("tbody", null, [
+        (u(!0), v(_, null, z(d.value, (i) => (u(), v("tr", {
+          key: i[e.keyProperty],
+          class: $(i.cssClass)
         }, [
-          (u(!0), v(B, null, T(e.columns, (h) => (u(), v("td", {
-            class: k(["overflow-hidden py-3 px-6 whitespace-nowrap text-ellipsis", { active: a.value === h.prop }])
+          (u(!0), v(_, null, z(e.columns, (h) => (u(), v("td", {
+            class: $(["overflow-hidden py-3 px-6 whitespace-nowrap text-ellipsis", { active: a.value === h.prop }])
           }, [
-            A(o.$slots, h.prop, { row: r }, () => [
-              E(M(r[h.prop]), 1)
+            B(o.$slots, h.prop, { row: i }, () => [
+              W(V(i[h.prop]), 1)
             ], !0)
           ], 2))), 256))
         ], 2))), 128))
       ])
     ], 2));
   }
-}, Pl = /* @__PURE__ */ xe(fl, [["__scopeId", "data-v-7ec18969"]]), ml = { class: "sm:hidden" }, hl = { class: "hidden sm:block" }, pl = { class: "border-b border-gray-200" }, gl = {
+}, Rl = /* @__PURE__ */ we(gl, [["__scopeId", "data-v-7ec18969"]]), bl = ["viewBox"], xl = ["cx", "cy", "r", "stroke-width"], yl = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], wl = {
+  __name: "spinner",
+  props: { radius: { type: Number, default: 10 }, strokeWidth: { type: Number, default: 4 } },
+  setup(e) {
+    const c = e, t = D(() => c.radius + c.strokeWidth / 2), s = D(() => c.radius * 2 + c.strokeWidth), a = D(() => c.radius * Math.PI / 1.5);
+    return (l, d) => (u(), v("svg", {
+      class: "animate-spin",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 " + s.value + " " + s.value,
+      role: "progressbar"
+    }, [
+      r("circle", {
+        class: "opacity-35",
+        cx: t.value,
+        cy: t.value,
+        r: e.radius,
+        stroke: "currentColor",
+        "stroke-width": e.strokeWidth
+      }, null, 8, xl),
+      r("circle", {
+        cx: t.value,
+        cy: t.value,
+        r: e.radius,
+        stroke: "currentColor",
+        "stroke-width": e.strokeWidth,
+        "stroke-dasharray": a.value + " " + e.radius * 100,
+        "stroke-linecap": "round"
+      }, null, 8, yl)
+    ], 8, bl));
+  }
+}, kl = { class: "flex items-center space-x-2" }, $l = ["disabled"], Wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  __name: "submit-button",
+  props: { busy: Boolean, spinnerClass: String, theme: String },
+  emits: ["submit"],
+  setup(e, { emit: c }) {
+    const t = c;
+    return (s, a) => (u(), v("div", kl, [
+      r("button", {
+        class: $([s.$attrs.class || "button", e.theme || ""]),
+        disabled: e.busy,
+        type: "button",
+        onClick: a[0] || (a[0] = (l) => t("submit"))
+      }, [
+        B(s.$slots, "default")
+      ], 10, $l),
+      e.busy ? (u(), N(wl, {
+        key: 0,
+        class: $(e.spinnerClass || ["size-5", { error: "text-error", success: "text-success", default: "text-vxvue" }[e.theme || "default"]])
+      }, null, 8, ["class"])) : A("", !0)
+    ]));
+  }
+}), Cl = { class: "sm:hidden" }, Sl = { class: "hidden sm:block" }, Ml = { class: "border-b border-gray-200" }, Vl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
-}, bl = ["onClick", "aria-current"], Ll = {
+}, Dl = ["onClick", "aria-current"], Hl = {
   __name: "tabs",
   props: {
     items: { type: Array, default: [] },
     activeIndex: { type: Number, default: 0 }
   },
   emits: ["update:active-index"],
-  setup(e, { emit: d }) {
-    const l = e, n = d, a = w(l.items[l.activeIndex] || {}), t = D(() => {
-      let s = [];
-      return l.items.forEach((o, f) => {
-        o.disabled || s.push({ label: o.name, key: f });
-      }), s;
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = w(t.items[t.activeIndex] || {}), l = D(() => {
+      let n = [];
+      return t.items.forEach((o, f) => {
+        o.disabled || n.push({ label: o.name, key: f });
+      }), n;
     });
-    W(() => l.activeIndex, (s) => {
-      a.value = l.items[s] || {};
+    Z(() => t.activeIndex, (n) => {
+      a.value = t.items[n] || {};
     });
-    const c = (s) => {
-      s.disabled || (a.value = s, n("update:active-index", l.items.indexOf(s)));
+    const d = (n) => {
+      n.disabled || (a.value = n, s("update:active-index", t.items.indexOf(n)));
     };
-    return (s, o) => (u(), v(B, null, [
-      i("div", ml, [
-        j(_t, {
-          options: t.value,
+    return (n, o) => (u(), v(_, null, [
+      r("div", Cl, [
+        T(Lt, {
+          options: l.value,
           "model-value": e.activeIndex,
-          "onUpdate:modelValue": o[0] || (o[0] = (f) => n("update:activeIndex", f)),
+          "onUpdate:modelValue": o[0] || (o[0] = (f) => s("update:activeIndex", f)),
           class: "w-full"
         }, null, 8, ["options", "model-value"])
       ]),
-      i("div", hl, [
-        i("div", pl, [
-          i("nav", gl, [
-            (u(!0), v(B, null, T(e.items, (f) => (u(), v("a", {
+      r("div", Sl, [
+        r("div", Ml, [
+          r("nav", Vl, [
+            (u(!0), v(_, null, z(e.items, (f) => (u(), v("a", {
               key: f.name,
               href: "#",
-              onClick: L((r) => c(f), ["prevent"]),
-              class: k([
+              onClick: I((i) => d(f), ["prevent"]),
+              class: $([
                 a.value === f ? "border-vxvue-500 text-vxvue-600" : "border-transparent text-gray-900 hover:text-gray-700 hover:border-gray-300",
                 f.disabled ? "cursor-not-allowed text-gray-400 hover:border-transparent" : "",
                 "group inline-flex items-center py-4 px-1 border-b-4 font-medium"
               ]),
               "aria-current": a.value === f ? "page" : void 0
             }, [
-              A(s.$slots, "icon", { tab: f }),
-              i("span", null, [
-                A(s.$slots, "default", { tab: f }, () => [
-                  E(M(f.name), 1)
+              B(n.$slots, "icon", { tab: f }),
+              r("span", null, [
+                B(n.$slots, "default", { tab: f }, () => [
+                  W(V(f.name), 1)
                 ])
               ]),
               f.badge ? (u(), v("span", {
                 key: 0,
-                class: k([
+                class: $([
                   a.value === f ? "bg-vxvue-50 text-vxvue-700" : "bg-gray-200 text-gray-900",
                   f.disabled ? "bg-gray-100 text-gray-400" : "",
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
-              }, M(f.badge), 3)) : _("", !0)
-            ], 10, bl))), 128))
+              }, V(f.badge), 3)) : A("", !0)
+            ], 10, Dl))), 128))
           ])
         ])
       ])
@@ -1497,21 +1590,22 @@ const el = ["value", "type"], _l = /* @__PURE__ */ Object.assign({ inheritAttrs:
   }
 };
 export {
-  yl as Accordion,
-  wl as AccordionPanel,
-  kl as Autocomplete,
-  $l as Confirm,
+  Al as Accordion,
+  Bl as AccordionPanel,
+  Il as Autocomplete,
+  Pl as Confirm,
   xt as DateInput,
-  Cl as Datepicker,
-  Sl as FormFileButton,
-  _t as FormSelect,
-  Ml as FormSwitch,
-  Vl as MessageToast,
-  Dl as Modal,
-  Al as Pagination,
-  _l as PasswordInput,
-  Bl as SimpleTree,
-  Il as Slider,
-  Pl as Sortable,
-  Ll as Tabs
+  Ll as Datepicker,
+  Fl as FormFileButton,
+  Lt as FormSelect,
+  Ol as FormSwitch,
+  zl as MessageToast,
+  Tl as Modal,
+  jl as Pagination,
+  Nl as PasswordInput,
+  Yl as SimpleTree,
+  El as Slider,
+  Rl as Sortable,
+  Wl as SubmitButton,
+  Hl as Tabs
 };