vx-vue 1.0.6 → 1.1.0

package/dist/vxvue.es.js

@@ -1,21 +1,21 @@
-import { useSlots as Ce, ref as w, computed as L, onBeforeUpdate as Ve, openBlock as u, createElementBlock as m, Fragment as I, renderList as E, createBlock as W, resolveDynamicComponent as ie, createElementVNode as i, useAttrs as Z, normalizeClass as S, unref as A, renderSlot as D, getCurrentScope as Me, onScopeDispose as De, watch as K, onUpdated as Ae, mergeProps as j, withKeys as ae, withModifiers as N, createCommentVNode as T, toDisplayString as B, createVNode as Y, Transition as ce, withCtx as te, createTextVNode as X, nextTick as ve, toValue as pe, 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 yl = {
+import { useSlots as Se, ref as w, computed as L, onBeforeUpdate as Ve, openBlock as u, createElementBlock as m, Fragment as O, renderList as E, createBlock as W, resolveDynamicComponent as ie, createElementVNode as d, useAttrs as Z, normalizeClass as $, unref as A, renderSlot as D, getCurrentScope as Me, onScopeDispose as De, watch as K, onUpdated as Ae, mergeProps as j, withKeys as ae, withModifiers as N, createCommentVNode as T, toDisplayString as B, createVNode as _, Transition as ce, withCtx as te, createTextVNode as X, nextTick as ve, toValue as he, withDirectives as be, vModelText as Be, onMounted as me, normalizeStyle as xe, resolveComponent as Le, createSlots as Pe, vShow as Te, toHandlers as oe } from "vue";
+const xl = {
   __name: "accordion",
   props: { activeIndex: [Number, Array] },
   emits: ["update:activeIndex"],
-  setup(e, { emit: d }) {
-    const t = e, s = d, a = Ce(), l = w([]), v = (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) => {
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = Se(), l = w([]), v = (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) => {
       if (Array.isArray(t.activeIndex)) {
         let x = [].concat(t.activeIndex), h = x.findIndex((p) => p === f);
         h === -1 ? s("update:activeIndex", [...x, f]) : (x.splice(h, 1), s("update:activeIndex", x));
       } else
         s("update:activeIndex", f === t.activeIndex ? -1 : f);
-    }, c = (f) => {
+    }, i = (f) => {
       if (f = ++f % n.value.length, !l.value[f].disabled) {
         o(f), l.value[f].focus();
         return;
       }
-      c(f);
+      i(f);
     }, r = (f) => {
       if (f = (f || n.value.length) - 1, !l.value[f].disabled) {
         o(f), l.value[f].focus();
@@ -23,21 +23,21 @@ const yl = {
       }
       r(f);
     };
-    return Ve(() => l.value = []), (f, x) => (u(!0), m(I, null, E(n.value, (h, p) => {
-      var $;
+    return Ve(() => l.value = []), (f, x) => (u(!0), m(O, null, E(n.value, (h, p) => {
+      var C;
       return u(), W(ie(h), {
         key: p,
-        show: Array.isArray(e.activeIndex) ? (($ = e.activeIndex) == null ? void 0 : $.indexOf(p)) !== -1 : e.activeIndex === p,
-        onSelect: (O) => o(p),
-        onKeydown: (O) => c(p),
-        onKeyup: (O) => r(p),
+        show: Array.isArray(e.activeIndex) ? (C = e.activeIndex) == null ? void 0 : C.includes(p) : e.activeIndex === p,
+        onSelect: (I) => o(p),
+        onKeydown: (I) => i(p),
+        onKeyup: (I) => r(p),
         ref_for: !0,
         ref: v
       }, null, 40, ["show", "onSelect", "onKeydown", "onKeyup"]);
     }), 128));
   }
 };
-function Oe(e, d) {
+function Ie(e, c) {
   return u(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -45,14 +45,14 @@ function Oe(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    d("path", {
       "fill-rule": "evenodd",
       d: "M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function re(e, d) {
+function re(e, c) {
   return u(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -60,14 +60,14 @@ function re(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    d("path", {
       "fill-rule": "evenodd",
       d: "M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function ne(e, d) {
+function ne(e, c) {
   return u(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -75,14 +75,14 @@ function ne(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    d("path", {
       "fill-rule": "evenodd",
       d: "M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function Ie(e, d) {
+function Oe(e, c) {
   return u(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -90,14 +90,14 @@ function Ie(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    d("path", {
       "fill-rule": "evenodd",
       d: "M11.47 4.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06L12 6.31 8.78 9.53a.75.75 0 0 1-1.06-1.06l3.75-3.75Zm-3.75 9.75a.75.75 0 0 1 1.06 0L12 17.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 0 1 0-1.06Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function ze(e, d) {
+function ze(e, c) {
   return u(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -105,14 +105,14 @@ function ze(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    d("path", {
       "fill-rule": "evenodd",
       d: "M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function Fe(e, d) {
+function Fe(e, c) {
   return u(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -120,14 +120,14 @@ function Fe(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    d("path", {
       "fill-rule": "evenodd",
       d: "M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function Ne(e, d) {
+function Ne(e, c) {
   return u(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -135,14 +135,14 @@ function Ne(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    d("path", {
       "fill-rule": "evenodd",
       d: "M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function we(e, d) {
+function ye(e, c) {
   return u(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -150,29 +150,29 @@ function we(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    d("path", {
       "fill-rule": "evenodd",
       d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-const Ee = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["aria-labelledby", "id"], _e = { class: "overflow-hidden rounded-b" }, wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Ee = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["aria-labelledby", "id"], Ye = { class: "overflow-hidden rounded-b" }, yl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "accordion-panel",
   props: { show: Boolean, disabled: Boolean },
   emits: ["select", "keyup", "keydown"],
-  setup(e, { expose: d, emit: t }) {
+  setup(e, { expose: c, emit: t }) {
     const s = t, a = e, l = Z(), v = w(null), n = Math.random().toString(20).substring(2, 8), o = (r) => {
       if (!a.disabled) {
         const f = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(r.keyCode);
         f && (s(f), r.preventDefault());
       }
     };
-    return d({ focus: () => v.value.focus(), disabled: a.disabled }), (r, f) => (u(), m("div", null, [
-      i("button", {
+    return c({ focus: () => v.value.focus(), disabled: a.disabled }), (r, f) => (u(), m("div", null, [
+      d("button", {
         onClick: f[0] || (f[0] = (x) => s("select")),
         onKeydown: o,
-        class: S([
+        class: $([
           "flex items-center w-full space-x-2 px-4 py-2 ring-vxvue",
           e.show ? "rounded-t" : "rounded",
           e.disabled ? "bg-slate-300 text-slate-700" : "bg-vxvue hover:bg-vxvue-600 text-white",
@@ -186,33 +186,33 @@ const Ee = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["aria-lab
         ref: v,
         tabindex: "0"
       }, [
-        e.disabled ? (u(), W(A(we), {
+        e.disabled ? (u(), W(A(ye), {
           key: 0,
           class: "size-5"
         })) : (u(), W(A(ne), {
           key: 1,
-          class: S(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
+          class: $(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
         }, null, 8, ["class"])),
-        i("span", null, [
+        d("span", null, [
           D(r.$slots, "header")
         ])
       ], 42, Ee),
-      i("div", {
-        class: S(["grid transition-[grid-template-rows] duration-300 ease-in-out", e.show && !e.disabled ? "grid-rows-1" : "grid-rows-[repeat(1,minmax(0,0fr))]"]),
+      d("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-" + A(n),
         id: "ap-" + A(n)
       }, [
-        i("div", _e, [
+        d("div", Ye, [
           D(r.$slots, "default")
         ])
       ], 10, je)
     ]));
   }
-}), Ye = ["viewBox"], Re = ["cx", "cy", "r", "stroke-width"], We = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], ke = {
+}), _e = ["viewBox"], Re = ["cx", "cy", "r", "stroke-width"], We = ["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);
+    const c = e, t = L(() => c.radius + c.strokeWidth / 2), s = L(() => c.radius * 2 + c.strokeWidth), a = L(() => c.radius * Math.PI / 1.5);
     return (l, v) => (u(), m("svg", {
       class: "animate-spin",
       xmlns: "http://www.w3.org/2000/svg",
@@ -220,7 +220,7 @@ const Ee = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["aria-lab
       viewBox: "0 0 " + s.value + " " + s.value,
       role: "progressbar"
     }, [
-      i("circle", {
+      d("circle", {
         class: "opacity-35",
         cx: t.value,
         cy: t.value,
@@ -228,7 +228,7 @@ const Ee = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["aria-lab
         stroke: "currentColor",
         "stroke-width": e.strokeWidth
       }, null, 8, Re),
-      i("circle", {
+      d("circle", {
         cx: t.value,
         cy: t.value,
         r: e.radius,
@@ -237,7 +237,7 @@ const Ee = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["aria-lab
         "stroke-dasharray": a.value + " " + e.radius * 100,
         "stroke-linecap": "round"
       }, null, 8, We)
-    ], 8, Ye));
+    ], 8, _e));
   }
 };
 function He(e) {
@@ -246,26 +246,26 @@ function He(e) {
 function J(e) {
   return typeof e == "function" ? e() : A(e);
 }
-const $e = typeof window < "u" && typeof document < "u";
+const ke = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Ue = Object.prototype.toString, Ze = (e) => Ue.call(e) === "[object Object]", ue = () => {
 }, Ke = /* @__PURE__ */ qe();
 function qe() {
-  var e, d;
-  return $e && ((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));
+  var e, c;
+  return ke && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((c = window == null ? void 0 : window.navigator) == null ? void 0 : c.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
 const 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, s) {
+function Ge(e, c, t, s) {
   let a = e < 12 ? "AM" : "PM";
   return s && (a = a.split("").reduce((l, v) => l += `${v}.`, "")), 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]);
+  const c = ["th", "st", "nd", "rd"], t = e % 100;
+  return e + (c[(t - 20) % 10] || c[t] || c[0]);
 }
-function ge(e, d, t = {}) {
+function pe(e, c, t = {}) {
   var s;
-  const a = e.getFullYear(), l = e.getMonth(), v = e.getDate(), n = e.getHours(), o = e.getMinutes(), c = e.getSeconds(), r = e.getMilliseconds(), f = e.getDay(), x = (s = t.customMeridiem) != null ? s : Ge, h = {
+  const a = e.getFullYear(), l = e.getMonth(), v = e.getDate(), n = e.getHours(), o = e.getMinutes(), i = e.getSeconds(), r = e.getMilliseconds(), f = e.getDay(), x = (s = t.customMeridiem) != null ? s : Ge, h = {
     Yo: () => ee(a),
     YY: () => String(a).slice(-2),
     YYYY: () => a,
@@ -286,9 +286,9 @@ function ge(e, d, t = {}) {
     m: () => String(o),
     mo: () => ee(o),
     mm: () => `${o}`.padStart(2, "0"),
-    s: () => String(c),
-    so: () => ee(c),
-    ss: () => `${c}`.padStart(2, "0"),
+    s: () => String(i),
+    so: () => ee(i),
+    ss: () => `${i}`.padStart(2, "0"),
     SSS: () => `${r}`.padStart(3, "0"),
     d: () => f,
     dd: () => e.toLocaleDateString(J(t.locales), { weekday: "narrow" }),
@@ -299,26 +299,26 @@ function ge(e, d, t = {}) {
     a: () => x(n, o, !0),
     aa: () => x(n, o, !0, !0)
   };
-  return d.replace(Xe, (p, $) => {
-    var O, z;
-    return (z = $ ?? ((O = h[p]) == null ? void 0 : O.call(h))) != null ? z : p;
+  return c.replace(Xe, (p, C) => {
+    var I, z;
+    return (z = C ?? ((I = h[p]) == null ? void 0 : I.call(h))) != null ? z : p;
   });
 }
-const Se = $e ? window : void 0;
+const $e = ke ? window : void 0;
 function se(e) {
-  var d;
+  var c;
   const t = J(e);
-  return (d = t == null ? void 0 : t.$el) != null ? d : t;
+  return (c = t == null ? void 0 : t.$el) != null ? c : t;
 }
 function de(...e) {
-  let d, t, s, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, s, a] = e, d = Se) : [d, t, s, a] = e, !d)
+  let c, t, s, a;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, s, a] = e, c = $e) : [c, t, s, a] = e, !c)
     return ue;
   Array.isArray(t) || (t = [t]), Array.isArray(s) || (s = [s]);
   const l = [], v = () => {
     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)],
+    () => [se(c), J(a)],
     ([r, f]) => {
       if (v(), !r)
         return;
@@ -328,33 +328,33 @@ function de(...e) {
       );
     },
     { immediate: !0, flush: "post" }
-  ), c = () => {
+  ), i = () => {
     o(), v();
   };
-  return He(c), c;
+  return He(i), i;
 }
-let be = !1;
-function fe(e, d, t = {}) {
-  const { window: s = Se, ignore: a = [], capture: l = !0, detectIframe: v = !1 } = t;
+let ge = !1;
+function fe(e, c, t = {}) {
+  const { window: s = $e, ignore: a = [], capture: l = !0, detectIframe: v = !1 } = t;
   if (!s)
     return ue;
-  Ke && !be && (be = !0, Array.from(s.document.body.children).forEach((h) => h.addEventListener("click", ue)), s.document.documentElement.addEventListener("click", ue));
+  Ke && !ge && (ge = !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((p) => {
     if (typeof p == "string")
-      return Array.from(s.document.querySelectorAll(p)).some(($) => $ === h.target || h.composedPath().includes($));
+      return Array.from(s.document.querySelectorAll(p)).some((C) => C === h.target || h.composedPath().includes(C));
     {
-      const $ = se(p);
-      return $ && (h.target === $ || h.composedPath().includes($));
+      const C = se(p);
+      return C && (h.target === C || h.composedPath().includes(C));
     }
-  }), c = (h) => {
+  }), i = (h) => {
     const p = se(e);
     if (!(!p || p === h.target || h.composedPath().includes(p))) {
       if (h.detail === 0 && (n = !o(h)), !n) {
         n = !0;
         return;
       }
-      d(h);
+      c(h);
     }
   };
   let r = !1;
@@ -362,7 +362,7 @@ function fe(e, d, t = {}) {
     de(s, "click", (h) => {
       r || (r = !0, setTimeout(() => {
         r = !1;
-      }, 0), c(h));
+      }, 0), i(h));
     }, { passive: !0, capture: l }),
     de(s, "pointerdown", (h) => {
       const p = se(e);
@@ -371,14 +371,14 @@ function fe(e, d, t = {}) {
     v && de(s, "blur", (h) => {
       setTimeout(() => {
         var p;
-        const $ = se(e);
-        ((p = s.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !($ != null && $.contains(s.document.activeElement)) && d(h);
+        const C = se(e);
+        ((p = s.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(C != null && C.contains(s.document.activeElement)) && c(h);
       }, 0);
     })
   ].filter(Boolean);
   return () => f.forEach((h) => h());
 }
-const Je = ["value", "onKeydown"], Qe = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, et = ["data-result-index"], kl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Je = ["value", "onKeydown"], Qe = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, et = ["data-result-index"], wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "autocomplete",
   props: {
     modelValue: { type: String, default: "" },
@@ -389,18 +389,18 @@ const Je = ["value", "onKeydown"], Qe = { class: "flex absolute inset-y-0 right-
     autoSelect: Boolean
   },
   emits: ["update:modelValue", "blur", "submit"],
-  setup(e, { emit: d }) {
-    const t = d, s = e, a = Z(), v = (/* @__PURE__ */ (() => {
+  setup(e, { emit: c }) {
+    const t = c, s = e, a = Z(), v = (/* @__PURE__ */ (() => {
       let V = 0;
       return (M) => (M || "") + ++V;
-    })())((a.id || "autocomplete") + "-"), n = w([]), o = w(-1), c = w(0), r = w(!1), f = w(!1), x = w("top-0 translate-y-12"), h = w(!0), p = w(null), $ = w(null), O = w(null), z = L(
+    })())((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), p = w(null), C = w(null), I = w(null), z = L(
       () => n.value.map((V, M) => ({
         id: (a.id || "autocomplete") + "-item-" + M,
         class: [s.resultItemClass, { "bg-vxvue-700 text-white": o.value === M }],
         role: "option",
         ...o.value === M ? { "aria-selected": "true" } : {}
       }))
-    ), _ = L(() => ({
+    ), Y = L(() => ({
       role: "combobox",
       autocomplete: "off",
       autocapitalize: "off",
@@ -421,13 +421,13 @@ const Je = ["value", "onKeydown"], Qe = { class: "flex absolute inset-y-0 right-
     }, k = (V) => {
       const M = s.search(V);
       if (M instanceof Promise) {
-        const q = ++c.value;
+        const q = ++i.value;
         f.value = !0, M.then((H) => {
-          q === c.value && (n.value = H, f.value = !1, n.value.length ? (o.value = s.autoSelect ? 0 : -1, r.value = !0) : U());
+          q === i.value && (n.value = H, f.value = !1, n.value.length ? (o.value = s.autoSelect ? 0 : -1, r.value = !0) : U());
         });
       } else
         n.value = M, n.value.length === 0 ? U() : (o.value = s.autoSelect ? 0 : -1, r.value = !0);
-    }, C = () => {
+    }, S = () => {
       const V = n.value[o.value];
       return V && t("update:modelValue", s.getResultValue(V)), U(), V;
     }, F = (V) => {
@@ -443,13 +443,13 @@ const Je = ["value", "onKeydown"], Qe = { class: "flex absolute inset-y-0 right-
       o.value = ((o.value + 1) % M + M) % M;
     }, R = () => {
       U(), t("update:modelValue", "");
-    }, le = () => t("submit", C()), Q = (V) => {
+    }, le = () => t("submit", S()), Q = (V) => {
       const M = V.target.closest("[data-result-index]");
-      M && (o.value = parseInt(M.dataset.resultIndex, 10), t("submit", C()));
+      M && (o.value = parseInt(M.dataset.resultIndex, 10), t("submit", S()));
     };
-    return fe(O, U), Ae(() => {
+    return fe(I, U), Ae(() => {
       if (p.value) {
-        const V = $.value.getBoundingClientRect(), M = p.value.getBoundingClientRect();
+        const V = C.value.getBoundingClientRect(), M = p.value.getBoundingClientRect();
         h.value && n.value.length && (h.value = !1, x.value = V.bottom + M.height > window.innerHeight && window.innerHeight - V.bottom < V.top && window.pageYOffset + V.top - M.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
         const q = p.value.querySelector('[data-result-index="' + o.value + '"]');
         if (q) {
@@ -458,29 +458,29 @@ const Je = ["value", "onKeydown"], Qe = { class: "flex absolute inset-y-0 right-
         }
       }
     }), (V, M) => (u(), m("div", {
-      class: S(["inline-block relative", V.$attrs.class]),
+      class: $(["inline-block relative", V.$attrs.class]),
       ref_key: "container",
-      ref: O
+      ref: I
     }, [
-      i("input", j({
+      d("input", j({
         ref_key: "input",
-        ref: $,
+        ref: C,
         class: "block pr-10 w-full form-input focus:border-vxvue",
         value: e.modelValue
-      }, _.value, {
+      }, Y.value, {
         onInput: M[0] || (M[0] = (q) => F(q.target.value)),
         onKeydown: [
           ae(le, ["enter"]),
           ae(R, ["esc"]),
-          ae(C, ["tab"]),
+          ae(S, ["tab"]),
           ae(N(y, ["prevent"]), ["up"]),
           ae(N(P, ["prevent"]), ["down"])
         ],
         onFocus: g,
         onBlur: b
       }), null, 16, Je),
-      i("span", Qe, [
-        f.value ? (u(), W(ke, {
+      d("span", Qe, [
+        f.value ? (u(), W(we, {
           key: 0,
           class: "size-5"
         })) : T("", !0)
@@ -494,7 +494,7 @@ const Je = ["value", "onKeydown"], Qe = { class: "flex absolute inset-y-0 right-
         onMousedown: M[1] || (M[1] = N(() => {
         }, ["prevent"]))
       }), [
-        (u(!0), m(I, null, E(n.value, (q, H) => (u(), m("div", { "data-result-index": H }, [
+        (u(!0), m(O, null, E(n.value, (q, H) => (u(), m("div", { "data-result-index": H }, [
           D(V.$slots, "result", {
             result: q,
             props: z.value[H]
@@ -515,70 +515,70 @@ const Je = ["value", "onKeydown"], Qe = { class: "flex absolute inset-y-0 right-
 }, lt = {
   key: 0,
   class: "overflow-y-auto fixed inset-0 z-50"
-}, at = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, st = { key: 0 }, nt = { 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" }, ot = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, rt = { class: "flex flex-row items-center" }, ut = { class: "flex-shrink-0" }, it = { class: "flex-grow text-center" }, dt = ["onClick"], $l = {
+}, at = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, st = { key: 0 }, nt = { 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" }, ot = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, rt = { class: "flex flex-row items-center" }, ut = { class: "flex-shrink-0" }, it = { class: "flex-grow text-center" }, dt = ["onClick"], kl = {
   __name: "confirm",
   props: {
     buttons: {
       type: [Object, Array],
       default: { label: "Ok" },
-      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((d) => d.label !== "undefined" && d.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
+      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((c) => c.label !== "undefined" && c.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
     },
     headerClass: {
       type: String,
-      default: "text-vxvue-alt-900 bg-vxvue-alt-400"
+      default: "text-vxvue-alt-900 bg-vxvue-alt-300"
     },
     buttonClass: {
       type: String,
       default: "button"
     }
   },
-  setup(e, { expose: d }) {
+  setup(e, { expose: c }) {
     const t = e, s = w(""), a = w(""), l = w(!1);
     let v = null, n = null;
-    const o = L(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), c = w(null), r = (x, h) => {
+    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 ? v() : n() : h ? n() : v();
     };
-    return d({ open: (x, h) => (s.value = x, a.value = h, l.value = !0, ve(() => c.value.firstElementChild.focus()), new Promise((p, $) => {
-      v = p, n = $;
-    })) }), (x, h) => (u(), m(I, null, [
+    return c({ open: (x, h) => (s.value = x, a.value = h, l.value = !0, ve(() => i.value.firstElementChild.focus()), new Promise((p, C) => {
+      v = p, n = C;
+    })) }), (x, h) => (u(), m(O, null, [
       l.value ? (u(), m("div", tt)) : T("", !0),
-      Y(ce, { name: "appear" }, {
+      _(ce, { name: "appear" }, {
         default: te(() => [
           l.value ? (u(), m("div", lt, [
-            i("div", at, [
+            d("div", at, [
               l.value ? (u(), m("div", st, [
-                h[0] || (h[0] = i("span", {
+                h[0] || (h[0] = d("span", {
                   class: "hidden sm:inline-block sm:h-screen sm:align-middle",
                   "aria-hidden": "true"
                 }, "​", -1)),
-                i("div", nt, [
+                d("div", nt, [
                   s.value || x.$slots.title ? (u(), m("h3", {
                     key: 0,
-                    class: S(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
+                    class: $(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
                     D(x.$slots, "title", {}, () => [
                       X(B(s.value), 1)
                     ])
                   ], 2)) : T("", !0),
-                  i("div", ot, [
-                    i("div", rt, [
-                      i("div", ut, [
+                  d("div", ot, [
+                    d("div", rt, [
+                      d("div", ut, [
                         D(x.$slots, "icon")
                       ]),
-                      i("p", it, [
+                      d("p", it, [
                         D(x.$slots, "default", {}, () => [
                           X(B(a.value), 1)
                         ])
                       ])
                     ]),
-                    i("div", {
+                    d("div", {
                       class: "flex justify-center mt-5 space-x-2 sm:mt-6",
                       ref_key: "buttonsContainer",
-                      ref: c
+                      ref: i
                     }, [
-                      (u(!0), m(I, null, E(o.value, (p, $) => (u(), m("button", {
-                        class: S([e.buttonClass, p.class]),
-                        onClick: N((O) => r(p, $), ["prevent"])
+                      (u(!0), m(O, null, E(o.value, (p, C) => (u(), m("button", {
+                        class: $([e.buttonClass, p.class]),
+                        onClick: N((I) => r(p, C), ["prevent"])
                       }, B(p.label), 11, dt))), 256))
                     ], 512)
                   ])
@@ -592,8 +592,8 @@ const Je = ["value", "onKeydown"], Qe = { class: "flex absolute inset-y-0 right-
     ], 64));
   }
 };
-function ct(e, d) {
-  const t = w(!1), s = pe(d);
+function ct(e, c) {
+  const t = w(!1), s = he(c);
   let a, l = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), v = [];
   if ((a = s.match(/\bd\b/gi)) && a.length === 1)
     l = l.replace("d", "(\\d{1,2})");
@@ -611,12 +611,12 @@ function ct(e, d) {
     l = l.replace("yyyy", "(\\d{4})");
   else
     return { date: t };
-  if (v.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(a = pe(e).match(l)))
+  if (v.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(a = he(e).match(l)))
     return { date: t };
   a.shift(), v.sort((r, f) => r.srcPos < f.srcPos ? -1 : 1);
-  let n = [], o, c;
+  let n = [], o, i;
   for (; o = a.shift(); )
-    c = v.shift(), n[c.destPos] = o;
+    i = v.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 };
 }
 const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -628,30 +628,30 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
     modelValue: Date
   },
   emits: ["update:modelValue", "toggle-datepicker"],
-  setup(e, { emit: d }) {
-    const t = d, s = e, a = w(""), l = L(() => s.modelValue ? ge(s.modelValue, s.outputFormat) : ""), v = L(() => {
+  setup(e, { emit: c }) {
+    const t = c, s = e, a = w(""), l = L(() => s.modelValue ? pe(s.modelValue, s.outputFormat) : ""), v = L(() => {
       let n = Object.assign({}, Z());
       return delete n.class, n;
     });
-    return K(() => s.modelValue, (n) => a.value = n ? ge(n, s.outputFormat) : ""), (n, o) => (u(), m("div", {
-      class: S(["inline-block relative", n.$attrs.class])
+    return K(() => s.modelValue, (n) => a.value = n ? pe(n, s.outputFormat) : ""), (n, o) => (u(), m("div", {
+      class: $(["inline-block relative", n.$attrs.class])
     }, [
       l.value ? (u(), m("div", vt, [
-        i("div", {
-          class: S(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showToggle }])
+        d("div", {
+          class: $(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showToggle }])
         }, [
-          i("span", mt, B(l.value), 1),
-          i("button", {
-            onClick: o[0] || (o[0] = (c) => t("update:modelValue", null)),
+          d("span", mt, B(l.value), 1),
+          d("button", {
+            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"
           }, o[5] || (o[5] = [
-            i("svg", {
+            d("svg", {
               class: "size-2",
               stroke: "currentColor",
               fill: "none",
               viewBox: "0 0 8 8"
             }, [
-              i("path", {
+              d("path", {
                 "stroke-linecap": "round",
                 "stroke-width": "1.5",
                 d: "M1 1l6 6m0-6L1 7"
@@ -659,12 +659,12 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
             ], -1)
           ]))
         ], 2)
-      ])) : xe((u(), m("input", j({
+      ])) : be((u(), m("input", j({
         key: 1,
         type: "text",
         class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showToggle }],
-        "onUpdate:modelValue": o[1] || (o[1] = (c) => a.value = c),
-        onBlur: o[2] || (o[2] = (c) => {
+        "onUpdate:modelValue": o[1] || (o[1] = (i) => a.value = i),
+        onBlur: o[2] || (o[2] = (i) => {
           var r;
           return t("update:modelValue", ((r = A(ct)(a.value, s.inputFormat).date) == null ? void 0 : r.value) || null);
         }),
@@ -677,17 +677,17 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
         key: 2,
         class: "flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700 hover:text-vxvue",
         "aria-label": "datepicker-toggle",
-        onClick: o[4] || (o[4] = N((c) => t("toggle-datepicker"), ["stop"])),
+        onClick: o[4] || (o[4] = N((i) => t("toggle-datepicker"), ["stop"])),
         ref: "toggleButton"
       }, o[6] || (o[6] = [
-        i("svg", {
+        d("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           class: "size-6",
           fill: "none",
           viewBox: "0 0 24 24",
           stroke: "currentColor"
         }, [
-          i("path", {
+          d("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
@@ -698,10 +698,10 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
       D(n.$slots, "default")
     ], 2));
   }
-}), ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt = { class: "flex justify-between w-1/2" }, gt = { class: "flex justify-between w-1/2" }, bt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, xt = ["disabled", "onClick"], yt = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, wt = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, kt = { class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue" }, $t = ["onClick"], Sl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt = { class: "flex justify-between w-1/2" }, gt = { class: "flex justify-between w-1/2" }, bt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, xt = ["disabled", "onClick"], yt = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, wt = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, kt = { class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue" }, $t = ["onClick"], $l = /* @__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 },
+    modelValue: { type: [Date, Array], default: null, validator: (e, c) => e instanceof Date && c.maxNumberOfValues === 1 || e.every((t) => t instanceof Date || t === null) && e.length <= c.maxNumberOfValues },
     shownMonth: Date,
     maxNumberOfValues: { type: Number, default: 1 },
     validFrom: Date,
@@ -713,11 +713,11 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
     hasInput: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "month-change", "year-change"],
-  setup(e, { emit: d }) {
-    const t = e, s = d, a = (() => {
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = (() => {
       const g = /* @__PURE__ */ new Date();
       return new Date(g.getFullYear(), g.getMonth(), g.getDate());
-    })(), l = w(null), v = w([]), n = w(!1), o = w("days"), c = w(0), r = w({ horiz: "left-0", vert: "top-0" }), f = w(null), x = w(null), h = w(null), p = L(() => t.hasInput && t.maxNumberOfValues === 1), $ = L(() => p.value ? { class: ["absolute", n.value ? "block" : "hidden"] } : {}), O = L(() => {
+    })(), l = w(null), v = 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), p = L(() => t.hasInput && t.maxNumberOfValues === 1), C = L(() => p.value ? { class: ["absolute", n.value ? "block" : "hidden"] } : {}), I = L(() => {
       const g = [], b = l.value.getFullYear(), y = l.value.getMonth(), P = new Date(b, y + 1, 0), R = new Date(b, y, 0).getDay() + 1 - t.startOfWeekIndex, le = (6 + t.startOfWeekIndex - P.getDay()) % 7;
       for (let Q = -R, V = P.getDate() + le; Q < V; ++Q)
         g.push(new Date(b, y, Q + 1));
@@ -747,7 +747,7 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
     }), fe(x, () => {
       n.value = !1, o.value = "days";
     }, { ignore: [h] });
-    const _ = (g) => {
+    const Y = (g) => {
       l.value = new Date(l.value.getFullYear(), g, 1), s("month-change", l.value);
     }, G = (g) => {
       l.value = new Date(g, l.value.getMonth(), 1), s("year-change", l.value);
@@ -759,8 +759,8 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
         let y = b.findIndex((P) => P.getTime() === g.getTime());
         y !== -1 ? b.splice(y, 1) : b.length < t.maxNumberOfValues && b.push(g), s("update:modelValue", b);
       }
-    }, C = (g) => v.value.find((b) => (b == null ? void 0 : b.getTime()) === g.getTime()), F = (g) => {
-      const b = g.getMonth() !== l.value.getMonth(), y = C(g), P = g.getTime() === a.getTime(), R = t.validFrom && t.validFrom > g || t.validUntil && t.validUntil < g, le = !y && t.maxNumberOfValues > 1 && v.value.length === t.maxNumberOfValues, Q = t.highlightRange && g > Math.min(...v.value) && g < Math.max(...v.value);
+    }, S = (g) => v.value.find((b) => (b == null ? void 0 : b.getTime()) === g.getTime()), F = (g) => {
+      const b = g.getMonth() !== l.value.getMonth(), y = S(g), P = g.getTime() === a.getTime(), R = t.validFrom && t.validFrom > g || t.validUntil && t.validUntil < g, le = !y && t.maxNumberOfValues > 1 && v.value.length === t.maxNumberOfValues, Q = t.highlightRange && g > Math.min(...v.value) && g < Math.max(...v.value);
       return {
         "cursor-not-allowed": R || le,
         "text-vxvue-700": !R && !b && !P && !y,
@@ -776,7 +776,7 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
       var g;
       return h.value = (g = f.value) == null ? void 0 : g.$refs.toggleButton;
     }), (g, b) => (u(), m("div", {
-      class: S(["relative", g.$attrs.class])
+      class: $(["relative", g.$attrs.class])
     }, [
       p.value ? (u(), W(ft, j({
         key: 0,
@@ -794,92 +794,92 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
         ]),
         _: 3
       }, 16, ["modelValue"])) : T("", !0),
-      i("div", j({ class: "overflow-hidden z-10 bg-white rounded shadow-md min-w-72 sm:min-w-80" }, $.value, {
+      d("div", j({ class: "overflow-hidden z-10 bg-white rounded shadow-md min-w-72 sm:min-w-80" }, C.value, {
         ref_key: "calendar",
         ref: x,
         class: [r.value.horiz, r.value.vert]
       }), [
-        o.value === "days" ? (u(), m(I, { key: 0 }, [
-          i("div", ht, [
-            i("div", pt, [
-              i("button", {
-                onClick: b[1] || (b[1] = N((y) => _(l.value.getMonth() - 1), ["stop"])),
+        o.value === "days" ? (u(), m(O, { key: 0 }, [
+          d("div", ht, [
+            d("div", pt, [
+              d("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"
               }, [
-                Y(A(re), { class: "size-6" })
+                _(A(re), { class: "size-6" })
               ]),
-              i("span", null, B(l.value.toLocaleString(e.locale, { month: "long" })), 1),
-              i("button", {
-                onClick: b[2] || (b[2] = N((y) => _(l.value.getMonth() + 1), ["stop"])),
+              d("span", null, B(l.value.toLocaleString(e.locale, { month: "long" })), 1),
+              d("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"
               }, [
-                Y(A(ne), { class: "size-6" })
+                _(A(ne), { class: "size-6" })
               ])
             ]),
-            i("div", gt, [
-              i("button", {
+            d("div", gt, [
+              d("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"
               }, [
-                Y(A(re), { class: "size-6" })
+                _(A(re), { class: "size-6" })
               ]),
-              i("button", {
+              d("button", {
                 class: "text-vxvue-100 hover:text-vxvue-50",
                 onClick: b[4] || (b[4] = (y) => {
-                  o.value = "years", c.value = l.value.getFullYear();
+                  o.value = "years", i.value = l.value.getFullYear();
                 })
               }, B(l.value.getFullYear()), 1),
-              i("button", {
+              d("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"
               }, [
-                Y(A(ne), { class: "size-6" })
+                _(A(ne), { class: "size-6" })
               ])
             ])
           ]),
-          i("div", bt, [
-            (u(!0), m(I, null, E(z.value, (y, P) => (u(), m("div", {
+          d("div", bt, [
+            (u(!0), m(O, null, E(z.value, (y, P) => (u(), m("div", {
               class: "py-2 text-center bg-gray-200",
               key: P
             }, B(y), 1))), 128)),
-            (u(!0), m(I, null, E(O.value, (y) => (u(), m("button", {
-              class: S(["py-2 rounded-sm block text-center", F(y)]),
-              disabled: e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y || e.maxNumberOfValues > 1 && v.value.length === e.maxNumberOfValues && !C(y),
+            (u(!0), m(O, null, E(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 && v.value.length === e.maxNumberOfValues && !S(y),
               onClick: N((P) => k(y), ["stop"])
             }, B(y.getDate()), 11, xt))), 256))
           ])
         ], 64)) : T("", !0),
-        o.value === "years" ? (u(), m(I, { key: 1 }, [
-          i("div", yt, [
-            i("button", {
-              onClick: b[6] || (b[6] = N((y) => c.value -= 10, ["stop"])),
+        o.value === "years" ? (u(), m(O, { key: 1 }, [
+          d("div", yt, [
+            d("button", {
+              onClick: b[6] || (b[6] = N((y) => i.value -= 10, ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              Y(A(re), { class: "size-6" })
+              _(A(re), { class: "size-6" })
             ]),
-            i("span", null, B(c.value) + " - " + B(c.value + 9), 1),
-            i("button", {
-              onClick: b[7] || (b[7] = N((y) => c.value += 10, ["stop"])),
+            d("span", null, B(i.value) + " - " + B(i.value + 9), 1),
+            d("button", {
+              onClick: b[7] || (b[7] = N((y) => i.value += 10, ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              Y(A(ne), { class: "size-6" })
+              _(A(ne), { class: "size-6" })
             ])
           ]),
-          i("div", wt, [
-            (u(), m(I, null, E(10, (y) => i("div", kt, [
-              i("button", {
+          d("div", wt, [
+            (u(), m(O, null, E(10, (y) => d("div", kt, [
+              d("button", {
                 class: "py-2 px-3",
                 onClick: N((P) => {
-                  G(c.value + y - 1), o.value = "days";
+                  G(i.value + y - 1), o.value = "days";
                 }, ["stop"])
-              }, B(c.value + y - 1), 9, $t)
+              }, B(i.value + y - 1), 9, $t)
             ])), 64))
           ])
         ], 64)) : T("", !0)
       ], 16)
     ], 2));
   }
-}), St = ["for"], Ct = ["id", "multiple", "accept"], Cl = {
+}), Ct = ["for"], St = ["id", "multiple", "accept"], Cl = {
   __name: "form-file-button",
   props: {
     modelValue: { type: Array },
@@ -889,8 +889,8 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
     id: { type: String, default: "form-file-button-" + Math.ceil(Math.random() * 1e3) }
   },
   emits: ["update:modelValue", "form-data"],
-  setup(e, { emit: d }) {
-    const t = d, s = e, a = (v) => {
+  setup(e, { emit: c }) {
+    const t = c, s = e, a = (v) => {
       const n = new FormData();
       for (let o of v)
         n.append(s.name, o, o.name);
@@ -906,15 +906,15 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
       D(v.$slots, "default", {}, () => [
         n[0] || (n[0] = X("Upload"))
       ]),
-      i("input", {
+      d("input", {
         type: "file",
         id: e.id,
         multiple: e.multiple,
         accept: e.accept,
         onChange: l,
         class: "hidden"
-      }, null, 40, Ct)
-    ], 8, St));
+      }, null, 40, St)
+    ], 8, Ct));
   }
 }, Vt = ["value"], Mt = {
   key: 0,
@@ -924,45 +924,45 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
   __name: "form-select",
   props: { options: Array, modelValue: [String, Number], disabledLabel: String },
   emits: ["update:modelValue"],
-  setup(e, { emit: d }) {
-    const t = d;
+  setup(e, { emit: c }) {
+    const t = c;
     return (s, a) => (u(), m("select", j(s.$attrs, {
       value: e.modelValue,
       class: "form-select",
       onChange: a[0] || (a[0] = (l) => t("update:modelValue", l.target.value))
     }), [
       e.disabledLabel ? (u(), m("option", Mt, B(e.disabledLabel), 1)) : T("", !0),
-      (u(!0), m(I, null, E(e.options, (l) => (u(), m("option", {
+      (u(!0), m(O, null, E(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, Dt))), 256))
     ], 16, Vt));
   }
-}, Bt = ["aria-checked", "aria-label"], Lt = ["d"], Pt = ["checked"], Vl = {
+}, Bt = ["aria-checked", "aria-label"], Lt = ["d"], Pt = ["checked"], Sl = {
   __name: "form-switch",
   props: { modelValue: Boolean },
   emits: ["update:modelValue"],
-  setup(e, { emit: d }) {
-    const t = d, s = L(() => {
+  setup(e, { emit: c }) {
+    const t = c, s = L(() => {
       let l = Object.assign({}, Z());
       return delete l.class, l;
     }), a = L(() => Z().disabled || Z().disabled === "");
     return (l, v) => (u(), m("label", {
-      class: S(l.$attrs.class),
+      class: $(l.$attrs.class),
       tabindex: "0"
     }, [
-      i("span", {
+      d("span", {
         role: "switch",
-        class: S([
+        class: $([
           "inline-flex relative flex-shrink-0 w-11 h-6 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-none focus:ring-vxvue",
           a.value ? "bg-slate-200" : e.modelValue ? "bg-vxvue" : "bg-slate-300"
         ]),
         "aria-checked": e.modelValue,
         "aria-label": l.$attrs["aria-label"]
       }, [
-        i("span", {
+        d("span", {
           "aria-hidden": "true",
-          class: S([
+          class: $([
             "block relative size-5 rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none",
             e.modelValue ? "translate-x-5" : "translate-x-0",
             a.value ? "bg-slate-100" : "bg-white"
@@ -975,9 +975,9 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
               viewBox: "0 0 24 24",
               "stroke-width": "5",
               stroke: "currentColor",
-              class: S(["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: $(["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"])
             }, [
-              i("path", {
+              d("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: e.modelValue ? "M12 18 V6" : "m18.5 12 c0 3.5 -3 6.5 -6.5 6.5 -3.5 0 -6.5 -3 -6.5 -6.5 0 -3.5 3 -6.5 6.5 -6.5 3.5 0 6.5 3 6.5 6.5z"
@@ -985,7 +985,7 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
             ], 2))
           ])
         ], 2),
-        i("input", j(s.value, {
+        d("input", j(s.value, {
           checked: e.modelValue,
           class: "hidden",
           value: "1",
@@ -996,15 +996,15 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
       D(l.$slots, "default")
     ], 2));
   }
-}, he = (e, d) => {
+}, Ce = (e, c) => {
   const t = e.__vccOpts || e;
-  for (const [s, a] of d)
+  for (const [s, a] of c)
     t[s] = a;
   return t;
 }, Tt = {
   "aria-live": "assertive",
   class: "flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"
-}, Ot = { class: "flex flex-col items-center space-y-4 w-full" }, It = { class: "p-4" }, zt = { class: "flex items-start" }, Ft = { class: "flex-shrink-0" }, Nt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Et = { class: "font-bold" }, jt = { class: "mt-1" }, _t = { class: "flex flex-shrink-0 ml-4" }, Yt = /* @__PURE__ */ Object.assign({
+}, It = { class: "flex flex-col items-center space-y-4 w-full" }, Ot = { class: "p-4" }, zt = { class: "flex items-start" }, Ft = { class: "flex-shrink-0" }, Nt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Et = { class: "font-bold" }, jt = { class: "mt-1" }, Yt = { class: "flex flex-shrink-0 ml-4" }, _t = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "message-toast",
@@ -1016,42 +1016,42 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
     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);
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = L(() => typeof t.message == "string" ? [t.message] : t.message), l = w(0);
     let v = null;
     const n = () => {
       window.clearTimeout(v), l.value = 100, t.active && t.timeout && (v = window.setTimeout(() => {
         s("timeout");
       }, t.timeout), window.setTimeout(() => l.value = 0, 0));
     };
-    return K(() => t.active, n), me(n), (o, c) => (u(), m("div", Tt, [
-      i("div", Ot, [
-        Y(ce, { name: "messagetoast-fade" }, {
+    return K(() => t.active, n), me(n), (o, i) => (u(), m("div", Tt, [
+      d("div", It, [
+        _(ce, { name: "messagetoast-fade" }, {
           default: te(() => [
             e.active ? (u(), m("div", {
               key: 0,
-              class: S(["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: $(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", o.$attrs.class])
             }, [
-              i("div", It, [
-                i("div", zt, [
-                  i("div", Ft, [
+              d("div", Ot, [
+                d("div", zt, [
+                  d("div", Ft, [
                     D(o.$slots, "icon", {}, void 0, !0)
                   ]),
-                  i("div", Nt, [
+                  d("div", Nt, [
                     D(o.$slots, "title", {}, () => [
-                      i("div", Et, B(e.title), 1)
+                      d("div", Et, B(e.title), 1)
                     ], !0),
                     D(o.$slots, "default", {}, () => [
-                      (u(!0), m(I, null, E(a.value, (r) => (u(), m("p", jt, B(r), 1))), 256))
+                      (u(!0), m(O, null, E(a.value, (r) => (u(), m("p", jt, B(r), 1))), 256))
                     ], !0)
                   ]),
-                  i("div", _t, [
-                    i("button", {
-                      onClick: c[0] || (c[0] = (r) => s("close")),
+                  d("div", Yt, [
+                    d("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"
                     }, [
-                      c[1] || (c[1] = i("span", { class: "sr-only" }, "Close", -1)),
-                      Y(A(we), { class: "size-5" })
+                      i[1] || (i[1] = d("span", { class: "sr-only" }, "Close", -1)),
+                      _(A(ye), { class: "size-5" })
                     ])
                   ])
                 ])
@@ -1059,7 +1059,7 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
               e.showTimeoutProgress && e.timeout ? (u(), m("div", {
                 key: 0,
                 class: "h-1 transition-all ease-linear bg-vxvue-alt",
-                style: ye({
+                style: xe({
                   width: l.value + "%",
                   "transition-duration": e.timeout + "ms"
                 }),
@@ -1074,14 +1074,14 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
       ])
     ]));
   }
-}), Ml = /* @__PURE__ */ he(Yt, [["__scopeId", "data-v-1300160b"]]), Rt = {
+}), Vl = /* @__PURE__ */ Ce(_t, [["__scopeId", "data-v-1300160b"]]), Rt = {
   key: 0,
   class: "fixed inset-0 z-[9998] bg-white/50 backdrop-blur-sm",
   "aria-hidden": "true"
 }, Wt = {
   key: 0,
   class: "fixed inset-0 z-[9999]"
-}, Ht = { class: "flex justify-center items-center h-screen" }, Dl = {
+}, Ht = { class: "flex justify-center items-center h-screen" }, Ml = {
   __name: "modal",
   props: {
     show: Boolean,
@@ -1090,26 +1090,26 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
     contentClass: { type: String, default: "" }
   },
   emits: ["clicked-outside"],
-  setup(e, { emit: d }) {
-    const t = d, s = w(null);
-    return fe(s, () => t("clicked-outside")), (a, l) => (u(), m(I, null, [
+  setup(e, { emit: c }) {
+    const t = c, s = w(null);
+    return fe(s, () => t("clicked-outside")), (a, l) => (u(), m(O, null, [
       e.show ? (u(), m("div", Rt)) : T("", !0),
-      Y(ce, { name: "appear" }, {
+      _(ce, { name: "appear" }, {
         default: te(() => [
           e.show ? (u(), m("div", Wt, [
-            i("div", Ht, [
-              i("div", {
-                class: S(["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]),
+            d("div", Ht, [
+              d("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
               }, [
-                i("div", {
-                  class: S(e.headerClass)
+                d("div", {
+                  class: $(e.headerClass)
                 }, [
                   D(a.$slots, "title")
                 ], 2),
-                i("div", {
-                  class: S(["overflow-y-auto h-full pb-4 mt-16", e.contentClass])
+                d("div", {
+                  class: $(["overflow-y-auto h-full pb-4 mt-16", e.contentClass])
                 }, [
                   D(a.$slots, "default")
                 ], 2)
@@ -1121,33 +1121,21 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
       })
     ], 64));
   }
-}, Ut = { class: "flex justify-between items-center px-4 sm:px-0" }, Zt = { 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 = {
+}, Ut = { class: "flex justify-between items-center px-4 sm:px-0" }, Zt = { 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"], Dl = {
   __name: "pagination",
   props: {
     page: { type: Number, default: 1 },
     total: { type: Number, default: 1 },
-    perPage: {
-      type: Number,
-      default: 20,
-      validator(e) {
-        return e >= 1;
-      }
-    },
+    perPage: { type: Number, default: 20, validator: (e) => e >= 1 },
     showNavButtons: { type: Boolean, default: !0 },
     prevText: { type: String, default: "Previous" },
     nextText: { type: String, default: "Next" },
     showAllPages: { type: Boolean, default: !1 },
-    markerPosition: {
-      type: String,
-      default: "above",
-      validator(e) {
-        return ["above", "below"].indexOf(e) !== -1;
-      }
-    }
+    markerPosition: { type: String, default: "above", validator: (e) => ["above", "below"].includes(e) }
   },
   emits: ["update:page"],
-  setup(e, { emit: d }) {
-    const t = d, s = e, a = w(Math.ceil(s.total / s.perPage)), l = w(null), v = L(() => (s.markerPosition === "above" ? "border-t-4 -mt-[4px]" : "border-b-4 -mb-[4px]") + " py-4"), n = L(() => {
+  setup(e, { emit: c }) {
+    const t = c, s = e, a = w(Math.ceil(s.total / s.perPage)), l = w(null), v = 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) {
         for (let f = 2; f <= a.value; ++f)
@@ -1157,7 +1145,7 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
       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 = () => {
       l.value > 1 && t("update:page", l.value - 1);
-    }, c = () => {
+    }, i = () => {
       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) => {
@@ -1165,25 +1153,25 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
     }), 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", Ut, [
-      i("div", Zt, [
+      d("div", Zt, [
         e.showNavButtons ? (u(), m("button", {
           key: 0,
           onClick: o,
           disabled: l.value <= 1,
-          class: S([
+          class: $([
             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"
           ])
         }, [
-          Y(A(re), { class: "size-5" }),
+          _(A(re), { class: "size-5" }),
           X(" " + B(e.prevText), 1)
         ], 10, Kt)) : T("", !0)
       ]),
-      i("div", qt, [
-        (u(!0), m(I, null, E(n.value, (x, h) => (u(), W(ie(x !== "dots" ? "button" : "span"), {
+      d("div", qt, [
+        (u(!0), m(O, null, E(n.value, (x, h) => (u(), W(ie(x !== "dots" ? "button" : "span"), {
           onClick: (p) => x !== "dots" ? t("update:page", x) : null,
           key: h,
-          class: S([
+          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.value,
@@ -1196,24 +1184,24 @@ const vt = { key: 0 }, mt = { class: "text-vxvue-700" }, ft = /* @__PURE__ */ Ob
           _: 2
         }, 1032, ["onClick", "class"]))), 128))
       ]),
-      i("div", Xt, [
+      d("div", Xt, [
         e.showNavButtons ? (u(), m("button", {
           key: 0,
-          onClick: c,
+          onClick: i,
           disabled: l.value >= a.value,
-          class: S([
+          class: $([
             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"
           ])
         }, [
           X(B(e.nextText) + " ", 1),
-          Y(A(ne), { class: "size-5" })
+          _(A(ne), { class: "size-5" })
         ], 10, Gt)) : T("", !0)
       ])
     ]));
   }
 };
-function Jt(e, d) {
+function Jt(e, c) {
   return u(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1223,14 +1211,14 @@ function Jt(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"
     })
   ]);
 }
-function Qt(e, d) {
+function Qt(e, c) {
   return u(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1240,36 +1228,36 @@ function Qt(e, d) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    i("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"
     }),
-    i("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
     })
   ]);
 }
-const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const el = ["value", "type"], tl = ["disabled"], Al = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "password-input",
   props: ["modelValue"],
   emits: ["update:modelValue"],
-  setup(e, { emit: d }) {
-    const t = d, s = w(!1), a = L(() => {
+  setup(e, { emit: c }) {
+    const t = c, s = w(!1), a = L(() => {
       let l = Object.assign({}, Z());
       return delete l.class, l;
     });
     return (l, v) => (u(), m("div", {
-      class: S("inline-block relative " + Z().class)
+      class: $("inline-block relative " + Z().class)
     }, [
-      i("input", j({
+      d("input", j({
         value: e.modelValue,
         type: s.value ? "text" : "password",
         onInput: v[0] || (v[0] = (n) => t("update:modelValue", n.target.value))
       }, a.value, { class: "block pr-12 w-full form-input peer" }), null, 16, el),
-      i("button", {
+      d("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: Z().disabled ?? !1,
@@ -1288,23 +1276,23 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
 }), ll = { class: "flex items-center pb-1" }, al = {
   key: 0,
   class: "ml-6"
-}, Ll = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Bl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "simple-tree",
   props: {
     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);
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = w(!1);
     return me(() => {
       t.branch === t.modelValue && s("expand", !0);
     }), (l, v) => {
       const n = Le("simple-tree", !0);
       return u(), m("div", {
-        class: S([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", l.$attrs.class])
+        class: $([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", l.$attrs.class])
       }, [
-        i("div", ll, [
+        d("div", ll, [
           e.branch.branches && e.branch.branches.length ? (u(), m("button", {
             key: 0,
             onClick: v[0] || (v[0] = (o) => a.value = !a.value),
@@ -1321,7 +1309,7 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
             key: 1,
             branch: e.branch
           }, () => [
-            i("strong", null, B(e.branch.label), 1)
+            d("strong", null, B(e.branch.label), 1)
           ]) : (u(), m("button", {
             key: 2,
             onClick: v[1] || (v[1] = (o) => s("update:modelValue", e.branch))
@@ -1331,17 +1319,17 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
             ])
           ]))
         ]),
-        e.branch.branches && e.branch.branches.length ? xe((u(), m("div", al, [
-          (u(!0), m(I, null, E(e.branch.branches, (o) => (u(), W(n, {
+        e.branch.branches && e.branch.branches.length ? be((u(), m("div", al, [
+          (u(!0), m(O, null, E(e.branch.branches, (o) => (u(), W(n, {
             key: o.id || o.key || null,
             branch: o,
             "model-value": e.modelValue,
-            "onUpdate:modelValue": v[2] || (v[2] = (c) => s("update:modelValue", c)),
-            onExpand: v[3] || (v[3] = (c) => {
-              a.value = c, s("expand", c);
+            "onUpdate:modelValue": v[2] || (v[2] = (i) => s("update:modelValue", i)),
+            onExpand: v[3] || (v[3] = (i) => {
+              a.value = i, s("expand", i);
             })
           }, Pe({ _: 2 }, [
-            E(l.$slots, (c, r) => ({
+            E(l.$slots, (i, r) => ({
               name: r,
               fn: te((f) => [
                 D(l.$slots, r, j({ ref_for: !0 }, f))
@@ -1354,35 +1342,35 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
       ], 2);
     };
   }
-}), Pl = {
+}), Ll = {
   __name: "sizable",
   props: { vertical: Boolean },
   emits: ["dragStart", "dragStop"],
-  setup(e, { emit: d }) {
-    const t = e, s = d, a = w(null), l = w(null);
-    let v = !1, n = {}, o = null, c = null, r = null;
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = w(null), l = w(null);
+    let v = !1, n = {}, o = null, i = null, r = null;
     const f = (p) => {
-      var $;
+      var C;
       if (v) {
         p.preventDefault();
-        const { pageX: O, pageY: z } = (($ = p.touches) == null ? void 0 : $[0]) ?? p;
-        t.vertical ? a.value.style.height = Math.min(c.height - r.height - (o.y - c.y), Math.max(0, o.height + z - n.y)) + "px" : a.value.style.width = Math.min(c.width - r.width - (o.x - c.x), Math.max(0, o.width + O - n.x)) + "px";
+        const { pageX: I, pageY: z } = ((C = p.touches) == null ? void 0 : C[0]) ?? p;
+        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 = (p) => {
       var z;
       p.preventDefault(), p.currentTarget.focus(), v = !0;
-      const { pageX: $, pageY: O } = ((z = p.touches) == null ? void 0 : z[0]) ?? p;
-      n = { x: $, y: O }, r = l.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), c = a.value.parentElement.getBoundingClientRect(), p.type === "mousedown" ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", h)) : (document.addEventListener("touchmove", f), document.addEventListener("touchend", h)), s("dragStart");
+      const { pageX: C, pageY: I } = ((z = p.touches) == null ? void 0 : z[0]) ?? p;
+      n = { x: C, y: I }, r = l.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), i = a.value.parentElement.getBoundingClientRect(), p.type === "mousedown" ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", h)) : (document.addEventListener("touchmove", f), document.addEventListener("touchend", h)), s("dragStart");
     }, h = (p) => {
       v && (v = !1, p.type === "mouseup" ? (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", h)) : (document.removeEventListener("touchmove", f), document.removeEventListener("touchend", h)), setTimeout(() => s("dragStop"), 0));
     };
-    return (p, $) => (u(), m("div", {
+    return (p, C) => (u(), m("div", {
       class: "relative",
       ref_key: "box",
       ref: a
     }, [
       D(p.$slots, "default"),
-      i("div", j({
+      d("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,
@@ -1394,14 +1382,14 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
         ref: l
       }), [
         D(p.$slots, "handle", {}, () => [
-          i("div", {
-            class: S(["rounded-full bg-vxvue-400", t.vertical ? "h-1.5 w-8" : "h-8 w-1.5"])
+          d("div", {
+            class: $(["rounded-full bg-vxvue", t.vertical ? "h-1.5 w-8" : "h-8 w-1.5"])
           }, null, 2)
         ])
       ], 16)
     ], 512));
   }
-}, sl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], nl = ["id"], ol = ["id", "aria-label"], Tl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, sl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], nl = ["id"], ol = ["id", "aria-label"], Pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "slider",
   props: {
     min: { type: Number, default: 0 },
@@ -1409,61 +1397,61 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
     vertical: Boolean,
     disabled: Boolean,
     modelValue: { type: [Number, Array], validator(e) {
-      return typeof e == "number" || e.every((d) => typeof d == "number");
+      return typeof e == "number" || e.every((c) => typeof c == "number");
     } }
   },
   emits: ["update:modelValue", "dragStart", "dragStop"],
-  setup(e, { emit: d }) {
-    const t = e, s = d, a = Z(), l = { x: null, y: null }, v = { w: null, h: null };
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = Z(), l = { x: null, y: null }, v = { w: null, h: null };
     let n = !1;
-    const o = w(null), c = 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 o = w(null), i = w(0), r = L(() => {
+      const k = t.max, S = t.min;
+      return t.modelValue instanceof Array ? t.modelValue.map((F) => (Math.max(Math.min(F, k), S) - S) * 100 / (k - S)) : (Math.max(Math.min(t.modelValue, k), S) - S) * 100 / (k - S);
     }), 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 k = Math.min(...r.value) + "%", S = Math.max(...r.value) - Math.min(...r.value) + "%";
+        return t.vertical ? { bottom: k, height: S } : { left: k, width: S };
       }
       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"),
       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 S = parseFloat(k.toFixed(10));
+      if (S = Math.min(t.max, Math.max(t.min, S)), t.modelValue instanceof Array) {
         let F = [...t.modelValue];
-        F[c.value] = C, s("update:modelValue", F);
+        F[i.value] = S, s("update:modelValue", F);
       } else
-        s("update:modelValue", C);
+        s("update:modelValue", S);
     }, p = (k) => {
-      const { pageX: C, pageY: F } = k.touches ? k.touches[0] : k, g = t.vertical ? (-F + l.y) / v.h : (C - l.x) / v.w;
+      const { pageX: S, pageY: F } = k.touches ? k.touches[0] : k, g = t.vertical ? (-F + l.y) / v.h : (S - l.x) / v.w;
       h(Math.floor((t.max - t.min) * g + t.min));
-    }, $ = () => {
-      const { clientLeft: k, clientTop: C, scrollLeft: F, scrollTop: g } = document.documentElement, b = o.value.getBoundingClientRect();
-      l.x = b.left + F - k, l.y = b.bottom + g - C, v.w = o.value.offsetWidth, v.h = o.value.offsetHeight;
-    }, O = (k) => {
+    }, C = () => {
+      const { clientLeft: k, clientTop: S, scrollLeft: F, scrollTop: g } = document.documentElement, b = o.value.getBoundingClientRect();
+      l.x = b.left + F - k, l.y = b.bottom + g - S, v.w = o.value.offsetWidth, v.h = o.value.offsetHeight;
+    }, I = (k) => {
       n && (k.preventDefault(), p(k));
     }, z = (k) => {
-      k.preventDefault(), k.currentTarget.focus(), $(), n = !0, k.type === "mousedown" ? (document.addEventListener("mousemove", O), document.addEventListener("mouseup", _)) : (document.addEventListener("touchmove", O), document.addEventListener("touchend", _)), s("dragStart");
-    }, _ = (k) => {
-      n && (n = !1, k.type === "mouseup" ? (document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", _)) : (document.removeEventListener("touchmove", O), document.removeEventListener("touchend", _)), setTimeout(() => s("dragStop"), 0));
+      k.preventDefault(), k.currentTarget.focus(), C(), 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[c.value] ?? t.modelValue;
+      const S = t.modelValue[i.value] ?? t.modelValue;
       switch (k.keyCode) {
         case 37:
         case 40:
-          h(C - 1);
+          h(S - 1);
           break;
         case 39:
         case 38:
-          h(C + 1);
+          h(S + 1);
           break;
         case 33:
-          h(C + (t.max - t.min) / 10);
+          h(S + (t.max - t.min) / 10);
           break;
         case 34:
-          h(C - (t.max - t.min) / 10);
+          h(S - (t.max - t.min) / 10);
           break;
         case 36:
           h(t.min);
@@ -1472,9 +1460,9 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
           h(t.max);
       }
     }, U = (k) => {
-      $(), p(k);
+      C(), p(k);
     };
-    return (k, C) => (u(), m("div", j({
+    return (k, S) => (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"],
       ref_key: "track",
       ref: o,
@@ -1489,52 +1477,52 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
     }, !0)), [
       e.disabled ? T("", !0) : (u(), m("div", {
         key: 0,
-        class: S(["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)
+        class: $(["absolute bg-vxvue", e.vertical ? "w-full rounded-t-full rounded-b-full" : "h-full rounded-r-full rounded-l-full"]),
+        style: xe(f.value)
       }, null, 6)),
-      e.modelValue.length ? (u(!0), m(I, { key: 2 }, E(e.modelValue, (F, g) => (u(), m("button", j({
+      e.modelValue.length ? (u(!0), m(O, { key: 2 }, E(e.modelValue, (F, g) => (u(), m("button", j({
         id: g ? null : A(a).id,
         style: e.vertical ? { bottom: r.value[g] + "%" } : { left: r.value[g] + "%" },
         "aria-label": "slider-thumb-" + (g + 1)
       }, oe(e.disabled ? {} : {
-        focus: () => c.value = g,
+        focus: () => i.value = g,
         keydown: G,
         touchstart: (b) => {
-          c.value = g, z(b);
+          i.value = g, z(b);
         },
         mousedown: (b) => {
-          c.value = g, z(b);
+          i.value = g, z(b);
         },
-        touchend: _,
-        mouseup: _
+        touchend: Y,
+        mouseup: Y
       }, !0), { ref_for: !0 }, x.value), null, 16, ol))), 256)) : (u(), m("button", j({
         key: 1,
         id: A(a).id,
         style: e.vertical ? { bottom: r.value + "%" } : { left: r.value + "%" },
         "aria-label": "slider-thumb"
       }, oe(e.disabled ? {} : {
-        focus: () => c.value = 0,
+        focus: () => i.value = 0,
         keydown: G,
         touchstart: (F) => {
-          c.value = 0, z(F);
+          i.value = 0, z(F);
         },
         mousedown: (F) => {
-          c.value = 0, z(F);
+          i.value = 0, z(F);
         },
-        touchend: _,
-        mouseup: _
+        touchend: Y,
+        mouseup: Y
       }, !0), x.value), null, 16, nl))
     ], 16, sl));
   }
-}), rl = { class: "text-white bg-vxvue-800" }, ul = ["onClick"], il = { class: "flex items-center space-x-1" }, dl = {
+}), rl = ["data-active", "onClick"], ul = { class: "flex items-center space-x-1" }, il = ["data-active"], Tl = {
   __name: "sortable",
   props: {
     columns: {
       type: Array,
       required: !0,
       validator: (e) => {
-        for (const d of e)
-          if (d.label === void 0 || d.prop === void 0)
+        for (const c of e)
+          if (c.label === void 0 || c.prop === void 0)
             return !1;
         return !0;
       }
@@ -1543,29 +1531,35 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
     offset: { type: Number, default: null },
     count: { type: Number, default: null },
     sortProp: { type: String },
-    sortDirection: { type: String, validator: (e) => !e || ["asc", "desc"].indexOf(e) !== -1 },
-    keyProperty: { type: String, default: "key" }
+    sortDirection: { type: String, 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), v = L(() => {
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = w(t.sortProp), l = w(t.sortDirection), v = L(() => {
       let o = t.rows.slice();
-      const c = t.columns.find(({ prop: r }) => r === a.value);
-      return c && (l.value === "asc" && c.sortAscFunction ? o.sort(c.sortAscFunction) : l.value === "desc" && c.sortDescFunction ? o.sort(c.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));
+      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 }));
     };
-    return (o, c) => (u(), m("table", {
-      class: S(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
+    return (o, i) => (u(), m("table", {
+      class: $(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
     }, [
-      i("thead", rl, [
-        i("tr", null, [
-          (u(!0), m(I, null, E(e.columns, (r) => (u(), m("th", {
+      d("thead", {
+        class: $(e.headerClass)
+      }, [
+        d("tr", null, [
+          (u(!0), m(O, null, E(e.columns, (r) => (u(), m("th", {
             scope: "col",
-            class: S(["py-3 px-6 text-left", [
-              { "cursor-pointer": r.sortable, active: a.value === r.prop },
+            "data-active": a.value === r.prop ? "active" : null,
+            class: $([
+              "py-3 px-6 text-left",
+              { "cursor-pointer": r.sortable },
               r.cssClass
-            ]]),
+            ]),
             onClick: (f) => r.sortable ? n(r.prop) : null
           }, [
             D(o.$slots, r.prop + "-header", {
@@ -1573,69 +1567,72 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
               sortDir: l.value,
               sortProp: a.value
             }, () => [
-              i("div", il, [
-                i("span", null, B(r.label), 1),
-                r.sortable ? (u(), W(ie(a.value !== r.prop ? A(Ie) : l.value === "asc" ? A(Oe) : A(ze)), {
+              d("div", ul, [
+                d("span", null, B(r.label), 1),
+                r.sortable ? (u(), W(ie(a.value !== r.prop ? A(Oe) : l.value === "asc" ? A(Ie) : A(ze)), {
                   key: 0,
                   class: "size-4"
                 })) : T("", !0)
               ])
-            ], !0)
-          ], 10, ul))), 256))
+            ])
+          ], 10, rl))), 256))
         ])
-      ]),
-      i("tbody", null, [
-        (u(!0), m(I, null, E(v.value, (r) => (u(), m("tr", {
+      ], 2),
+      d("tbody", {
+        class: $(e.bodyClass)
+      }, [
+        (u(!0), m(O, null, E(v.value, (r) => (u(), m("tr", {
           key: r[e.keyProperty],
-          class: S(r.cssClass)
+          class: $(r.cssClass)
         }, [
-          (u(!0), m(I, null, E(e.columns, (f) => (u(), m("td", {
-            class: S(["overflow-hidden py-3 px-6 whitespace-nowrap text-ellipsis", { active: a.value === f.prop }])
+          (u(!0), m(O, null, E(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
           }, [
             D(o.$slots, f.prop, { row: r }, () => [
               X(B(r[f.prop]), 1)
-            ], !0)
-          ], 2))), 256))
+            ])
+          ], 8, il))), 256))
         ], 2))), 128))
-      ])
+      ], 2)
     ], 2));
   }
-}, Ol = /* @__PURE__ */ he(dl, [["__scopeId", "data-v-6abd4b76"]]), cl = { class: "flex items-center space-x-2" }, vl = ["disabled"], ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, dl = { class: "flex items-center space-x-2" }, cl = ["disabled"], vl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "submit-button",
   props: { busy: Boolean, spinnerClass: String, theme: String },
   emits: ["submit"],
-  setup(e, { emit: d }) {
-    const t = d;
-    return (s, a) => (u(), m("div", cl, [
-      i("button", {
-        class: S([s.$attrs.class, e.theme]),
+  setup(e, { emit: c }) {
+    const t = c;
+    return (s, a) => (u(), m("div", dl, [
+      d("button", {
+        class: $([s.$attrs.class, e.theme]),
         disabled: s.$attrs.disabled || e.busy,
         type: "button",
         onClick: a[0] || (a[0] = (l) => t("submit"))
       }, [
         D(s.$slots, "default", {}, void 0, !0)
-      ], 10, vl),
-      e.busy ? (u(), W(ke, {
+      ], 10, cl),
+      e.busy ? (u(), W(we, {
         key: 0,
-        class: S(e.spinnerClass || ["size-5", { error: "text-error", success: "text-success", default: "text-vxvue" }[e.theme || "default"]])
+        class: $(e.spinnerClass || ["size-5", { error: "text-error", success: "text-success", default: "text-vxvue" }[e.theme || "default"]])
       }, null, 8, ["class"])) : T("", !0)
     ]));
   }
-}), Il = /* @__PURE__ */ he(ml, [["__scopeId", "data-v-2eba6082"]]), fl = { class: "sm:hidden" }, hl = { class: "hidden sm:block" }, pl = { class: "border-b border-gray-200" }, gl = {
+}), Il = /* @__PURE__ */ Ce(vl, [["__scopeId", "data-v-2eba6082"]]), ml = { class: "sm:hidden" }, fl = { class: "hidden sm:block" }, hl = { class: "border-b border-gray-200" }, pl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
-}, bl = ["onClick", "aria-current"], zl = {
+}, gl = ["onClick", "aria-current"], Ol = {
   __name: "tabs",
   props: {
     items: { type: Array, default: [] },
     activeIndex: { type: Number, default: 0 }
   },
   emits: ["update:active-index"],
-  setup(e, { emit: d }) {
-    const t = e, s = d, a = w(t.items[t.activeIndex] || {}), l = L(() => {
+  setup(e, { emit: c }) {
+    const t = e, s = c, a = w(t.items[t.activeIndex] || {}), l = L(() => {
       let n = [];
-      return t.items.forEach((o, c) => {
-        o.disabled || n.push({ label: o.name, key: c });
+      return t.items.forEach((o, i) => {
+        o.disabled || n.push({ label: o.name, key: i });
       }), n;
     });
     K(() => t.activeIndex, (n) => {
@@ -1644,46 +1641,52 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
     const v = (n) => {
       n.disabled || (a.value = n, s("update:active-index", t.items.indexOf(n)));
     };
-    return (n, o) => (u(), m(I, null, [
-      i("div", fl, [
-        Y(At, {
+    return (n, o) => (u(), m(O, null, [
+      d("div", ml, [
+        _(At, {
           options: l.value,
           "model-value": e.activeIndex,
-          "onUpdate:modelValue": o[0] || (o[0] = (c) => s("update:activeIndex", c)),
+          "onUpdate:modelValue": o[0] || (o[0] = (i) => s("update:activeIndex", i)),
           class: "w-full"
         }, null, 8, ["options", "model-value"])
       ]),
-      i("div", hl, [
-        i("div", pl, [
-          i("nav", gl, [
-            (u(!0), m(I, null, E(e.items, (c) => (u(), m("a", {
-              key: c.name,
+      d("div", fl, [
+        d("div", hl, [
+          d("nav", pl, [
+            (u(!0), m(O, null, E(e.items, (i) => (u(), m("a", {
+              key: i.name,
               href: "#",
-              onClick: N((r) => v(c), ["prevent"]),
-              class: S([
-                a.value === c ? "border-vxvue text-vxvue-600" : "border-transparent text-gray-900 hover:text-gray-700 hover:border-gray-300",
-                c.disabled ? "cursor-not-allowed text-gray-400 hover:border-transparent" : "",
-                "group inline-flex items-center py-4 px-1 border-b-4 font-medium !no-underline"
+              onClick: N((r) => v(i), ["prevent"]),
+              class: $([
+                "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
+                }
               ]),
-              "aria-current": a.value === c ? "page" : void 0
+              "aria-current": a.value === i ? "page" : void 0
             }, [
-              D(n.$slots, "icon", { tab: c }),
-              i("span", null, [
-                D(n.$slots, "default", { tab: c }, () => [
-                  X(B(c.name), 1)
+              D(n.$slots, "icon", { tab: i }),
+              d("span", null, [
+                D(n.$slots, "default", { tab: i }, () => [
+                  X(B(i.name), 1)
                 ])
               ]),
-              D(n.$slots, "badge", { tab: c }, () => [
-                c.badge ? (u(), m("span", {
+              D(n.$slots, "badge", { tab: i }, () => [
+                i.badge ? (u(), m("span", {
                   key: 0,
-                  class: S([
-                    a.value === c ? "bg-vxvue-50 text-vxvue-700" : "bg-gray-200 text-gray-900",
-                    c.disabled ? "bg-gray-100 text-gray-400" : "",
-                    "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
+                  class: $([
+                    "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
+                    }
                   ])
-                }, B(c.badge), 3)) : T("", !0)
+                }, B(i.badge), 3)) : T("", !0)
               ])
-            ], 10, bl))), 128))
+            ], 10, gl))), 128))
           ])
         ])
       ])
@@ -1691,24 +1694,24 @@ const el = ["value", "type"], tl = ["disabled"], Bl = /* @__PURE__ */ Object.ass
   }
 };
 export {
-  yl as Accordion,
-  wl as AccordionPanel,
-  kl as Autocomplete,
-  $l as Confirm,
+  xl as Accordion,
+  yl as AccordionPanel,
+  wl as Autocomplete,
+  kl as Confirm,
   ft as DateInput,
-  Sl as Datepicker,
+  $l as Datepicker,
   Cl as FormFileButton,
   At as FormSelect,
-  Vl as FormSwitch,
-  Ml as MessageToast,
-  Dl as Modal,
-  Al as Pagination,
-  Bl as PasswordInput,
-  Ll as SimpleTree,
-  Pl as Sizable,
-  Tl as Slider,
-  Ol as Sortable,
-  ke as Spinner,
+  Sl as FormSwitch,
+  Vl as MessageToast,
+  Ml as Modal,
+  Dl as Pagination,
+  Al as PasswordInput,
+  Bl as SimpleTree,
+  Ll as Sizable,
+  Pl as Slider,
+  Tl as Sortable,
+  we as Spinner,
   Il as SubmitButton,
-  zl as Tabs
+  Ol as Tabs
 };