vx-vue 1.1.1 → 1.2.0

package/dist/vxvue.es.js

@@ -1,44 +1,44 @@
-import { useSlots as Ce, ref as w, computed as L, onBeforeUpdate as Ve, openBlock as u, createElementBlock as m, Fragment as O, renderList as _, createBlock as H, resolveDynamicComponent as ie, createElementVNode as v, useAttrs as U, normalizeClass as $, unref as M, renderSlot as A, getCurrentScope as Me, onScopeDispose as De, watch as K, onUpdated as Ae, mergeProps as j, withKeys as ae, withModifiers as N, createCommentVNode as P, toDisplayString as B, createVNode as E, Transition as ce, withCtx as te, createTextVNode as X, nextTick as ve, toValue as ge, withDirectives as xe, vModelText as Be, onMounted as me, normalizeStyle as ye, resolveComponent as Le, createSlots as Pe, vShow as Te, toHandlers as oe } from "vue";
-const wl = {
+import { useSlots as Se, ref as $, computed as L, onBeforeUpdate as Ce, openBlock as i, createElementBlock as m, Fragment as z, renderList as j, createBlock as W, resolveDynamicComponent as ie, createElementVNode as v, useAttrs as q, unref as A, normalizeClass as C, renderSlot as P, toValue as _, getCurrentScope as Me, onScopeDispose as Ve, watch as X, onUpdated as De, mergeProps as R, withKeys as ae, withModifiers as E, createCommentVNode as I, toDisplayString as T, createVNode as Y, Transition as ve, withCtx as te, createTextVNode as J, nextTick as me, withDirectives as xe, vModelText as Ae, onMounted as fe, normalizeStyle as ye, resolveComponent as Be, createSlots as Pe, vShow as Te, toHandlers as re } from "vue";
+const yl = {
   __name: "accordion",
-  props: { activeIndex: [Number, Array] },
+  props: { activeIndex: { type: [Number, Array], default: null } },
   emits: ["update:activeIndex"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = Ce(), l = w([]), c = (f) => l.value.push(f), n = L(() => (l.value = [], a.default().reduce((f, x) => ((x.type.__name || x.type.name) === "accordion-panel" && f.push(x), f), []))), o = (f) => {
+    const t = e, o = d, a = Se(), l = $([]), c = (f) => l.value.push(f), s = L(() => a.default().reduce((f, b) => ((b.type.__name || b.type.name) === "accordion-panel" && f.push(b), f), [])), n = (f) => {
       if (Array.isArray(t.activeIndex)) {
-        let x = [].concat(t.activeIndex), h = x.findIndex((g) => g === f);
-        h === -1 ? s("update:activeIndex", [...x, f]) : (x.splice(h, 1), s("update:activeIndex", x));
+        let b = [].concat(t.activeIndex), k = b.findIndex((x) => x === f);
+        k === -1 ? o("update:activeIndex", [...b, f]) : (b.splice(k, 1), o("update:activeIndex", b));
       } else
-        s("update:activeIndex", f === t.activeIndex ? -1 : f);
-    }, i = (f) => {
-      if (f = ++f % n.value.length, !l.value[f].disabled) {
-        o(f), l.value[f].focus();
-        return;
-      }
-      i(f);
+        o("update:activeIndex", f === t.activeIndex ? -1 : f);
     }, r = (f) => {
-      if (f = (f || n.value.length) - 1, !l.value[f].disabled) {
-        o(f), l.value[f].focus();
+      if (f = ++f % s.value.length, !l.value[f].disabled) {
+        n(f), l.value[f].focus();
         return;
       }
       r(f);
+    }, u = (f) => {
+      if (f = (f || s.value.length) - 1, !l.value[f].disabled) {
+        n(f), l.value[f].focus();
+        return;
+      }
+      u(f);
     };
-    return Ve(() => l.value = []), (f, x) => (u(!0), m(O, null, _(n.value, (h, g) => {
-      var S;
-      return u(), H(ie(h), {
-        key: g,
-        show: Array.isArray(e.activeIndex) ? (S = e.activeIndex) == null ? void 0 : S.includes(g) : e.activeIndex === g,
-        onSelect: (I) => o(g),
-        onKeydown: (I) => i(g),
-        onKeyup: (I) => r(g),
+    return Ce(() => l.value = []), (f, b) => (i(!0), m(z, null, j(s.value, (k, x) => {
+      var g;
+      return i(), W(ie(k), {
+        key: x,
         ref_for: !0,
-        ref: c
+        ref: c,
+        show: Array.isArray(e.activeIndex) ? (g = e.activeIndex) == null ? void 0 : g.includes(x) : e.activeIndex === x,
+        onSelect: (w) => n(x),
+        onKeydown: (w) => r(x),
+        onKeyup: (w) => u(x)
       }, null, 40, ["show", "onSelect", "onKeydown", "onKeyup"]);
     }), 128));
   }
 };
-function Ie(e, d) {
-  return u(), m("svg", {
+function Le(e, d) {
+  return i(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -52,8 +52,8 @@ function Ie(e, d) {
     })
   ]);
 }
-function Oe(e, d) {
-  return u(), m("svg", {
+function Ie(e, d) {
+  return i(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -67,8 +67,8 @@ function Oe(e, d) {
     })
   ]);
 }
-function re(e, d) {
-  return u(), m("svg", {
+function ue(e, d) {
+  return i(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -82,8 +82,8 @@ function re(e, d) {
     })
   ]);
 }
-function ne(e, d) {
-  return u(), m("svg", {
+function oe(e, d) {
+  return i(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -97,8 +97,8 @@ function ne(e, d) {
     })
   ]);
 }
-function ze(e, d) {
-  return u(), m("svg", {
+function Oe(e, d) {
+  return i(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -112,8 +112,8 @@ function ze(e, d) {
     })
   ]);
 }
-function Fe(e, d) {
-  return u(), m("svg", {
+function ze(e, d) {
+  return i(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -127,8 +127,8 @@ function Fe(e, d) {
     })
   ]);
 }
-function Ne(e, d) {
-  return u(), m("svg", {
+function Fe(e, d) {
+  return i(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -142,8 +142,8 @@ function Ne(e, d) {
     })
   ]);
 }
-function _e(e, d) {
-  return u(), m("svg", {
+function Ne(e, d) {
+  return i(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -157,8 +157,8 @@ function _e(e, d) {
     })
   ]);
 }
-function fe(e, d) {
-  return u(), m("svg", {
+function he(e, d) {
+  return i(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -172,67 +172,67 @@ function fe(e, d) {
     })
   ]);
 }
-const Ee = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["aria-labelledby", "id"], Ye = { class: "overflow-hidden rounded-b" }, kl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Ee = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["id", "aria-labelledby"], Ye = { class: "overflow-hidden rounded-b" }, wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "accordion-panel",
   props: { show: Boolean, disabled: Boolean },
   emits: ["select", "keyup", "keydown"],
   setup(e, { expose: d, emit: t }) {
-    const s = t, a = e, l = U(), c = w(null), n = Math.random().toString(20).substring(2, 8), o = (r) => {
+    const o = t, a = e, l = q(), c = $(null), s = Math.random().toString(20).substring(2, 8), n = (u) => {
       if (!a.disabled) {
-        const f = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(r.keyCode);
-        f && (s(f), r.preventDefault());
+        const f = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(u.keyCode);
+        f && (o(f), u.preventDefault());
       }
     };
-    return d({ focus: () => c.value.focus(), disabled: a.disabled }), (r, f) => (u(), m("div", null, [
+    return d({ focus: () => c.value.focus(), disabled: a.disabled }), (u, f) => (i(), m("div", null, [
       v("button", {
-        onClick: f[0] || (f[0] = (x) => s("select")),
-        onKeydown: o,
-        class: $([
+        id: "ap-control-" + A(s),
+        ref_key: "btn",
+        ref: c,
+        class: C([
           "flex items-center w-full space-x-2 px-4 py-2 ring-vxvue",
-          e.show ? "rounded-t" : "rounded",
+          e.show ? "rounded-t" : "rounded-sm",
           e.disabled ? "bg-slate-300 text-slate-700" : "bg-vxvue hover:bg-vxvue-600 text-white",
-          M(l).class
+          A(l).class
         ]),
-        id: "ap-control-" + M(n),
         disabled: e.disabled,
         "aria-expanded": e.show,
-        "aria-controls": "ap-" + M(n),
-        ref_key: "btn",
-        ref: c,
-        tabindex: "0"
+        "aria-controls": "ap-" + A(s),
+        tabindex: "0",
+        onClick: f[0] || (f[0] = (b) => o("select")),
+        onKeydown: n
       }, [
-        e.disabled ? (u(), H(M(fe), {
+        e.disabled ? (i(), W(A(he), {
           key: 0,
           class: "size-5"
-        })) : (u(), H(M(ne), {
+        })) : (i(), W(A(oe), {
           key: 1,
-          class: $(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
+          class: C(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
         }, null, 8, ["class"])),
         v("span", null, [
-          A(r.$slots, "header")
+          P(u.$slots, "header")
         ])
       ], 42, Ee),
       v("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)
+        id: "ap-" + A(s),
+        class: C(["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-" + A(s)
       }, [
         v("div", Ye, [
-          A(r.$slots, "default")
+          P(u.$slots, "default")
         ])
       ], 10, je)
     ]));
   }
-}), Re = ["viewBox"], He = ["cx", "cy", "r", "stroke-width"], We = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], we = {
+}), _e = ["viewBox"], Re = ["cx", "cy", "r", "stroke-width"], He = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], we = {
   __name: "spinner",
   props: { radius: { type: Number, default: 10 }, strokeWidth: { type: Number, default: 4 } },
   setup(e) {
-    const d = e, t = L(() => d.radius + d.strokeWidth / 2), s = L(() => d.radius * 2 + d.strokeWidth), a = L(() => d.radius * Math.PI / 1.5);
-    return (l, c) => (u(), m("svg", {
+    const d = e, t = L(() => d.radius + d.strokeWidth / 2), o = L(() => d.radius * 2 + d.strokeWidth), a = L(() => d.radius * Math.PI / 1.5);
+    return (l, c) => (i(), m("svg", {
       class: "animate-spin",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
-      viewBox: "0 0 " + s.value + " " + s.value,
+      viewBox: "0 0 " + o.value + " " + o.value,
       role: "progressbar"
     }, [
       v("circle", {
@@ -242,7 +242,7 @@ const Ee = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["aria-lab
         r: e.radius,
         stroke: "currentColor",
         "stroke-width": e.strokeWidth
-      }, null, 8, He),
+      }, null, 8, Re),
       v("circle", {
         cx: t.value,
         cy: t.value,
@@ -251,149 +251,184 @@ const Ee = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["aria-lab
         "stroke-width": e.strokeWidth,
         "stroke-dasharray": a.value + " " + e.radius * 100,
         "stroke-linecap": "round"
-      }, null, 8, We)
-    ], 8, Re));
+      }, null, 8, He)
+    ], 8, _e));
   }
 };
-function Ze(e) {
-  return Me() ? (De(e), !0) : !1;
-}
-function J(e) {
-  return typeof e == "function" ? e() : M(e);
+function We(e) {
+  return Me() ? (Ve(e), !0) : !1;
 }
 const ke = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ue = Object.prototype.toString, Ke = (e) => Ue.call(e) === "[object Object]", ue = () => {
-}, qe = /* @__PURE__ */ Xe();
-function Xe() {
+const Ze = Object.prototype.toString, Ue = (e) => Ze.call(e) === "[object Object]", de = () => {
+}, Ke = /* @__PURE__ */ qe();
+function qe() {
   var e, d;
   return ke && ((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 Ge = /[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 Je(e, d, t, s) {
+function ce(e) {
+  return Array.isArray(e) ? e : [e];
+}
+const Xe = /[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 Ge(e, d, t, o) {
   let a = e < 12 ? "AM" : "PM";
-  return s && (a = a.split("").reduce((l, c) => l += `${c}.`, "")), t ? a.toLowerCase() : a;
+  return o && (a = a.split("").reduce((l, c) => l += `${c}.`, "")), t ? a.toLowerCase() : a;
 }
 function ee(e) {
   const d = ["th", "st", "nd", "rd"], t = e % 100;
   return e + (d[(t - 20) % 10] || d[t] || d[0]);
 }
-function pe(e, d, t = {}) {
-  var s;
-  const a = e.getFullYear(), l = e.getMonth(), c = e.getDate(), n = e.getHours(), o = e.getMinutes(), i = e.getSeconds(), r = e.getMilliseconds(), f = e.getDay(), x = (s = t.customMeridiem) != null ? s : Je, h = {
+function ge(e, d, t = {}) {
+  var o;
+  const a = e.getFullYear(), l = e.getMonth(), c = e.getDate(), s = e.getHours(), n = e.getMinutes(), r = e.getSeconds(), u = e.getMilliseconds(), f = e.getDay(), b = (o = t.customMeridiem) != null ? o : Ge, k = {
     Yo: () => ee(a),
     YY: () => String(a).slice(-2),
     YYYY: () => a,
     M: () => l + 1,
     Mo: () => ee(l + 1),
     MM: () => `${l + 1}`.padStart(2, "0"),
-    MMM: () => e.toLocaleDateString(J(t.locales), { month: "short" }),
-    MMMM: () => e.toLocaleDateString(J(t.locales), { month: "long" }),
+    MMM: () => e.toLocaleDateString(_(t.locales), { month: "short" }),
+    MMMM: () => e.toLocaleDateString(_(t.locales), { month: "long" }),
     D: () => String(c),
     Do: () => ee(c),
     DD: () => `${c}`.padStart(2, "0"),
-    H: () => String(n),
-    Ho: () => ee(n),
-    HH: () => `${n}`.padStart(2, "0"),
-    h: () => `${n % 12 || 12}`.padStart(1, "0"),
-    ho: () => ee(n % 12 || 12),
-    hh: () => `${n % 12 || 12}`.padStart(2, "0"),
-    m: () => String(o),
-    mo: () => ee(o),
-    mm: () => `${o}`.padStart(2, "0"),
-    s: () => String(i),
-    so: () => ee(i),
-    ss: () => `${i}`.padStart(2, "0"),
-    SSS: () => `${r}`.padStart(3, "0"),
+    H: () => String(s),
+    Ho: () => ee(s),
+    HH: () => `${s}`.padStart(2, "0"),
+    h: () => `${s % 12 || 12}`.padStart(1, "0"),
+    ho: () => ee(s % 12 || 12),
+    hh: () => `${s % 12 || 12}`.padStart(2, "0"),
+    m: () => String(n),
+    mo: () => ee(n),
+    mm: () => `${n}`.padStart(2, "0"),
+    s: () => String(r),
+    so: () => ee(r),
+    ss: () => `${r}`.padStart(2, "0"),
+    SSS: () => `${u}`.padStart(3, "0"),
     d: () => f,
-    dd: () => e.toLocaleDateString(J(t.locales), { weekday: "narrow" }),
-    ddd: () => e.toLocaleDateString(J(t.locales), { weekday: "short" }),
-    dddd: () => e.toLocaleDateString(J(t.locales), { weekday: "long" }),
-    A: () => x(n, o),
-    AA: () => x(n, o, !1, !0),
-    a: () => x(n, o, !0),
-    aa: () => x(n, 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: () => b(s, n),
+    AA: () => b(s, n, !1, !0),
+    a: () => b(s, n, !0),
+    aa: () => b(s, n, !0, !0)
   };
-  return d.replace(Ge, (g, S) => {
-    var I, z;
-    return (z = S ?? ((I = h[g]) == null ? void 0 : I.call(h))) != null ? z : g;
+  return d.replace(Xe, (x, g) => {
+    var w, M;
+    return (M = g ?? ((w = k[x]) == null ? void 0 : w.call(k))) != null ? M : x;
   });
 }
+function Je(e, d, t) {
+  return X(
+    e,
+    d,
+    {
+      ...t,
+      immediate: !0
+    }
+  );
+}
 const $e = ke ? window : void 0;
-function se(e) {
+function ne(e) {
   var d;
-  const t = J(e);
+  const t = _(e);
   return (d = t == null ? void 0 : t.$el) != null ? d : t;
 }
-function de(...e) {
-  let d, t, s, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, s, a] = e, d = $e) : [d, t, s, a] = e, !d)
-    return ue;
-  Array.isArray(t) || (t = [t]), Array.isArray(s) || (s = [s]);
-  const l = [], c = () => {
-    l.forEach((r) => r()), l.length = 0;
-  }, n = (r, f, x, h) => (r.addEventListener(f, x, h), () => r.removeEventListener(f, x, h)), o = K(
-    () => [se(d), J(a)],
-    ([r, f]) => {
-      if (c(), !r)
+function se(...e) {
+  const d = [], t = () => {
+    d.forEach((s) => s()), d.length = 0;
+  }, o = (s, n, r, u) => (s.addEventListener(n, r, u), () => s.removeEventListener(n, r, u)), a = L(() => {
+    const s = ce(_(e[0])).filter((n) => n != null);
+    return s.every((n) => typeof n != "string") ? s : void 0;
+  }), l = Je(
+    () => {
+      var s, n;
+      return [
+        (n = (s = a.value) == null ? void 0 : s.map((r) => ne(r))) != null ? n : [$e].filter((r) => r != null),
+        ce(_(a.value ? e[1] : e[0])),
+        ce(A(a.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        _(a.value ? e[3] : e[2])
+      ];
+    },
+    ([s, n, r, u]) => {
+      if (t(), !(s != null && s.length) || !(n != null && n.length) || !(r != null && r.length))
         return;
-      const x = Ke(f) ? { ...f } : f;
-      l.push(
-        ...t.flatMap((h) => s.map((g) => n(r, h, g, x)))
+      const f = Ue(u) ? { ...u } : u;
+      d.push(
+        ...s.flatMap(
+          (b) => n.flatMap(
+            (k) => r.map((x) => o(b, k, x, f))
+          )
+        )
       );
     },
-    { immediate: !0, flush: "post" }
-  ), i = () => {
-    o(), c();
+    { flush: "post" }
+  ), c = () => {
+    l(), t();
   };
-  return Ze(i), i;
+  return We(t), c;
 }
 let be = !1;
-function he(e, d, t = {}) {
-  const { window: s = $e, ignore: a = [], capture: l = !0, detectIframe: c = !1 } = t;
-  if (!s)
-    return ue;
-  qe && !be && (be = !0, Array.from(s.document.body.children).forEach((h) => h.addEventListener("click", ue)), s.document.documentElement.addEventListener("click", ue));
-  let n = !0;
-  const o = (h) => J(a).some((g) => {
-    if (typeof g == "string")
-      return Array.from(s.document.querySelectorAll(g)).some((S) => S === h.target || h.composedPath().includes(S));
+function pe(e, d, t = {}) {
+  const { window: o = $e, ignore: a = [], capture: l = !0, detectIframe: c = !1 } = t;
+  if (!o)
+    return de;
+  if (Ke && !be) {
+    be = !0;
+    const g = { passive: !0 };
+    Array.from(o.document.body.children).forEach((w) => se(w, "click", de, g)), se(o.document.documentElement, "click", de, g);
+  }
+  let s = !0;
+  const n = (g) => _(a).some((w) => {
+    if (typeof w == "string")
+      return Array.from(o.document.querySelectorAll(w)).some((M) => M === g.target || g.composedPath().includes(M));
     {
-      const S = se(g);
-      return S && (h.target === S || h.composedPath().includes(S));
+      const M = ne(w);
+      return M && (g.target === M || g.composedPath().includes(M));
     }
-  }), i = (h) => {
-    const g = se(e);
-    if (!(!g || g === h.target || h.composedPath().includes(g))) {
-      if (h.detail === 0 && (n = !o(h)), !n) {
-        n = !0;
+  });
+  function r(g) {
+    const w = _(g);
+    return w && w.$.subTree.shapeFlag === 16;
+  }
+  function u(g, w) {
+    const M = _(g), F = M.$.subTree && M.$.subTree.children;
+    return F == null || !Array.isArray(F) ? !1 : F.some((Z) => Z.el === w.target || w.composedPath().includes(Z.el));
+  }
+  const f = (g) => {
+    const w = ne(e);
+    if (g.target != null && !(!(w instanceof Element) && r(e) && u(e, g)) && !(!w || w === g.target || g.composedPath().includes(w))) {
+      if (g.detail === 0 && (s = !n(g)), !s) {
+        s = !0;
         return;
       }
-      d(h);
+      d(g);
     }
   };
-  let r = !1;
-  const f = [
-    de(s, "click", (h) => {
-      r || (r = !0, setTimeout(() => {
-        r = !1;
-      }, 0), i(h));
+  let b = !1;
+  const k = [
+    se(o, "click", (g) => {
+      b || (b = !0, setTimeout(() => {
+        b = !1;
+      }, 0), f(g));
     }, { passive: !0, capture: l }),
-    de(s, "pointerdown", (h) => {
-      const g = se(e);
-      n = !o(h) && !!(g && !h.composedPath().includes(g));
+    se(o, "pointerdown", (g) => {
+      const w = ne(e);
+      s = !n(g) && !!(w && !g.composedPath().includes(w));
     }, { passive: !0 }),
-    c && de(s, "blur", (h) => {
+    c && se(o, "blur", (g) => {
       setTimeout(() => {
-        var g;
-        const S = se(e);
-        ((g = s.document.activeElement) == null ? void 0 : g.tagName) === "IFRAME" && !(S != null && S.contains(s.document.activeElement)) && d(h);
+        var w;
+        const M = ne(e);
+        ((w = o.document.activeElement) == null ? void 0 : w.tagName) === "IFRAME" && !(M != null && M.contains(o.document.activeElement)) && d(g);
       }, 0);
-    })
+    }, { passive: !0 })
   ].filter(Boolean);
-  return () => f.forEach((h) => h());
+  return () => k.forEach((g) => g());
 }
-const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, tt = ["data-result-index"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, tt = ["data-result-index"], kl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "autocomplete",
   props: {
     modelValue: { type: String, default: "" },
@@ -403,19 +438,19 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
     getResultValue: { type: Function, default: (e) => e },
     autoSelect: Boolean
   },
-  emits: ["update:modelValue", "blur", "submit"],
+  emits: ["update:modelValue", "blur-sm", "submit"],
   setup(e, { emit: d }) {
-    const t = d, s = e, a = U(), c = (/* @__PURE__ */ (() => {
-      let V = 0;
-      return (D) => (D || "") + ++V;
-    })())((a.id || "autocomplete") + "-"), n = w([]), o = w(-1), i = w(0), r = w(!1), f = w(!1), x = w("top-0 translate-y-12"), h = w(!0), g = w(null), S = w(null), I = w(null), z = L(
-      () => n.value.map((V, D) => ({
-        id: (a.id || "autocomplete") + "-item-" + D,
-        class: [s.resultItemClass, { "bg-vxvue-700 text-white": o.value === D }],
+    const t = d, o = e, a = q(), c = (/* @__PURE__ */ (() => {
+      let D = 0;
+      return (B) => (B || "") + ++D;
+    })())((a.id || "autocomplete") + "-"), s = $([]), n = $(-1), r = $(0), u = $(!1), f = $(!1), b = $("top-0 translate-y-12"), k = $(!0), x = $(null), g = $(null), w = $(null), M = L(
+      () => s.value.map((D, B) => ({
+        id: (a.id || "autocomplete") + "-item-" + B,
+        class: [o.resultItemClass, { "bg-vxvue-700 text-white": n.value === B }],
         role: "option",
-        ...o.value === D ? { "aria-selected": "true" } : {}
+        ...n.value === B ? { "aria-selected": "true" } : {}
       }))
-    ), Y = L(() => ({
+    ), F = L(() => ({
       role: "combobox",
       autocomplete: "off",
       autocapitalize: "off",
@@ -424,118 +459,118 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
       "aria-autocomplete": "list",
       "aria-haspopup": "listbox",
       "aria-owns": c,
-      "aria-expanded": r.value ? "true" : "false",
-      "aria-activedescendant": o.value > -1 ? z.value[o.value].id : "",
+      "aria-expanded": u.value ? "true" : "false",
+      "aria-activedescendant": n.value > -1 ? M.value[n.value].id : "",
       ...a
-    })), G = L(() => ({
+    })), Z = L(() => ({
       id: c,
-      class: ["absolute min-w-full transform z-10", s.resultListClass, x.value],
+      class: ["absolute min-w-full transform z-10", o.resultListClass, b.value],
       role: "listbox"
-    })), Z = () => {
-      o.value = -1, n.value = [], r.value = !1, h.value = !0;
-    }, k = (V) => {
-      const D = s.search(V);
-      if (D instanceof Promise) {
-        const q = ++i.value;
-        f.value = !0, D.then((W) => {
-          q === i.value && (n.value = W, f.value = !1, n.value.length ? (o.value = s.autoSelect ? 0 : -1, r.value = !0) : Z());
+    })), K = () => {
+      n.value = -1, s.value = [], u.value = !1, k.value = !0;
+    }, S = (D) => {
+      const B = o.search(D);
+      if (B instanceof Promise) {
+        const G = ++r.value;
+        f.value = !0, B.then((U) => {
+          G === r.value && (s.value = U, f.value = !1, s.value.length ? (n.value = o.autoSelect ? 0 : -1, u.value = !0) : K());
         });
       } else
-        n.value = D, n.value.length === 0 ? Z() : (o.value = s.autoSelect ? 0 : -1, r.value = !0);
-    }, C = () => {
-      const V = n.value[o.value];
-      return V && t("update:modelValue", s.getResultValue(V)), Z(), V;
-    }, F = (V) => {
-      t("update:modelValue", V), k(V);
-    }, p = (V) => k(V.target.value), b = () => {
-      Z(), t("blur");
+        s.value = B, s.value.length === 0 ? K() : (n.value = o.autoSelect ? 0 : -1, u.value = !0);
+    }, V = () => {
+      const D = s.value[n.value];
+      return D && t("update:modelValue", o.getResultValue(D)), K(), D;
+    }, N = (D) => {
+      t("update:modelValue", D), S(D);
+    }, h = (D) => S(D.target.value), p = () => {
+      K(), t("blur-sm");
     }, y = () => {
-      const V = n.value.length;
-      o.value = ((o.value - 1) % V + V) % V;
-    }, T = (V) => {
-      r.value || p(V);
-      const D = n.value.length;
-      o.value = ((o.value + 1) % D + D) % D;
-    }, R = () => {
-      Z(), t("update:modelValue", "");
-    }, le = () => t("submit", C()), Q = (V) => {
-      const D = V.target.closest("[data-result-index]");
-      D && (o.value = parseInt(D.dataset.resultIndex, 10), t("submit", C()));
+      const D = s.value.length;
+      n.value = ((n.value - 1) % D + D) % D;
+    }, O = (D) => {
+      u.value || h(D);
+      const B = s.value.length;
+      n.value = ((n.value + 1) % B + B) % B;
+    }, H = () => {
+      K(), t("update:modelValue", "");
+    }, le = () => t("submit", V()), Q = (D) => {
+      const B = D.target.closest("[data-result-index]");
+      B && (n.value = parseInt(B.dataset.resultIndex, 10), t("submit", V()));
     };
-    return he(I, Z), Ae(() => {
-      if (g.value) {
-        const V = S.value.getBoundingClientRect(), D = g.value.getBoundingClientRect();
-        h.value && n.value.length && (h.value = !1, x.value = V.bottom + D.height > window.innerHeight && window.innerHeight - V.bottom < V.top && window.pageYOffset + V.top - D.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
-        const q = g.value.querySelector('[data-result-index="' + o.value + '"]');
-        if (q) {
-          let W = q.getBoundingClientRect();
-          W.top < D.top ? g.value.scrollTop -= D.top - W.top : W.bottom > D.bottom && (g.value.scrollTop += W.bottom - D.bottom);
+    return pe(w, K), De(() => {
+      if (x.value) {
+        const D = g.value.getBoundingClientRect(), B = x.value.getBoundingClientRect();
+        k.value && s.value.length && (k.value = !1, b.value = D.bottom + B.height > window.innerHeight && window.innerHeight - D.bottom < D.top && window.pageYOffset + D.top - B.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
+        const G = x.value.querySelector('[data-result-index="' + n.value + '"]');
+        if (G) {
+          let U = G.getBoundingClientRect();
+          U.top < B.top ? x.value.scrollTop -= B.top - U.top : U.bottom > B.bottom && (x.value.scrollTop += U.bottom - B.bottom);
         }
       }
-    }), (V, D) => (u(), m("div", {
-      class: $(["inline-block relative", V.$attrs.class]),
+    }), (D, B) => (i(), m("div", {
       ref_key: "container",
-      ref: I
+      ref: w,
+      class: C(["inline-block relative", D.$attrs.class])
     }, [
-      v("input", j({
+      v("input", R({
         ref_key: "input",
-        ref: S,
+        ref: g,
         class: "block pr-10 w-full form-input focus:border-vxvue",
         value: e.modelValue
-      }, Y.value, {
-        onInput: D[0] || (D[0] = (q) => F(q.target.value)),
+      }, F.value, {
+        onInput: B[0] || (B[0] = (G) => N(G.target.value)),
         onKeydown: [
           ae(le, ["enter"]),
-          ae(R, ["esc"]),
-          ae(C, ["tab"]),
-          ae(N(y, ["prevent"]), ["up"]),
-          ae(N(T, ["prevent"]), ["down"])
+          ae(H, ["esc"]),
+          ae(V, ["tab"]),
+          ae(E(y, ["prevent"]), ["up"]),
+          ae(E(O, ["prevent"]), ["down"])
         ],
-        onFocus: p,
-        onBlur: b
+        onFocus: h,
+        onBlur: p
       }), null, 16, Qe),
       v("span", et, [
-        f.value ? (u(), H(we, {
+        f.value ? (i(), W(we, {
           key: 0,
           class: "size-5"
-        })) : P("", !0)
+        })) : I("", !0)
       ]),
-      n.value.length ? (u(), m("div", j({
+      s.value.length ? (i(), m("div", R({
         key: 0,
         ref_key: "resultList",
-        ref: g
-      }, G.value, {
+        ref: x
+      }, Z.value, {
         onClick: Q,
-        onMousedown: D[1] || (D[1] = N(() => {
+        onMousedown: B[1] || (B[1] = E(() => {
         }, ["prevent"]))
       }), [
-        (u(!0), m(O, null, _(n.value, (q, W) => (u(), m("div", { "data-result-index": W }, [
-          A(V.$slots, "result", {
-            result: q,
-            props: z.value[W]
+        (i(!0), m(z, null, j(s.value, (G, U) => (i(), m("div", { "data-result-index": U }, [
+          P(D.$slots, "result", {
+            result: G,
+            props: M.value[U]
           }, () => [
-            (u(), m("div", j({
-              key: z.value[W].id,
+            (i(), m("div", R({
+              key: M.value[U].id,
               ref_for: !0
-            }, z.value[W]), B(e.getResultValue(q)), 17))
+            }, M.value[U]), T(e.getResultValue(G)), 17))
           ])
         ], 8, tt))), 256))
-      ], 16)) : P("", !0)
+      ], 16)) : I("", !0)
     ], 2));
   }
 }), lt = {
   key: 0,
-  class: "fixed inset-0 z-50 bg-black bg-opacity-50 backdrop-blur-sm",
+  class: "fixed inset-0 z-50 bg-black/50 backdrop-blur-xs",
   "aria-hidden": "true"
 }, at = {
   key: 0,
   class: "overflow-y-auto fixed inset-0 z-50"
-}, st = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, nt = { key: 0 }, 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" }, dt = { class: "flex-grow text-center" }, ct = ["onClick"], Sl = {
+}, st = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, nt = { key: 0 }, ot = { class: "inline-block overflow-hidden text-left align-bottom bg-white rounded-sm 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: "shrink-0" }, dt = { class: "grow text-center" }, ct = ["onClick"], $l = {
   __name: "confirm",
   props: {
     buttons: {
       type: [Object, Array],
-      default: { label: "Ok" },
+      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
     },
     headerClass: {
@@ -548,59 +583,60 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
     }
   },
   setup(e, { expose: d }) {
-    const t = e, s = w(""), a = w(""), l = w(!1);
-    let c = null, n = null;
-    const o = L(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), i = w(null), r = (x, h) => {
-      l.value = !1, x.value !== void 0 ? x.value ? c() : n() : h ? n() : c();
+    const t = e, o = $(""), a = $(""), l = $(!1);
+    let c = null, s = null;
+    const n = L(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), r = $(null), u = (b, k) => {
+      l.value = !1, b.value !== void 0 ? b.value ? c() : s() : k ? s() : c();
     };
-    return d({ open: (x, h) => (s.value = x, a.value = h, l.value = !0, ve(() => i.value.firstElementChild.focus()), new Promise((g, S) => {
-      c = g, n = S;
-    })) }), (x, h) => (u(), m(O, null, [
-      l.value ? (u(), m("div", lt)) : P("", !0),
-      E(ce, { name: "appear" }, {
+    return d({ open: (b, k) => (o.value = b, a.value = k, l.value = !0, me(() => r.value.firstElementChild.focus()), new Promise((x, g) => {
+      c = x, s = g;
+    })) }), (b, k) => (i(), m(z, null, [
+      l.value ? (i(), m("div", lt)) : I("", !0),
+      Y(ve, { name: "appear" }, {
         default: te(() => [
-          l.value ? (u(), m("div", at, [
+          l.value ? (i(), m("div", at, [
             v("div", st, [
-              l.value ? (u(), m("div", nt, [
-                h[0] || (h[0] = v("span", {
+              l.value ? (i(), m("div", nt, [
+                k[0] || (k[0] = v("span", {
                   class: "hidden sm:inline-block sm:h-screen sm:align-middle",
                   "aria-hidden": "true"
                 }, "​", -1)),
                 v("div", ot, [
-                  s.value || x.$slots.title ? (u(), m("h3", {
+                  o.value || b.$slots.title ? (i(), m("h3", {
                     key: 0,
-                    class: $(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
+                    class: C(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
-                    A(x.$slots, "title", {}, () => [
-                      X(B(s.value), 1)
+                    P(b.$slots, "title", {}, () => [
+                      J(T(o.value), 1)
                     ])
-                  ], 2)) : P("", !0),
+                  ], 2)) : I("", !0),
                   v("div", rt, [
                     v("div", ut, [
                       v("div", it, [
-                        A(x.$slots, "icon")
+                        P(b.$slots, "icon")
                       ]),
                       v("p", dt, [
-                        A(x.$slots, "default", {}, () => [
-                          X(B(a.value), 1)
+                        P(b.$slots, "default", {}, () => [
+                          J(T(a.value), 1)
                         ])
                       ])
                     ]),
                     v("div", {
-                      class: "flex justify-center mt-5 space-x-2 sm:mt-6",
                       ref_key: "buttonsContainer",
-                      ref: i
+                      ref: r,
+                      class: "flex justify-center mt-5 space-x-2 sm:mt-6"
                     }, [
-                      (u(!0), m(O, null, _(o.value, (g, S) => (u(), m("button", {
-                        class: $([e.buttonClass, g.class]),
-                        onClick: N((I) => r(g, S), ["prevent"])
-                      }, B(g.label), 11, ct))), 256))
+                      (i(!0), m(z, null, j(n.value, (x, g) => (i(), m("button", {
+                        key: x.label,
+                        class: C([e.buttonClass, x.class]),
+                        onClick: E((w) => u(x, g), ["prevent"])
+                      }, T(x.label), 11, ct))), 128))
                     ], 512)
                   ])
                 ])
-              ])) : P("", !0)
+              ])) : I("", !0)
             ])
-          ])) : P("", !0)
+          ])) : I("", !0)
         ]),
         _: 3
       })
@@ -608,33 +644,33 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
   }
 };
 function vt(e, d) {
-  const t = w(!1), s = ge(d);
-  let a, l = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
-  if ((a = s.match(/\bd\b/gi)) && a.length === 1)
+  const t = $(!1), o = _(d);
+  let a, l = o.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
+  if ((a = o.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)
+  else if ((a = o.match(/\bdd\b/gi)) && a.length === 1)
     l = l.replace("dd", "(\\d{2})");
   else
     return { date: t };
-  if (c.push({ srcPos: s.toLowerCase().indexOf("d"), destPos: 2 }), (a = s.match(/\bm\b/gi)) && a.length === 1)
+  if (c.push({ srcPos: o.toLowerCase().indexOf("d"), destPos: 2 }), (a = o.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)
+  else if ((a = o.match(/\bmm\b/gi)) && a.length === 1)
     l = l.replace("mm", "(\\d{2})");
   else
     return { date: t };
-  if (c.push({ srcPos: s.toLowerCase().indexOf("m"), destPos: 1 }), (a = s.match(/\byyyy\b/gi)) && a.length === 1)
+  if (c.push({ srcPos: o.toLowerCase().indexOf("m"), destPos: 1 }), (a = o.match(/\byyyy\b/gi)) && a.length === 1)
     l = l.replace("yyyy", "(\\d{4})");
   else
     return { date: t };
-  if (c.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(a = ge(e).match(l)))
+  if (c.push({ srcPos: o.toLowerCase().indexOf("y"), destPos: 0 }), !(a = _(e).match(l)))
     return { date: t };
-  a.shift(), c.sort((r, f) => r.srcPos < f.srcPos ? -1 : 1);
-  let n = [], o, i;
-  for (; o = a.shift(); )
-    i = c.shift(), n[i.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 };
+  a.shift(), c.sort((u, f) => u.srcPos < f.srcPos ? -1 : 1);
+  let s = [], n, r;
+  for (; n = a.shift(); )
+    r = c.shift(), s[r.destPos] = n;
+  return s = Date.parse(s.join("-")), s && (s = new Date(s), t.value = new Date(s.getFullYear(), s.getMonth(), s.getDate(), 0, 0, 0)), { date: t };
 }
-const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], gt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "date-input",
   props: {
     outputFormat: { type: String, default: "YYYY-MM-DD" },
@@ -644,54 +680,55 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], gt =
   },
   emits: ["update:modelValue", "toggle-datepicker"],
   setup(e, { emit: d }) {
-    const t = d, s = e, a = w(""), l = L(() => s.modelValue ? pe(s.modelValue, s.outputFormat) : ""), c = L(() => {
-      let n = Object.assign({}, U());
-      return delete n.class, n;
+    const t = d, o = e, a = $(""), l = L(() => o.modelValue ? ge(o.modelValue, o.outputFormat) : ""), c = L(() => {
+      let s = Object.assign({}, q());
+      return delete s.class, s;
     });
-    return K(() => s.modelValue, (n) => a.value = n ? pe(n, s.outputFormat) : ""), (n, o) => (u(), m("div", {
-      class: $(["inline-block relative", n.$attrs.class])
+    return X(() => o.modelValue, (s) => a.value = s ? ge(s, o.outputFormat) : ""), (s, n) => (i(), m("div", {
+      class: C(["inline-block relative", s.$attrs.class])
     }, [
-      l.value ? (u(), m("div", mt, [
+      l.value ? (i(), m("div", mt, [
         v("div", {
-          class: $(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showToggle }])
+          class: C(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showToggle }])
         }, [
-          v("span", ft, B(l.value), 1),
-          c.value.disabled ? P("", !0) : (u(), m("button", {
+          v("span", ft, T(l.value), 1),
+          c.value.disabled ? I("", !0) : (i(), m("button", {
             key: 0,
-            onClick: o[0] || (o[0] = (i) => 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"
+            class: "inline-flex shrink-0 justify-center items-center ml-2 rounded-full focus:text-white focus:outline-hidden size-4 text-vxvue hover:bg-vxvue-100 hover:text-vue-700 focus:bg-vxvue-700",
+            onClick: n[0] || (n[0] = (r) => t("update:modelValue", null))
           }, [
-            E(M(fe), { class: "size-4" })
+            Y(A(he), { class: "size-4" })
           ]))
         ], 2)
-      ])) : xe((u(), m("input", j({
+      ])) : xe((i(), m("input", R({
         key: 1,
+        "onUpdate:modelValue": n[1] || (n[1] = (r) => a.value = r),
         type: "text",
-        class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showToggle }],
-        "onUpdate:modelValue": o[1] || (o[1] = (i) => a.value = i),
-        onBlur: o[2] || (o[2] = (i) => {
-          var r;
-          return t("update:modelValue", ((r = M(vt)(a.value, s.inputFormat).date) == null ? void 0 : r.value) || null);
+        class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showToggle }]
+      }, c.value, {
+        onBlur: n[2] || (n[2] = (r) => {
+          var u;
+          return t("update:modelValue", ((u = A(vt)(a.value, o.inputFormat).date) == null ? void 0 : u.value) || null);
         }),
-        onInput: o[3] || (o[3] = N(() => {
+        onInput: n[3] || (n[3] = E(() => {
         }, ["prevent"]))
-      }, c.value), null, 16)), [
-        [Be, a.value]
+      }), null, 16)), [
+        [Ae, a.value]
       ]),
-      e.showToggle ? (u(), m("button", {
+      e.showToggle ? (i(), m("button", {
         key: 2,
-        class: $(["flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700", c.value.disabled ? "cursor-not-allowed" : "hover:text-vxvue"]),
-        disabled: c.value.disabled,
-        onClick: o[4] || (o[4] = N((i) => t("toggle-datepicker"), ["stop"])),
         ref: "toggleButton",
-        "aria-label": "datepicker-toggle"
+        class: C(["flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700", c.value.disabled ? "cursor-not-allowed" : "hover:text-vxvue"]),
+        disabled: c.value.disabled,
+        "aria-label": "datepicker-toggle",
+        onClick: n[4] || (n[4] = E((r) => t("toggle-datepicker"), ["stop"]))
       }, [
-        E(M(Ie), { class: "size-6" })
-      ], 10, ht)) : P("", !0),
-      A(n.$slots, "default")
+        Y(A(Le), { class: "size-6" })
+      ], 10, ht)) : I("", !0),
+      P(s.$slots, "default")
     ], 2));
   }
-}), pt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, bt = { class: "flex justify-between w-1/2" }, xt = { class: "flex justify-between w-1/2" }, yt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, wt = ["disabled", "onClick"], kt = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, $t = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, St = { class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue" }, Ct = ["onClick"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), gt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, bt = { class: "flex justify-between w-1/2" }, xt = { class: "flex justify-between w-1/2" }, yt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, wt = ["disabled", "onClick"], kt = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, $t = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, St = ["onClick"], Sl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "datepicker",
   props: {
     modelValue: { type: [Date, Array], default: null, validator: (e, d) => e instanceof Date && d.maxNumberOfValues === 1 || e.every((t) => t instanceof Date || t === null) && e.length <= d.maxNumberOfValues },
@@ -707,175 +744,177 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], gt =
   },
   emits: ["update:modelValue", "month-change", "year-change"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = (() => {
-      const p = /* @__PURE__ */ new Date();
-      return new Date(p.getFullYear(), p.getMonth(), p.getDate());
-    })(), l = w(null), c = w([]), n = w(!1), o = w("days"), i = w(0), r = w({ horiz: "left-0", vert: "top-0" }), f = w(null), x = w(null), h = w(null), g = L(() => t.hasInput && t.maxNumberOfValues === 1), S = L(() => g.value ? { class: ["absolute", n.value ? "block" : "hidden"] } : {}), I = L(() => {
-      const p = [], b = l.value.getFullYear(), y = l.value.getMonth(), T = new Date(b, y + 1, 0), R = new Date(b, y, 0).getDay() + 1 - t.startOfWeekIndex, le = (6 + t.startOfWeekIndex - T.getDay()) % 7;
-      for (let Q = -R, V = T.getDate() + le; Q < V; ++Q)
-        p.push(new Date(b, y, Q + 1));
-      return p;
-    }), z = L(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames);
-    K(() => t.modelValue, (p) => {
-      if (p)
-        if (Array.isArray(p)) {
-          const b = [], y = c.value;
-          p.forEach((T) => {
-            T && b.push(new Date(T.getFullYear(), T.getMonth(), T.getDate()));
-          }), (b.length !== y.length || ![.../* @__PURE__ */ new Set([...b, ...y])].every((T) => b.filter((R) => R.getTime() === T.getTime()).length === y.filter((R) => R.getTime() === T.getTime()).length)) && (c.value = b, l.value = new Date((b[0] || a).getTime()), l.value.setDate(1));
+    const t = e, o = d, a = (() => {
+      const h = /* @__PURE__ */ new Date();
+      return new Date(h.getFullYear(), h.getMonth(), h.getDate());
+    })(), l = $(null), c = $([]), s = $(!1), n = $("days"), r = $(0), u = $({ horiz: "left-0", vert: "top-0" }), f = $(null), b = $(null), k = $(null), x = L(() => t.hasInput && t.maxNumberOfValues === 1), g = L(() => x.value ? { class: ["absolute", s.value ? "block" : "hidden"] } : {}), w = L(() => {
+      const h = [], p = l.value.getFullYear(), y = l.value.getMonth(), O = new Date(p, y + 1, 0), H = new Date(p, y, 0).getDay() + 1 - t.startOfWeekIndex, le = (6 + t.startOfWeekIndex - O.getDay()) % 7;
+      for (let Q = -H, D = O.getDate() + le; Q < D; ++Q)
+        h.push(new Date(p, y, Q + 1));
+      return h;
+    }), M = L(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames);
+    X(() => t.modelValue, (h) => {
+      if (h)
+        if (Array.isArray(h)) {
+          const p = [], y = c.value;
+          h.forEach((O) => {
+            O && p.push(new Date(O.getFullYear(), O.getMonth(), O.getDate()));
+          }), (p.length !== y.length || ![.../* @__PURE__ */ new Set([...p, ...y])].every((O) => p.filter((H) => H.getTime() === O.getTime()).length === y.filter((H) => H.getTime() === O.getTime()).length)) && (c.value = p, l.value = new Date((p[0] || a).getTime()), l.value.setDate(1));
         } else
-          c.value = [new Date(p.getFullYear(), p.getMonth(), p.getDate())], l.value = new Date(p.getFullYear(), p.getMonth(), 1);
+          c.value = [new Date(h.getFullYear(), h.getMonth(), h.getDate())], l.value = new Date(h.getFullYear(), h.getMonth(), 1);
       else
         c.value = [], l.value = new Date(a.getFullYear(), a.getMonth(), 1);
-    }, { immediate: !0 }), K(() => t.shownMonth, (p) => {
-      l.value = new Date((p || a).getTime()), l.value.setDate(1);
-    }, { immediate: !0 }), K(n, (p) => {
-      p && g.value && ve(() => {
-        const b = f.value.$el.getBoundingClientRect(), y = x.value.getBoundingClientRect();
-        r.value = {
-          horiz: b.right - y.width < 0 ? "left-0" : "right-0",
-          vert: b.bottom + y.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12"
+    }, { immediate: !0 }), X(() => t.shownMonth, (h) => {
+      l.value = new Date((h || a).getTime()), l.value.setDate(1);
+    }, { immediate: !0 }), X(s, (h) => {
+      h && x.value && me(() => {
+        const p = f.value.$el.getBoundingClientRect(), y = b.value.getBoundingClientRect();
+        u.value = {
+          horiz: p.right - y.width < 0 ? "left-0" : "right-0",
+          vert: p.bottom + y.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12"
         };
       });
-    }), he(x, () => {
-      n.value = !1, o.value = "days";
-    }, { ignore: [h] });
-    const Y = (p) => {
-      l.value = new Date(l.value.getFullYear(), p, 1), s("month-change", l.value);
-    }, G = (p) => {
-      l.value = new Date(p, l.value.getMonth(), 1), s("year-change", l.value);
-    }, Z = (p) => s("update:modelValue", p), k = (p) => {
-      if (n.value = !1, t.maxNumberOfValues === 1)
-        s("update:modelValue", p);
+    }), pe(b, () => {
+      s.value = !1, n.value = "days";
+    }, { ignore: [k] });
+    const F = (h) => {
+      l.value = new Date(l.value.getFullYear(), h, 1), o("month-change", l.value);
+    }, Z = (h) => {
+      l.value = new Date(h, l.value.getMonth(), 1), o("year-change", l.value);
+    }, K = (h) => o("update:modelValue", h), S = (h) => {
+      if (s.value = !1, t.maxNumberOfValues === 1)
+        o("update:modelValue", h);
       else {
-        const b = c.value;
-        let y = b.findIndex((T) => T.getTime() === p.getTime());
-        y !== -1 ? b.splice(y, 1) : b.length < t.maxNumberOfValues && b.push(p), s("update:modelValue", b);
+        const p = c.value;
+        let y = p.findIndex((O) => O.getTime() === h.getTime());
+        y !== -1 ? p.splice(y, 1) : p.length < t.maxNumberOfValues && p.push(h), o("update:modelValue", p);
       }
-    }, C = (p) => c.value.find((b) => (b == null ? void 0 : b.getTime()) === p.getTime()), F = (p) => {
-      const b = p.getMonth() !== l.value.getMonth(), y = C(p), T = p.getTime() === a.getTime(), R = t.validFrom && t.validFrom > p || t.validUntil && t.validUntil < p, le = !y && t.maxNumberOfValues > 1 && c.value.length === t.maxNumberOfValues, Q = t.highlightRange && p > Math.min(...c.value) && p < Math.max(...c.value);
+    }, V = (h) => c.value.find((p) => (p == null ? void 0 : p.getTime()) === h.getTime()), N = (h) => {
+      const p = h.getMonth() !== l.value.getMonth(), y = V(h), O = h.getTime() === a.getTime(), H = t.validFrom && t.validFrom > h || t.validUntil && t.validUntil < h, le = !y && t.maxNumberOfValues > 1 && c.value.length === t.maxNumberOfValues, Q = t.highlightRange && h > Math.min(...c.value) && h < Math.max(...c.value);
       return {
-        "cursor-not-allowed": R || le,
-        "text-vxvue-700": !R && !b && !T && !y,
-        "text-error": R && !b,
-        "text-gray-400": b && !T && !y,
-        "bg-vxvue-alt-300 font-bold": T && !y,
+        "cursor-not-allowed": H || le,
+        "text-vxvue-700": !H && !p && !O && !y,
+        "text-error": H && !p,
+        "text-gray-400": p && !O && !y,
+        "bg-vxvue-alt-300 font-bold": O && !y,
         "bg-vxvue-700 text-white": y,
-        "hover:ring-2 hover:ring-vxvue": !R,
-        "bg-vxvue-100/50": Q && !T && !y
+        "hover:ring-2 hover:ring-vxvue": !H,
+        "bg-vxvue-100/50": Q && !O && !y
       };
     };
-    return me(() => {
-      var p;
-      return h.value = (p = f.value) == null ? void 0 : p.$refs.toggleButton;
-    }), (p, b) => (u(), m("div", {
-      class: $(["relative", p.$attrs.class])
+    return fe(() => {
+      var h;
+      return k.value = (h = f.value) == null ? void 0 : h.$refs.toggleButton;
+    }), (h, p) => (i(), m("div", {
+      class: C(["relative", h.$attrs.class])
     }, [
-      g.value ? (u(), H(gt, j({
-        key: 0,
-        modelValue: c.value[0],
-        "show-toggle": !0,
-        onToggleDatepicker: b[0] || (b[0] = (y) => n.value = !n.value),
-        "onUpdate:modelValue": Z
-      }, p.$attrs, {
+      x.value ? (i(), W(pt, R({ key: 0 }, h.$attrs, {
         ref_key: "input",
         ref: f,
-        class: "w-full"
+        "model-value": c.value[0],
+        "show-toggle": !0,
+        class: "w-full",
+        onToggleDatepicker: p[0] || (p[0] = (y) => s.value = !s.value),
+        "onUpdate:modelValue": K
       }), {
         default: te(() => [
-          A(p.$slots, "default")
+          P(h.$slots, "default")
         ]),
         _: 3
-      }, 16, ["modelValue"])) : P("", !0),
-      v("div", j({ class: "overflow-hidden z-10 bg-white rounded shadow-md min-w-72 sm:min-w-80" }, S.value, {
+      }, 16, ["model-value"])) : I("", !0),
+      v("div", R(g.value, {
         ref_key: "calendar",
-        ref: x,
-        class: [r.value.horiz, r.value.vert]
+        ref: b,
+        class: ["overflow-hidden z-10 bg-white rounded-sm shadow-md min-w-72 sm:min-w-80", [u.value.horiz, u.value.vert]]
       }), [
-        o.value === "days" ? (u(), m(O, { key: 0 }, [
-          v("div", pt, [
+        n.value === "days" ? (i(), m(z, { key: 0 }, [
+          v("div", gt, [
             v("div", bt, [
               v("button", {
-                onClick: b[1] || (b[1] = N((y) => Y(l.value.getMonth() - 1), ["stop"])),
-                class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
+                class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+                onClick: p[1] || (p[1] = E((y) => F(l.value.getMonth() - 1), ["stop"]))
               }, [
-                E(M(re), { class: "size-6" })
+                Y(A(ue), { class: "size-6" })
               ]),
-              v("span", null, B(l.value.toLocaleString(e.locale, { month: "long" })), 1),
+              v("span", null, T(l.value.toLocaleString(e.locale, { month: "long" })), 1),
               v("button", {
-                onClick: b[2] || (b[2] = N((y) => Y(l.value.getMonth() + 1), ["stop"])),
-                class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
+                class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+                onClick: p[2] || (p[2] = E((y) => F(l.value.getMonth() + 1), ["stop"]))
               }, [
-                E(M(ne), { class: "size-6" })
+                Y(A(oe), { class: "size-6" })
               ])
             ]),
             v("div", xt, [
               v("button", {
-                onClick: b[3] || (b[3] = N((y) => G(l.value.getFullYear() - 1), ["stop"])),
-                class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
+                class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+                onClick: p[3] || (p[3] = E((y) => Z(l.value.getFullYear() - 1), ["stop"]))
               }, [
-                E(M(re), { class: "size-6" })
+                Y(A(ue), { class: "size-6" })
               ]),
               v("button", {
                 class: "text-vxvue-100 hover:text-vxvue-50",
-                onClick: b[4] || (b[4] = (y) => {
-                  o.value = "years", i.value = l.value.getFullYear();
+                onClick: p[4] || (p[4] = (y) => {
+                  n.value = "years", r.value = l.value.getFullYear();
                 })
-              }, B(l.value.getFullYear()), 1),
+              }, T(l.value.getFullYear()), 1),
               v("button", {
-                onClick: b[5] || (b[5] = N((y) => G(l.value.getFullYear() + 1), ["stop"])),
-                class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
+                class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+                onClick: p[5] || (p[5] = E((y) => Z(l.value.getFullYear() + 1), ["stop"]))
               }, [
-                E(M(ne), { class: "size-6" })
+                Y(A(oe), { class: "size-6" })
               ])
             ])
           ]),
           v("div", yt, [
-            (u(!0), m(O, null, _(z.value, (y, T) => (u(), m("div", {
-              class: "py-2 text-center bg-gray-200",
-              key: T
-            }, B(y), 1))), 128)),
-            (u(!0), m(O, null, _(I.value, (y) => (u(), m("button", {
-              class: $(["py-2 rounded-sm block text-center", F(y)]),
-              disabled: e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y || e.maxNumberOfValues > 1 && c.value.length === e.maxNumberOfValues && !C(y),
-              onClick: N((T) => k(y), ["stop"])
-            }, B(y.getDate()), 11, wt))), 256))
+            (i(!0), m(z, null, j(M.value, (y, O) => (i(), m("div", {
+              key: O,
+              class: "py-2 text-center bg-gray-200"
+            }, T(y), 1))), 128)),
+            (i(!0), m(z, null, j(w.value, (y) => (i(), m("button", {
+              key: y,
+              class: C(["py-2 rounded-xs block text-center", N(y)]),
+              disabled: e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y || e.maxNumberOfValues > 1 && c.value.length === e.maxNumberOfValues && !V(y),
+              onClick: E((O) => S(y), ["stop"])
+            }, T(y.getDate()), 11, wt))), 128))
           ])
-        ], 64)) : P("", !0),
-        o.value === "years" ? (u(), m(O, { key: 1 }, [
+        ], 64)) : I("", !0),
+        n.value === "years" ? (i(), m(z, { key: 1 }, [
           v("div", kt, [
             v("button", {
-              onClick: b[6] || (b[6] = N((y) => i.value -= 10, ["stop"])),
-              class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
+              class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+              onClick: p[6] || (p[6] = E((y) => r.value -= 10, ["stop"]))
             }, [
-              E(M(re), { class: "size-6" })
+              Y(A(ue), { class: "size-6" })
             ]),
-            v("span", null, B(i.value) + " - " + B(i.value + 9), 1),
+            v("span", null, T(r.value) + " - " + T(r.value + 9), 1),
             v("button", {
-              onClick: b[7] || (b[7] = N((y) => i.value += 10, ["stop"])),
-              class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
+              class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+              onClick: p[7] || (p[7] = E((y) => r.value += 10, ["stop"]))
             }, [
-              E(M(ne), { class: "size-6" })
+              Y(A(oe), { class: "size-6" })
             ])
           ]),
           v("div", $t, [
-            (u(), m(O, null, _(10, (y) => v("div", St, [
+            (i(), m(z, null, j(10, (y) => v("div", {
+              key: y,
+              class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue"
+            }, [
               v("button", {
                 class: "py-2 px-3",
-                onClick: N((T) => {
-                  G(i.value + y - 1), o.value = "days";
+                onClick: E((O) => {
+                  Z(r.value + y - 1), n.value = "days";
                 }, ["stop"])
-              }, B(i.value + y - 1), 9, Ct)
+              }, T(r.value + y - 1), 9, St)
             ])), 64))
           ])
-        ], 64)) : P("", !0)
+        ], 64)) : I("", !0)
       ], 16)
     ], 2));
   }
-}), Vt = ["for"], Mt = ["id", "multiple", "accept"], Vl = {
+}), Ct = ["for"], Mt = ["id", "multiple", "accept"], Cl = {
   __name: "form-file-button",
   props: {
-    modelValue: { type: Array },
+    modelValue: { type: Array, default: () => [] },
     accept: { type: String, default: "*" },
     multiple: { type: Boolean, default: !1 },
     name: { type: String, default: "file" },
@@ -883,71 +922,76 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], gt =
   },
   emits: ["update:modelValue", "form-data"],
   setup(e, { emit: d }) {
-    const t = d, s = e, a = (c) => {
-      const n = new FormData();
-      for (let o of c)
-        n.append(s.name, o, o.name);
-      return n;
+    const t = d, o = e, a = (c) => {
+      const s = new FormData();
+      for (let n of c)
+        s.append(o.name, n, n.name);
+      return s;
     }, l = (c) => {
-      const n = c.target.files || c.dataTransfer.files;
-      if (n) {
-        const o = [...n];
-        t("update:modelValue", o), t("form-data", a(o));
+      const s = c.target.files || c.dataTransfer.files;
+      if (s) {
+        const n = [...s];
+        t("update:modelValue", n), t("form-data", a(n));
       }
     };
-    return (c, n) => (u(), m("label", { for: e.id }, [
-      A(c.$slots, "default", {}, () => [
-        n[0] || (n[0] = X("Upload"))
+    return (c, s) => (i(), m("label", { for: e.id }, [
+      P(c.$slots, "default", {}, () => [
+        s[0] || (s[0] = J("Upload"))
       ]),
       v("input", {
-        type: "file",
         id: e.id,
+        type: "file",
         multiple: e.multiple,
         accept: e.accept,
-        onChange: l,
-        class: "hidden"
+        class: "hidden",
+        onChange: l
       }, null, 40, Mt)
-    ], 8, Vt));
+    ], 8, Ct));
   }
-}, Dt = ["value"], At = {
+}, Vt = ["value"], Dt = {
   key: 0,
   disabled: "",
   value: ""
-}, Bt = ["value", "selected"], Lt = {
+}, At = ["selected", "value"], Bt = {
   __name: "form-select",
-  props: { options: Array, modelValue: [String, Number], disabledLabel: String },
+  props: {
+    options: { type: Array, default: () => [] },
+    modelValue: { type: [String, Number], default: null },
+    disabledLabel: { type: String, default: "" }
+  },
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
     const t = d;
-    return (s, a) => (u(), m("select", j(s.$attrs, {
+    return (o, a) => (i(), m("select", R(o.$attrs, {
       value: e.modelValue,
       class: "form-select",
       onChange: a[0] || (a[0] = (l) => t("update:modelValue", l.target.value))
     }), [
-      e.disabledLabel ? (u(), m("option", At, B(e.disabledLabel), 1)) : P("", !0),
-      (u(!0), m(O, null, _(e.options, (l) => (u(), m("option", {
-        value: l.key !== void 0 ? l.key : l.label || l,
-        selected: (l.key !== void 0 ? l.key : l.label || l) === e.modelValue
-      }, B(l.label || l), 9, Bt))), 256))
-    ], 16, Dt));
+      e.disabledLabel ? (i(), m("option", Dt, T(e.disabledLabel), 1)) : I("", !0),
+      (i(!0), m(z, null, j(e.options, (l) => (i(), m("option", {
+        key: l.key !== void 0 ? l.key : l.label || l,
+        selected: (l.key !== void 0 ? l.key : l.label || l) === e.modelValue,
+        value: l.key !== void 0 ? l.key : l.label || l
+      }, T(l.label || l), 9, At))), 128))
+    ], 16, Vt));
   }
-}, Pt = ["aria-checked", "aria-label"], Tt = ["d"], It = ["checked"], Ml = {
+}, Pt = ["aria-checked", "aria-label"], Tt = ["d"], Lt = ["checked"], Ml = {
   __name: "form-switch",
   props: { modelValue: Boolean },
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
-    const t = d, s = L(() => {
-      let l = Object.assign({}, U());
+    const t = d, o = L(() => {
+      let l = Object.assign({}, q());
       return delete l.class, l;
-    }), a = L(() => U().disabled || U().disabled === "");
-    return (l, c) => (u(), m("label", {
-      class: $(l.$attrs.class),
+    }), a = L(() => q().disabled || q().disabled === "");
+    return (l, c) => (i(), m("label", {
+      class: C(l.$attrs.class),
       tabindex: "0"
     }, [
       v("span", {
         role: "switch",
-        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",
+        class: C([
+          "inline-flex relative 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-hidden focus:ring-vxvue",
           a.value ? "bg-slate-200" : e.modelValue ? "bg-vxvue" : "bg-slate-300"
         ]),
         "aria-checked": e.modelValue,
@@ -955,20 +999,20 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], gt =
       }, [
         v("span", {
           "aria-hidden": "true",
-          class: $([
-            "block relative size-5 rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none",
+          class: C([
+            "block relative size-5 rounded-full ring-0 shadow-sm 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"
           ])
         }, [
-          A(l.$slots, "handle", {}, () => [
-            (u(), m("svg", {
+          P(l.$slots, "handle", {}, () => [
+            (i(), m("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
               "stroke-width": "5",
               stroke: "currentColor",
-              class: $(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-3", e.modelValue && !a.value ? "text-vxvue" : "text-slate-300"])
+              class: C(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-3", e.modelValue && !a.value ? "text-vxvue" : "text-slate-300"])
             }, [
               v("path", {
                 "stroke-linecap": "round",
@@ -978,78 +1022,74 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], gt =
             ], 2))
           ])
         ], 2),
-        v("input", j(s.value, {
+        v("input", R(o.value, {
           checked: e.modelValue,
           class: "hidden",
           value: "1",
           type: "checkbox",
-          onChange: c[0] || (c[0] = (n) => t("update:modelValue", n.target.checked))
-        }), null, 16, It)
+          onChange: c[0] || (c[0] = (s) => t("update:modelValue", s.target.checked))
+        }), null, 16, Lt)
       ], 10, Pt),
-      A(l.$slots, "default")
+      P(l.$slots, "default")
     ], 2));
   }
-}, Se = (e, d) => {
-  const t = e.__vccOpts || e;
-  for (const [s, a] of d)
-    t[s] = a;
-  return t;
-}, Ot = {
+}, It = {
   "aria-live": "assertive",
   class: "flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"
-}, zt = { class: "flex flex-col items-center space-y-4 w-full" }, Ft = { class: "p-4" }, Nt = { class: "flex items-start" }, _t = { class: "flex-shrink-0" }, Et = { class: "flex-1 pt-0.5 ml-3 w-0" }, jt = { class: "font-bold" }, Yt = { class: "mt-1" }, Rt = { class: "flex flex-shrink-0 ml-4" }, Ht = /* @__PURE__ */ Object.assign({
+}, Ot = { class: "flex flex-col items-center space-y-4 w-full" }, zt = { class: "p-4" }, Ft = { class: "flex items-start" }, Nt = { class: "shrink-0" }, Et = { class: "flex-1 pt-0.5 ml-3 w-0" }, jt = { class: "font-bold" }, Yt = { class: "mt-1" }, _t = { class: "flex shrink-0 ml-4" }, Vl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "message-toast",
   props: {
-    title: String,
-    message: [String, Array],
+    title: { type: String, default: "" },
+    message: { type: [String, Array], default: null },
     timeout: { type: Number, default: 5e3 },
     active: { type: Boolean, default: !1 },
+    transition: { type: String, default: "vert-fade" },
     showTimeoutProgress: { type: Boolean, default: !1 }
   },
   emits: ["timeout", "close"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = L(() => typeof t.message == "string" ? [t.message] : t.message), l = w(0);
+    const t = e, o = d, a = L(() => typeof t.message == "string" ? [t.message] : t.message), l = $(0);
     let c = null;
-    const n = () => {
+    const s = () => {
       window.clearTimeout(c), l.value = 100, t.active && t.timeout && (c = window.setTimeout(() => {
-        s("timeout");
+        o("timeout");
       }, t.timeout), window.setTimeout(() => l.value = 0, 0));
     };
-    return K(() => t.active, n), me(n), (o, i) => (u(), m("div", Ot, [
-      v("div", zt, [
-        E(ce, { name: "messagetoast-fade" }, {
+    return X(() => t.active, s), fe(s), (n, r) => (i(), m("div", It, [
+      v("div", Ot, [
+        Y(ve, { name: e.transition }, {
           default: te(() => [
-            e.active ? (u(), m("div", {
+            e.active ? (i(), m("div", {
               key: 0,
-              class: $(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", o.$attrs.class])
+              class: C(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black/5 shadow-lg pointer-events-auto", n.$attrs.class])
             }, [
-              v("div", Ft, [
-                v("div", Nt, [
-                  v("div", _t, [
-                    A(o.$slots, "icon", {}, void 0, !0)
+              v("div", zt, [
+                v("div", Ft, [
+                  v("div", Nt, [
+                    P(n.$slots, "icon")
                   ]),
                   v("div", Et, [
-                    A(o.$slots, "title", {}, () => [
-                      v("div", jt, B(e.title), 1)
-                    ], !0),
-                    A(o.$slots, "default", {}, () => [
-                      (u(!0), m(O, null, _(a.value, (r) => (u(), m("p", Yt, B(r), 1))), 256))
-                    ], !0)
+                    P(n.$slots, "title", {}, () => [
+                      v("div", jt, T(e.title), 1)
+                    ]),
+                    P(n.$slots, "default", {}, () => [
+                      (i(!0), m(z, null, j(a.value, (u) => (i(), m("p", Yt, T(u), 1))), 256))
+                    ])
                   ]),
-                  v("div", Rt, [
+                  v("div", _t, [
                     v("button", {
-                      onClick: i[0] || (i[0] = (r) => 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"
+                      class: "inline-flex text-white bg-black/20 rounded-xs focus:ring-2 focus:outline-hidden hover:text-stone-200 focus:ring-stone-200",
+                      onClick: r[0] || (r[0] = (u) => o("close"))
                     }, [
-                      i[1] || (i[1] = v("span", { class: "sr-only" }, "Close", -1)),
-                      E(M(fe), { class: "size-5" })
+                      r[1] || (r[1] = v("span", { class: "sr-only" }, "Close", -1)),
+                      Y(A(he), { class: "size-5" })
                     ])
                   ])
                 ])
               ]),
-              e.showTimeoutProgress && e.timeout ? (u(), m("div", {
+              e.showTimeoutProgress && e.timeout ? (i(), m("div", {
                 key: 0,
                 class: "h-1 transition-all ease-linear bg-vxvue-alt",
                 style: ye({
@@ -1059,22 +1099,22 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], gt =
                 role: "progressbar",
                 "aria-hidden": "false",
                 "aria-label": "notification timer"
-              }, null, 4)) : P("", !0)
-            ], 2)) : P("", !0)
+              }, null, 4)) : I("", !0)
+            ], 2)) : I("", !0)
           ]),
           _: 3
-        })
+        }, 8, ["name"])
       ])
     ]));
   }
-}), Dl = /* @__PURE__ */ Se(Ht, [["__scopeId", "data-v-49feefa9"]]), Wt = {
+}), Rt = {
   key: 0,
-  class: "fixed inset-0 z-[9998] bg-white/50 backdrop-blur-sm",
+  class: "fixed inset-0 z-9998 bg-white/50 backdrop-blur-xs",
   "aria-hidden": "true"
-}, Zt = {
+}, Ht = {
   key: 0,
-  class: "fixed inset-0 z-[9999]"
-}, Ut = { class: "flex justify-center items-center h-screen" }, Al = {
+  class: "fixed inset-0 z-9999"
+}, Wt = { class: "flex justify-center items-center h-screen" }, Dl = {
   __name: "modal",
   props: {
     show: Boolean,
@@ -1084,37 +1124,37 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], gt =
   },
   emits: ["clicked-outside"],
   setup(e, { emit: d }) {
-    const t = d, s = w(null);
-    return he(s, () => t("clicked-outside")), (a, l) => (u(), m(O, null, [
-      e.show ? (u(), m("div", Wt)) : P("", !0),
-      E(ce, { name: "appear" }, {
+    const t = d, o = $(null);
+    return pe(o, () => t("clicked-outside")), (a, l) => (i(), m(z, null, [
+      e.show ? (i(), m("div", Rt)) : I("", !0),
+      Y(ve, { name: "appear" }, {
         default: te(() => [
-          e.show ? (u(), m("div", Zt, [
-            v("div", Ut, [
+          e.show ? (i(), m("div", Ht, [
+            v("div", Wt, [
               v("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: s
+                ref: o,
+                class: C(["overflow-hidden relative max-w-full bg-white rounded-sm ring-1 ring-black/10 shadow-xl transition-all transform xl:max-w-(--breakpoint-xl)", e.containerClass])
               }, [
                 v("div", {
-                  class: $(e.headerClass)
+                  class: C(e.headerClass)
                 }, [
-                  A(a.$slots, "title")
+                  P(a.$slots, "title")
                 ], 2),
                 v("div", {
-                  class: $(["overflow-y-auto h-full pb-4 mt-16", e.contentClass])
+                  class: C(["overflow-y-auto h-full pb-4 mt-16", e.contentClass])
                 }, [
-                  A(a.$slots, "default")
+                  P(a.$slots, "default")
                 ], 2)
               ], 2)
             ])
-          ])) : P("", !0)
+          ])) : I("", !0)
         ]),
         _: 3
       })
     ], 64));
   }
-}, Kt = { class: "flex justify-between items-center px-4 sm:px-0" }, qt = { class: "flex flex-1 -mt-px w-0" }, Xt = ["disabled"], Gt = { class: "hidden md:flex md:-mt-px" }, Jt = { class: "flex flex-1 justify-end -mt-px w-0" }, Qt = ["disabled"], Bl = {
+}, Zt = { class: "flex justify-between items-center px-4 sm:px-0" }, Ut = { class: "flex flex-1 -mt-px w-0" }, Kt = ["disabled"], qt = { class: "hidden md:flex md:-mt-px" }, Xt = { class: "flex flex-1 justify-end -mt-px w-0" }, Gt = ["disabled"], Al = {
   __name: "pagination",
   props: {
     page: { type: Number, default: 1 },
@@ -1128,74 +1168,74 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], gt =
   },
   emits: ["update:page"],
   setup(e, { emit: d }) {
-    const t = d, s = e, a = w(Math.ceil(s.total / s.perPage)), l = w(null), c = L(() => (s.markerPosition === "above" ? "border-t-4 -mt-[4px]" : "border-b-4 -mb-[4px]") + " py-4"), n = L(() => {
-      let r = [1];
-      if (s.showAllPages || a.value <= 7) {
+    const t = d, o = e, a = $(Math.ceil(o.total / o.perPage)), l = $(null), c = L(() => (o.markerPosition === "above" ? "border-t-4 -mt-[4px]" : "border-b-4 -mb-[4px]") + " py-4"), s = L(() => {
+      let u = [1];
+      if (o.showAllPages || a.value <= 7) {
         for (let f = 2; f <= a.value; ++f)
-          r.push(f);
-        return r;
+          u.push(f);
+        return u;
       }
-      return l.value >= a.value ? r.push("dots", l.value - 2, l.value - 1) : l.value - 1 && l.value - 1 > 1 && (l.value > 1 && r.push("dots"), r.push(l.value - 1)), l.value > 1 && r.push(l.value), l.value + 1 < a.value && (r.push(l.value + 1), l.value <= 1 && r.push(l.value + 2), l.value + 2 < a.value && r.push("dots")), l.value < a.value && r.push(a.value), r;
-    }), o = () => {
+      return l.value >= a.value ? u.push("dots", l.value - 2, l.value - 1) : l.value - 1 && l.value - 1 > 1 && (l.value > 1 && u.push("dots"), u.push(l.value - 1)), l.value > 1 && u.push(l.value), l.value + 1 < a.value && (u.push(l.value + 1), l.value <= 1 && u.push(l.value + 2), l.value + 2 < a.value && u.push("dots")), l.value < a.value && u.push(a.value), u;
+    }), n = () => {
       l.value > 1 && t("update:page", l.value - 1);
-    }, i = () => {
+    }, r = () => {
       l.value < a.value && t("update:page", l.value + 1);
     };
-    return K(() => s.page, (r) => l.value = Math.min(Math.max(r, 1), a.value), { immediate: !0 }), K(() => s.perPage, (r) => {
-      a.value = Math.ceil(s.total / s.perPage), t("update:page", 1);
-    }), K(() => s.total, (r) => {
-      a.value = Math.ceil(s.total / s.perPage), l.value > a.value && t("update:page", a.value);
-    }), (r, f) => (u(), m("nav", Kt, [
-      v("div", qt, [
-        e.showNavButtons ? (u(), m("button", {
+    return X(() => o.page, (u) => l.value = Math.min(Math.max(u, 1), a.value), { immediate: !0 }), X(() => o.perPage, (u) => {
+      a.value = Math.ceil(o.total / o.perPage), t("update:page", 1);
+    }), X(() => o.total, (u) => {
+      a.value = Math.ceil(o.total / o.perPage), l.value > a.value && t("update:page", a.value);
+    }), (u, f) => (i(), m("nav", Zt, [
+      v("div", Ut, [
+        e.showNavButtons ? (i(), m("button", {
           key: 0,
-          onClick: o,
           disabled: l.value <= 1,
-          class: $([
+          class: C([
             l.value <= 1 ? "pointer-events-none text-gray-500" : "text-vxvue-700",
             "inline-flex items-center pr-1 text-sm border-transparent hover:text-vxvue"
-          ])
+          ]),
+          onClick: n
         }, [
-          E(M(re), { class: "size-5" }),
-          X(" " + B(e.prevText), 1)
-        ], 10, Xt)) : P("", !0)
+          Y(A(ue), { class: "size-5" }),
+          J(" " + T(e.prevText), 1)
+        ], 10, Kt)) : I("", !0)
       ]),
-      v("div", Gt, [
-        (u(!0), m(O, null, _(n.value, (x, h) => (u(), H(ie(x !== "dots" ? "button" : "span"), {
-          onClick: (g) => x !== "dots" ? t("update:page", x) : null,
-          key: h,
-          class: $([
-            { "pointer-events-none": x === "dots" },
-            x === l.value ? "border-vxvue text-vxvue font-bold" : "border-transparent text-gray-500 hover:border-gray-300",
+      v("div", qt, [
+        (i(!0), m(z, null, j(s.value, (b, k) => (i(), W(ie(e.page !== "dots" ? "button" : "span"), {
+          key: k,
+          class: C([
+            { "pointer-events-none": b === "dots" },
+            b === l.value ? "border-vxvue text-vxvue font-bold" : "border-transparent text-gray-500 hover:border-gray-300",
             c.value,
             "inline-flex items-center px-4 text-sm"
-          ])
+          ]),
+          onClick: (x) => b !== "dots" ? t("update:page", b) : null
         }, {
           default: te(() => [
-            X(B(x !== "dots" ? x : "…"), 1)
+            J(T(b !== "dots" ? b : "…"), 1)
           ]),
           _: 2
-        }, 1032, ["onClick", "class"]))), 128))
+        }, 1032, ["class", "onClick"]))), 128))
       ]),
-      v("div", Jt, [
-        e.showNavButtons ? (u(), m("button", {
+      v("div", Xt, [
+        e.showNavButtons ? (i(), m("button", {
           key: 0,
-          onClick: i,
           disabled: l.value >= a.value,
-          class: $([
+          class: C([
             l.value >= a.value ? "pointer-events-none text-gray-500" : "text-vxvue-700",
             "inline-flex items-center pr-1 text-sm border-transparent hover:text-vxvue"
-          ])
+          ]),
+          onClick: r
         }, [
-          X(B(e.nextText) + " ", 1),
-          E(M(ne), { class: "size-5" })
-        ], 10, Qt)) : P("", !0)
+          J(T(e.nextText) + " ", 1),
+          Y(A(oe), { class: "size-5" })
+        ], 10, Gt)) : I("", !0)
       ])
     ]));
   }
 };
-function el(e, d) {
-  return u(), m("svg", {
+function Jt(e, d) {
+  return i(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1211,8 +1251,8 @@ function el(e, d) {
     })
   ]);
 }
-function tl(e, d) {
-  return u(), m("svg", {
+function Qt(e, d) {
+  return i(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1233,105 +1273,107 @@ function tl(e, d) {
     })
   ]);
 }
-const ll = ["value", "type"], al = ["disabled"], Ll = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "password-input",
-  props: ["modelValue"],
+  props: { modelValue: { type: String, default: "" } },
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
-    const t = d, s = w(!1), a = L(() => {
-      let l = Object.assign({}, U());
+    const t = d, o = $(!1), a = L(() => {
+      let l = Object.assign({}, q());
       return delete l.class, l;
     });
-    return (l, c) => (u(), m("div", {
-      class: $("inline-block relative " + U().class)
+    return (l, c) => (i(), m("div", {
+      class: C("inline-block relative " + q().class)
     }, [
-      v("input", j({
+      v("input", R({
         value: e.modelValue,
-        type: s.value ? "text" : "password",
-        onInput: c[0] || (c[0] = (n) => t("update:modelValue", n.target.value))
-      }, a.value, { class: "block pr-12 w-full form-input peer" }), null, 16, ll),
+        type: o.value ? "text" : "password"
+      }, a.value, {
+        class: "block pr-12 w-full form-input peer",
+        onInput: c[0] || (c[0] = (s) => t("update:modelValue", s.target.value))
+      }), null, 16, el),
       v("button", {
         class: "flex absolute inset-y-0 right-0 items-center px-3 text-brand-700 hover:text-brand",
         "aria-label": "show-password-toggle",
-        disabled: U().disabled ?? !1,
-        onClick: c[1] || (c[1] = N((n) => s.value = !s.value, ["stop"]))
+        disabled: q().disabled ?? !1,
+        onClick: c[1] || (c[1] = E((s) => o.value = !o.value, ["stop"]))
       }, [
-        s.value ? (u(), H(M(el), {
+        o.value ? (i(), W(A(Jt), {
           key: 0,
           class: "size-5"
-        })) : (u(), H(M(tl), {
+        })) : (i(), W(A(Qt), {
           key: 1,
           class: "size-5"
         }))
-      ], 8, al)
+      ], 8, tl)
     ], 2));
   }
-}), sl = { class: "flex items-center pb-1" }, nl = {
+}), ll = { class: "flex items-center pb-1" }, al = {
   key: 0,
   class: "ml-6"
 }, Pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "simple-tree",
   props: {
-    branch: { type: Object, default: {} },
+    branch: { type: Object, default: () => ({}) },
     modelValue: { type: Object, default: null }
   },
   emits: ["update:modelValue", "expand"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = w(!1);
-    return me(() => {
-      t.branch === t.modelValue && s("expand", !0);
+    const t = e, o = d, a = $(!1);
+    return fe(() => {
+      t.branch === t.modelValue && o("expand", !0);
     }), (l, c) => {
-      const n = Le("simple-tree", !0);
-      return u(), m("div", {
-        class: $([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", l.$attrs.class])
+      const s = Be("simple-tree", !0);
+      return i(), m("div", {
+        class: C([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", l.$attrs.class])
       }, [
-        v("div", sl, [
-          e.branch.branches && e.branch.branches.length ? (u(), m("button", {
+        v("div", ll, [
+          e.branch.branches && e.branch.branches.length ? (i(), m("button", {
             key: 0,
-            onClick: c[0] || (c[0] = (o) => a.value = !a.value),
-            class: "mr-2"
+            class: "mr-2",
+            onClick: c[0] || (c[0] = (n) => a.value = !a.value)
           }, [
-            A(l.$slots, "toggle", {
+            P(l.$slots, "toggle", {
               branch: e.branch,
               expanded: a.value
             }, () => [
-              (u(), H(ie(a.value ? M(Ne) : M(_e)), { class: "p-1 text-white rounded-sm size-5 bg-vxvue-700 hover:bg-vxvue" }))
+              (i(), W(ie(a.value ? A(Fe) : A(Ne)), { class: "p-1 text-white rounded-xs size-5 bg-vxvue-700 hover:bg-vxvue" }))
             ])
-          ])) : P("", !0),
-          e.branch === e.modelValue ? A(l.$slots, "label-selected", {
+          ])) : I("", !0),
+          e.branch === e.modelValue ? P(l.$slots, "label-selected", {
             key: 1,
             branch: e.branch
           }, () => [
-            v("strong", null, B(e.branch.label), 1)
-          ]) : (u(), m("button", {
+            v("strong", null, T(e.branch.label), 1)
+          ]) : (i(), m("button", {
             key: 2,
-            onClick: c[1] || (c[1] = (o) => s("update:modelValue", e.branch))
+            onClick: c[1] || (c[1] = (n) => o("update:modelValue", e.branch))
           }, [
-            A(l.$slots, "label", { branch: e.branch }, () => [
-              X(B(e.branch.label), 1)
+            P(l.$slots, "label", { branch: e.branch }, () => [
+              J(T(e.branch.label), 1)
             ])
           ]))
         ]),
-        e.branch.branches && e.branch.branches.length ? xe((u(), m("div", nl, [
-          (u(!0), m(O, null, _(e.branch.branches, (o) => (u(), H(n, {
-            key: o.id || o.key || null,
-            branch: o,
+        e.branch.branches && e.branch.branches.length ? xe((i(), m("div", al, [
+          (i(!0), m(z, null, j(e.branch.branches, (n) => (i(), W(s, {
+            key: n.id || n.key || null,
+            branch: n,
             "model-value": e.modelValue,
-            "onUpdate:modelValue": c[2] || (c[2] = (i) => s("update:modelValue", i)),
-            onExpand: c[3] || (c[3] = (i) => {
-              a.value = i, s("expand", i);
+            "onUpdate:modelValue": c[2] || (c[2] = (r) => o("update:modelValue", r)),
+            onExpand: c[3] || (c[3] = (r) => {
+              a.value = r, o("expand", r);
             })
           }, Pe({ _: 2 }, [
-            _(l.$slots, (i, r) => ({
-              name: r,
+            j(l.$slots, (r, u) => ({
+              name: u,
               fn: te((f) => [
-                A(l.$slots, r, j({ ref_for: !0 }, f))
+                P(l.$slots, u, R({ ref_for: !0 }, f))
               ])
             }))
           ]), 1032, ["branch", "model-value"]))), 128))
         ], 512)), [
           [Te, a.value]
-        ]) : P("", !0)
+        ]) : I("", !0)
       ], 2);
     };
   }
@@ -1340,174 +1382,174 @@ const ll = ["value", "type"], al = ["disabled"], Ll = /* @__PURE__ */ Object.ass
   props: { vertical: Boolean },
   emits: ["dragStart", "dragStop"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = w(null), l = w(null);
-    let c = !1, n = {}, o = null, i = null, r = null;
-    const f = (g) => {
-      var S;
+    const t = e, o = d, a = $(null), l = $(null);
+    let c = !1, s = {}, n = null, r = null, u = null;
+    const f = (x) => {
+      var g;
       if (c) {
-        g.preventDefault();
-        const { pageX: I, pageY: z } = ((S = g.touches) == null ? void 0 : S[0]) ?? g;
-        t.vertical ? a.value.style.height = Math.min(i.height - r.height - (o.y - i.y), Math.max(0, o.height + z - n.y)) + "px" : a.value.style.width = Math.min(i.width - r.width - (o.x - i.x), Math.max(0, o.width + I - n.x)) + "px";
+        x.preventDefault();
+        const { pageX: w, pageY: M } = ((g = x.touches) == null ? void 0 : g[0]) ?? x;
+        t.vertical ? a.value.style.height = Math.min(r.height - u.height - (n.y - r.y), Math.max(0, n.height + M - s.y)) + "px" : a.value.style.width = Math.min(r.width - u.width - (n.x - r.x), Math.max(0, n.width + w - s.x)) + "px";
       }
-    }, x = (g) => {
-      var z;
-      g.preventDefault(), g.currentTarget.focus(), c = !0;
-      const { pageX: S, pageY: I } = ((z = g.touches) == null ? void 0 : z[0]) ?? g;
-      n = { x: S, y: I }, r = l.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), i = a.value.parentElement.getBoundingClientRect(), g.type === "mousedown" ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", h)) : (document.addEventListener("touchmove", f), document.addEventListener("touchend", h)), s("dragStart");
-    }, h = (g) => {
-      c && (c = !1, g.type === "mouseup" ? (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", h)) : (document.removeEventListener("touchmove", f), document.removeEventListener("touchend", h)), setTimeout(() => s("dragStop"), 0));
+    }, b = (x) => {
+      var M;
+      x.preventDefault(), x.currentTarget.focus(), c = !0;
+      const { pageX: g, pageY: w } = ((M = x.touches) == null ? void 0 : M[0]) ?? x;
+      s = { x: g, y: w }, u = l.value.getBoundingClientRect(), n = a.value.getBoundingClientRect(), r = a.value.parentElement.getBoundingClientRect(), x.type === "mousedown" ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", k)) : (document.addEventListener("touchmove", f), document.addEventListener("touchend", k)), o("dragStart");
+    }, k = (x) => {
+      c && (c = !1, x.type === "mouseup" ? (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", k)) : (document.removeEventListener("touchmove", f), document.removeEventListener("touchend", k)), setTimeout(() => o("dragStop"), 0));
     };
-    return (g, S) => (u(), m("div", {
-      class: "relative",
+    return (x, g) => (i(), m("div", {
       ref_key: "box",
-      ref: a
+      ref: a,
+      class: "relative"
     }, [
-      A(g.$slots, "default"),
-      v("div", j({
-        class: ["absolute flex", t.vertical ? "inset-x-0 top-full justify-center py-1 cursor-ns-resize" : "inset-y-0 left-full items-center px-1 cursor-ew-resize"]
-      }, oe({
-        touchstart: x,
-        mousedown: x,
-        touchend: h,
-        mouseup: h
-      }, !0), {
+      P(x.$slots, "default"),
+      v("div", R({
         ref_key: "handle",
-        ref: l
-      }), [
-        A(g.$slots, "handle", {}, () => [
+        ref: l,
+        class: ["absolute flex", t.vertical ? "inset-x-0 top-full justify-center py-1 cursor-ns-resize" : "inset-y-0 left-full items-center px-1 cursor-ew-resize"]
+      }, re({
+        touchstart: b,
+        mousedown: b,
+        touchend: k,
+        mouseup: k
+      }, !0)), [
+        P(x.$slots, "handle", {}, () => [
           v("div", {
-            class: $(["rounded-full bg-vxvue", t.vertical ? "h-1.5 w-8" : "h-8 w-1.5"])
+            class: C(["rounded-full bg-vxvue", t.vertical ? "h-1.5 w-8" : "h-8 w-1.5"])
           }, null, 2)
         ])
       ], 16)
     ], 512));
   }
-}, ol = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], rl = ["id"], ul = ["id", "aria-label"], Il = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, sl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], nl = ["id"], ol = ["id", "aria-label"], Ll = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "slider",
   props: {
     min: { type: Number, default: 0 },
     max: { type: Number, default: 100 },
     vertical: Boolean,
     disabled: Boolean,
-    modelValue: { type: [Number, Array], validator(e) {
+    modelValue: { type: [Number, Array], default: null, validator(e) {
       return typeof e == "number" || e.every((d) => typeof d == "number");
     } }
   },
   emits: ["update:modelValue", "dragStart", "dragStop"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = U(), l = { x: null, y: null }, c = { w: null, h: null };
-    let n = !1;
-    const o = w(null), i = w(0), r = L(() => {
-      const k = t.max, C = t.min;
-      return t.modelValue instanceof Array ? t.modelValue.map((F) => (Math.max(Math.min(F, k), C) - C) * 100 / (k - C)) : (Math.max(Math.min(t.modelValue, k), C) - C) * 100 / (k - C);
+    const t = e, o = d, a = q(), l = { x: null, y: null }, c = { w: null, h: null };
+    let s = !1;
+    const n = $(null), r = $(0), u = L(() => {
+      const S = t.max, V = t.min;
+      return t.modelValue instanceof Array ? t.modelValue.map((N) => (Math.max(Math.min(N, S), V) - V) * 100 / (S - V)) : (Math.max(Math.min(t.modelValue, S), V) - V) * 100 / (S - V);
     }), f = L(() => {
       if (t.modelValue instanceof Array) {
-        const k = Math.min(...r.value) + "%", C = Math.max(...r.value) - Math.min(...r.value) + "%";
-        return t.vertical ? { bottom: k, height: C } : { left: k, width: C };
+        const S = Math.min(...u.value) + "%", V = Math.max(...u.value) - Math.min(...u.value) + "%";
+        return t.vertical ? { bottom: S, height: V } : { left: S, width: V };
       }
-      return t.vertical ? { bottom: 0, height: r.value + "%" } : { width: r.value + "%" };
-    }), x = w({
-      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"),
+      return t.vertical ? { bottom: 0, height: u.value + "%" } : { width: u.value + "%" };
+    }), b = $({
+      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-hidden border-vxvue cursor-grab hover:bg-vxvue focus:ring-vxvue/50"),
       tabindex: 0
-    }), h = (k) => {
-      let C = parseFloat(k.toFixed(10));
-      if (C = Math.min(t.max, Math.max(t.min, C)), t.modelValue instanceof Array) {
-        let F = [...t.modelValue];
-        F[i.value] = C, s("update:modelValue", F);
+    }), k = (S) => {
+      let V = parseFloat(S.toFixed(10));
+      if (V = Math.min(t.max, Math.max(t.min, V)), t.modelValue instanceof Array) {
+        let N = [...t.modelValue];
+        N[r.value] = V, o("update:modelValue", N);
       } else
-        s("update:modelValue", C);
-    }, g = (k) => {
-      const { pageX: C, pageY: F } = k.touches ? k.touches[0] : k, p = t.vertical ? (-F + l.y) / c.h : (C - l.x) / c.w;
-      h(Math.floor((t.max - t.min) * p + t.min));
-    }, S = () => {
-      const { clientLeft: k, clientTop: C, scrollLeft: F, scrollTop: p } = document.documentElement, b = o.value.getBoundingClientRect();
-      l.x = b.left + F - k, l.y = b.bottom + p - C, c.w = o.value.offsetWidth, c.h = o.value.offsetHeight;
-    }, I = (k) => {
-      n && (k.preventDefault(), g(k));
-    }, z = (k) => {
-      k.preventDefault(), k.currentTarget.focus(), S(), n = !0, k.type === "mousedown" ? (document.addEventListener("mousemove", I), document.addEventListener("mouseup", Y)) : (document.addEventListener("touchmove", I), document.addEventListener("touchend", Y)), s("dragStart");
-    }, Y = (k) => {
-      n && (n = !1, k.type === "mouseup" ? (document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", Y)) : (document.removeEventListener("touchmove", I), document.removeEventListener("touchend", Y)), setTimeout(() => s("dragStop"), 0));
-    }, G = (k) => {
-      k.keyCode >= 33 && k.keyCode <= 40 && k.preventDefault();
-      const C = t.modelValue[i.value] ?? t.modelValue;
-      switch (k.keyCode) {
+        o("update:modelValue", V);
+    }, x = (S) => {
+      const { pageX: V, pageY: N } = S.touches ? S.touches[0] : S, h = t.vertical ? (-N + l.y) / c.h : (V - l.x) / c.w;
+      k(Math.floor((t.max - t.min) * h + t.min));
+    }, g = () => {
+      const { clientLeft: S, clientTop: V, scrollLeft: N, scrollTop: h } = document.documentElement, p = n.value.getBoundingClientRect();
+      l.x = p.left + N - S, l.y = p.bottom + h - V, c.w = n.value.offsetWidth, c.h = n.value.offsetHeight;
+    }, w = (S) => {
+      s && (S.preventDefault(), x(S));
+    }, M = (S) => {
+      S.preventDefault(), S.currentTarget.focus(), g(), s = !0, S.type === "mousedown" ? (document.addEventListener("mousemove", w), document.addEventListener("mouseup", F)) : (document.addEventListener("touchmove", w), document.addEventListener("touchend", F)), o("dragStart");
+    }, F = (S) => {
+      s && (s = !1, S.type === "mouseup" ? (document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", F)) : (document.removeEventListener("touchmove", w), document.removeEventListener("touchend", F)), setTimeout(() => o("dragStop"), 0));
+    }, Z = (S) => {
+      S.keyCode >= 33 && S.keyCode <= 40 && S.preventDefault();
+      const V = t.modelValue[r.value] ?? t.modelValue;
+      switch (S.keyCode) {
         case 37:
         case 40:
-          h(C - 1);
+          k(V - 1);
           break;
         case 39:
         case 38:
-          h(C + 1);
+          k(V + 1);
           break;
         case 33:
-          h(C + (t.max - t.min) / 10);
+          k(V + (t.max - t.min) / 10);
           break;
         case 34:
-          h(C - (t.max - t.min) / 10);
+          k(V - (t.max - t.min) / 10);
           break;
         case 36:
-          h(t.min);
+          k(t.min);
           break;
         case 35:
-          h(t.max);
+          k(t.max);
       }
-    }, Z = (k) => {
-      S(), g(k);
+    }, K = (S) => {
+      g(), x(S);
     };
-    return (k, C) => (u(), m("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"],
+    return (S, V) => (i(), m("div", R({
       ref_key: "track",
-      ref: o,
+      ref: n,
+      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"],
       role: "slider",
       "aria-label": "slider-thumb",
       "aria-valuemin": e.min,
       "aria-valuemax": t.max,
       "aria-valuenow": e.modelValue[0] ?? e.modelValue,
       "aria-valuetext": e.modelValue
-    }, oe(e.disabled ? {} : {
-      click: Z
+    }, re(e.disabled ? {} : {
+      click: K
     }, !0)), [
-      e.disabled ? P("", !0) : (u(), m("div", {
+      e.disabled ? I("", !0) : (i(), m("div", {
         key: 0,
-        class: $(["absolute bg-vxvue", e.vertical ? "w-full rounded-t-full rounded-b-full" : "h-full rounded-r-full rounded-l-full"]),
+        class: C(["absolute bg-vxvue", e.vertical ? "w-full rounded-t-full rounded-b-full" : "h-full rounded-r-full rounded-l-full"]),
         style: ye(f.value)
       }, null, 6)),
-      e.modelValue.length ? (u(!0), m(O, { key: 2 }, _(e.modelValue, (F, p) => (u(), m("button", j({
-        id: p ? null : M(a).id,
-        style: e.vertical ? { bottom: r.value[p] + "%" } : { left: r.value[p] + "%" },
-        "aria-label": "slider-thumb-" + (p + 1)
-      }, oe(e.disabled ? {} : {
-        focus: () => i.value = p,
-        keydown: G,
-        touchstart: (b) => {
-          i.value = p, z(b);
+      e.modelValue.length ? (i(!0), m(z, { key: 2 }, j(e.modelValue, (N, h) => (i(), m("button", R({
+        id: h ? null : A(a).id,
+        style: e.vertical ? { bottom: u.value[h] + "%" } : { left: u.value[h] + "%" },
+        "aria-label": "slider-thumb-" + (h + 1),
+        ref_for: !0
+      }, b.value, re(e.disabled ? {} : {
+        focus: () => r.value = h,
+        keydown: Z,
+        touchstart: (p) => {
+          r.value = h, M(p);
         },
-        mousedown: (b) => {
-          i.value = p, z(b);
+        mousedown: (p) => {
+          r.value = h, M(p);
         },
-        touchend: Y,
-        mouseup: Y
-      }, !0), { ref_for: !0 }, x.value), null, 16, ul))), 256)) : (u(), m("button", j({
+        touchend: F,
+        mouseup: F
+      }, !0)), null, 16, ol))), 256)) : (i(), m("button", R({
         key: 1,
-        id: M(a).id,
-        style: e.vertical ? { bottom: r.value + "%" } : { left: r.value + "%" },
+        id: A(a).id,
+        style: e.vertical ? { bottom: u.value + "%" } : { left: u.value + "%" },
         "aria-label": "slider-thumb"
-      }, oe(e.disabled ? {} : {
-        focus: () => i.value = 0,
-        keydown: G,
-        touchstart: (F) => {
-          i.value = 0, z(F);
+      }, b.value, re(e.disabled ? {} : {
+        focus: () => r.value = 0,
+        keydown: Z,
+        touchstart: (N) => {
+          r.value = 0, M(N);
         },
-        mousedown: (F) => {
-          i.value = 0, z(F);
+        mousedown: (N) => {
+          r.value = 0, M(N);
         },
-        touchend: Y,
-        mouseup: Y
-      }, !0), x.value), null, 16, rl))
-    ], 16, ol));
+        touchend: F,
+        mouseup: F
+      }, !0)), null, 16, nl))
+    ], 16, sl));
   }
-}), il = ["data-active", "onClick"], dl = { class: "flex items-center space-x-1" }, cl = ["data-active"], Ol = {
+}), rl = ["data-active", "onClick"], ul = { class: "flex items-center space-x-1" }, il = ["data-active"], Il = {
   __name: "sortable",
   props: {
     columns: {
@@ -1523,163 +1565,174 @@ const ll = ["value", "type"], al = ["disabled"], Ll = /* @__PURE__ */ Object.ass
     rows: { type: Array, required: !0 },
     offset: { type: Number, default: null },
     count: { type: Number, default: null },
-    sortProp: { type: String },
-    sortDirection: { type: String, validator: (e) => !e || ["asc", "desc"].includes(e) },
+    sortProp: { type: String, default: null },
+    sortDirection: { type: String, default: null, validator: (e) => !e || ["asc", "desc"].includes(e) },
     keyProperty: { type: String, default: "key" },
     headerClass: { type: String, default: "text-white bg-vxvue-700 [&_*[data-active]]:bg-vxvue-alt-800" },
     bodyClass: { type: String, default: "[&>*:nth-child(even)]:bg-vxvue-50 [&>*:nth-child(even)_*[data-active]]:bg-vxvue-alt-100 [&>*:nth-child(odd)_*[data-active]]:bg-vxvue-alt-50" }
   },
   emits: ["before-sort", "after-sort"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = w(t.sortProp), l = w(t.sortDirection), c = L(() => {
-      let o = t.rows.slice();
-      const i = t.columns.find(({ prop: r }) => r === a.value);
-      return i && (l.value === "asc" && i.sortAscFunction ? o.sort(i.sortAscFunction) : l.value === "desc" && i.sortDescFunction ? o.sort(i.sortDescFunction) : o.sort((r, f) => r[a.value] < f[a.value] ? l.value === "asc" ? -1 : 1 : r[a.value] > f[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"), ve(() => s("after-sort", { prop: a.value, dir: l.value }));
+    const t = e, o = d, a = $(t.sortProp), l = $(t.sortDirection), c = L(() => {
+      let n = t.rows.slice();
+      const r = t.columns.find(({ prop: u }) => u === a.value);
+      return r && (l.value === "asc" && r.sortAscFunction ? n.sort(r.sortAscFunction) : l.value === "desc" && r.sortDescFunction ? n.sort(r.sortDescFunction) : n.sort((u, f) => u[a.value] < f[a.value] ? l.value === "asc" ? -1 : 1 : u[a.value] > f[a.value] ? l.value === "asc" ? 1 : -1 : 0)), n.slice(t.offset || 0, (t.offset || 0) + (t.count || n.length));
+    }), s = (n) => {
+      o("before-sort", { prop: a.value, dir: l.value }), a.value === n ? l.value = l.value === "asc" ? "desc" : "asc" : (a.value = n, l.value = l.value || "asc"), me(() => o("after-sort", { prop: a.value, dir: l.value }));
     };
-    return (o, i) => (u(), m("table", {
-      class: $(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
+    return (n, r) => (i(), m("table", {
+      class: C(n.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
     }, [
       v("thead", {
-        class: $(e.headerClass)
+        class: C(e.headerClass)
       }, [
         v("tr", null, [
-          (u(!0), m(O, null, _(e.columns, (r) => (u(), m("th", {
+          (i(!0), m(z, null, j(e.columns, (u) => (i(), m("th", {
+            key: u.prop,
             scope: "col",
-            "data-active": a.value === r.prop ? "active" : null,
-            class: $([
+            "data-active": a.value === u.prop ? "active" : null,
+            class: C([
               "py-3 px-6 text-left",
-              { "cursor-pointer": r.sortable },
-              r.cssClass
+              { "cursor-pointer": u.sortable },
+              u.cssClass
             ]),
-            onClick: (f) => r.sortable ? n(r.prop) : null
+            onClick: (f) => u.sortable ? s(u.prop) : null
           }, [
-            A(o.$slots, r.prop + "-header", {
-              column: r,
+            P(n.$slots, u.prop + "-header", {
+              column: u,
               sortDir: l.value,
               sortProp: a.value
             }, () => [
-              v("div", dl, [
-                v("span", null, B(r.label), 1),
-                r.sortable ? (u(), H(ie(a.value !== r.prop ? M(ze) : l.value === "asc" ? M(Oe) : M(Fe)), {
+              v("div", ul, [
+                v("span", null, T(u.label), 1),
+                u.sortable ? (i(), W(ie(a.value !== u.prop ? A(Oe) : l.value === "asc" ? A(Ie) : A(ze)), {
                   key: 0,
                   class: "size-4"
-                })) : P("", !0)
+                })) : I("", !0)
               ])
             ])
-          ], 10, il))), 256))
+          ], 10, rl))), 128))
         ])
       ], 2),
       v("tbody", {
-        class: $(e.bodyClass)
+        class: C(e.bodyClass)
       }, [
-        (u(!0), m(O, null, _(c.value, (r) => (u(), m("tr", {
-          key: r[e.keyProperty],
-          class: $(r.cssClass)
+        (i(!0), m(z, null, j(c.value, (u) => (i(), m("tr", {
+          key: u[e.keyProperty],
+          class: C(u.cssClass)
         }, [
-          (u(!0), m(O, null, _(e.columns, (f) => (u(), m("td", {
-            class: "overflow-hidden py-3 px-6 whitespace-nowrap text-ellipsis",
-            "data-active": a.value === f.prop ? "active" : null
+          (i(!0), m(z, null, j(e.columns, (f) => (i(), m("td", {
+            key: f.prop,
+            "data-active": a.value === f.prop ? "active" : null,
+            class: "overflow-hidden py-3 px-6 whitespace-nowrap text-ellipsis"
           }, [
-            A(o.$slots, f.prop, { row: r }, () => [
-              X(B(r[f.prop]), 1)
+            P(n.$slots, f.prop, { row: u }, () => [
+              J(T(u[f.prop]), 1)
             ])
-          ], 8, cl))), 256))
+          ], 8, il))), 128))
         ], 2))), 128))
       ], 2)
     ], 2));
   }
-}, vl = { class: "flex items-center space-x-2" }, ml = ["disabled"], fl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, dl = (e, d) => {
+  const t = e.__vccOpts || e;
+  for (const [o, a] of d)
+    t[o] = a;
+  return t;
+}, cl = { class: "flex items-center space-x-2" }, vl = ["disabled"], ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "submit-button",
-  props: { busy: Boolean, spinnerClass: String, theme: String },
+  props: {
+    busy: Boolean,
+    spinnerClass: { type: String, default: null },
+    theme: { type: String, default: null }
+  },
   emits: ["submit"],
   setup(e, { emit: d }) {
     const t = d;
-    return (s, a) => (u(), m("div", vl, [
+    return (o, a) => (i(), m("div", cl, [
       v("button", {
-        class: $([s.$attrs.class, e.theme]),
-        disabled: s.$attrs.disabled || e.busy,
+        class: C([o.$attrs.class, e.theme]),
+        disabled: o.$attrs.disabled || e.busy,
         type: "button",
         onClick: a[0] || (a[0] = (l) => t("submit"))
       }, [
-        A(s.$slots, "default", {}, void 0, !0)
-      ], 10, ml),
-      e.busy ? (u(), H(we, {
+        P(o.$slots, "default", {}, void 0, !0)
+      ], 10, vl),
+      e.busy ? (i(), W(we, {
         key: 0,
-        class: $(e.spinnerClass || ["size-5", { error: "text-error", success: "text-success", default: "text-vxvue" }[e.theme || "default"]])
-      }, null, 8, ["class"])) : P("", !0)
+        class: C(e.spinnerClass || ["size-5", { error: "text-error", success: "text-success", default: "text-vxvue" }[e.theme || "default"]])
+      }, null, 8, ["class"])) : I("", !0)
     ]));
   }
-}), zl = /* @__PURE__ */ Se(fl, [["__scopeId", "data-v-6ed8744e"]]), hl = { class: "sm:hidden" }, gl = { class: "hidden sm:block" }, pl = { class: "border-b border-gray-200" }, bl = {
+}), Ol = /* @__PURE__ */ dl(ml, [["__scopeId", "data-v-9f360713"]]), fl = { class: "sm:hidden" }, hl = { class: "hidden sm:block" }, pl = { class: "border-b border-gray-200" }, gl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
-}, xl = ["onClick", "aria-current"], Fl = {
+}, bl = ["aria-current", "onClick"], zl = {
   __name: "tabs",
   props: {
-    items: { type: Array, default: [] },
+    items: { type: Array, default: () => [] },
     activeIndex: { type: Number, default: 0 }
   },
-  emits: ["update:active-index"],
+  emits: ["update:activeIndex"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = w(t.items[t.activeIndex] || {}), l = L(() => {
-      let n = [];
-      return t.items.forEach((o, i) => {
-        o.disabled || n.push({ label: o.name, key: i });
-      }), n;
+    const t = e, o = d, a = $(t.items[t.activeIndex] || {}), l = L(() => {
+      let s = [];
+      return t.items.forEach((n, r) => {
+        n.disabled || s.push({ label: n.name, key: r });
+      }), s;
     });
-    K(() => t.activeIndex, (n) => {
-      a.value = t.items[n] || {};
+    X(() => t.activeIndex, (s) => {
+      a.value = t.items[s] || {};
     });
-    const c = (n) => {
-      n.disabled || (a.value = n, s("update:active-index", t.items.indexOf(n)));
+    const c = (s) => {
+      s.disabled || (a.value = s, o("update:activeIndex", t.items.indexOf(s)));
     };
-    return (n, o) => (u(), m(O, null, [
-      v("div", hl, [
-        E(Lt, {
+    return (s, n) => (i(), m(z, null, [
+      v("div", fl, [
+        Y(Bt, {
           options: l.value,
           "model-value": e.activeIndex,
-          "onUpdate:modelValue": o[0] || (o[0] = (i) => s("update:activeIndex", i)),
-          class: "w-full"
+          class: "w-full",
+          "onUpdate:modelValue": n[0] || (n[0] = (r) => o("update:activeIndex", r))
         }, null, 8, ["options", "model-value"])
       ]),
-      v("div", gl, [
+      v("div", hl, [
         v("div", pl, [
-          v("nav", bl, [
-            (u(!0), m(O, null, _(e.items, (i) => (u(), m("a", {
-              key: i.name,
+          v("nav", gl, [
+            (i(!0), m(z, null, j(e.items, (r) => (i(), m("a", {
+              key: r.name,
               href: "#",
-              onClick: N((r) => c(i), ["prevent"]),
-              class: $([
-                "group inline-flex items-center py-4 px-1 border-b-4 font-medium !no-underline border-transparent",
+              class: C([
+                "group inline-flex items-center py-4 px-1 border-b-4 font-medium no-underline! border-transparent",
                 {
-                  "border-vxvue text-vxvue": a.value === i,
-                  "cursor-not-allowed text-gray-400": i.disabled,
-                  "text-gray-900 hover:text-vxvue-600 hover:border-vxvue-600": a.value !== i && !i.disabled
+                  "border-vxvue text-vxvue": a.value === r,
+                  "cursor-not-allowed text-gray-400": r.disabled,
+                  "text-gray-900 hover:text-vxvue-600 hover:border-vxvue-600": a.value !== r && !r.disabled
                 }
               ]),
-              "aria-current": a.value === i ? "page" : void 0
+              "aria-current": a.value === r ? "page" : void 0,
+              onClick: E((u) => c(r), ["prevent"])
             }, [
-              A(n.$slots, "icon", { tab: i }),
+              P(s.$slots, "icon", { tab: r }),
               v("span", null, [
-                A(n.$slots, "default", { tab: i }, () => [
-                  X(B(i.name), 1)
+                P(s.$slots, "default", { tab: r }, () => [
+                  J(T(r.name), 1)
                 ])
               ]),
-              A(n.$slots, "badge", { tab: i }, () => [
-                i.badge ? (u(), m("span", {
+              P(s.$slots, "badge", { tab: r }, () => [
+                r.badge ? (i(), m("span", {
                   key: 0,
-                  class: $([
+                  class: C([
                     "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block text-current",
                     {
-                      "bg-gray-100": i.disabled,
-                      "bg-vxvue-50": a.value === i,
-                      "bg-gray-200": a.value !== i && !i.disabled
+                      "bg-gray-100": r.disabled,
+                      "bg-vxvue-50": a.value === r,
+                      "bg-gray-200": a.value !== r && !r.disabled
                     }
                   ])
-                }, B(i.badge), 3)) : P("", !0)
+                }, T(r.badge), 3)) : I("", !0)
               ])
-            ], 10, xl))), 128))
+            ], 10, bl))), 128))
           ])
         ])
       ])
@@ -1687,24 +1740,24 @@ const ll = ["value", "type"], al = ["disabled"], Ll = /* @__PURE__ */ Object.ass
   }
 };
 export {
-  wl as Accordion,
-  kl as AccordionPanel,
-  $l as Autocomplete,
-  Sl as Confirm,
-  gt as DateInput,
-  Cl as Datepicker,
-  Vl as FormFileButton,
-  Lt as FormSelect,
+  yl as Accordion,
+  wl as AccordionPanel,
+  kl as Autocomplete,
+  $l as Confirm,
+  pt as DateInput,
+  Sl as Datepicker,
+  Cl as FormFileButton,
+  Bt as FormSelect,
   Ml as FormSwitch,
-  Dl as MessageToast,
-  Al as Modal,
-  Bl as Pagination,
-  Ll as PasswordInput,
+  Vl as MessageToast,
+  Dl as Modal,
+  Al as Pagination,
+  Bl as PasswordInput,
   Pl as SimpleTree,
   Tl as Sizable,
-  Il as Slider,
-  Ol as Sortable,
+  Ll as Slider,
+  Il as Sortable,
   we as Spinner,
-  zl as SubmitButton,
-  Fl as Tabs
+  Ol as SubmitButton,
+  zl as Tabs
 };