vx-vue 1.0.0 → 1.0.2

package/dist/vxvue.es.js

@@ -1,44 +1,44 @@
-import { useSlots as Ce, ref as w, computed as A, onBeforeUpdate as Se, openBlock as r, createElementBlock as m, Fragment as I, renderList as O, createBlock as N, resolveDynamicComponent as se, createElementVNode as i, useAttrs as W, normalizeClass as $, unref as V, renderSlot as M, getCurrentScope as Ve, onScopeDispose as Me, watch as U, onUpdated as De, mergeProps as j, withKeys as Q, withModifiers as _, createCommentVNode as B, toDisplayString as D, createVNode as T, Transition as ie, withCtx as X, createTextVNode as Z, nextTick as de, toValue as fe, withDirectives as ge, vModelText as Ae, onMounted as ce, pushScopeId as Be, popScopeId as Ie, resolveComponent as Pe, createSlots as _e, vShow as Le, toHandlers as re, normalizeStyle as Fe } from "vue";
+import { useSlots as Se, ref as w, computed as B, onBeforeUpdate as Ve, openBlock as u, createElementBlock as v, Fragment as P, renderList as F, createBlock as N, resolveDynamicComponent as se, createElementVNode as i, useAttrs as W, normalizeClass as $, unref as V, renderSlot as M, getCurrentScope as Me, onScopeDispose as De, watch as U, onUpdated as Ae, mergeProps as E, withKeys as Q, withModifiers as L, createCommentVNode as A, toDisplayString as D, createVNode as j, Transition as ie, withCtx as X, createTextVNode as Z, nextTick as de, toValue as fe, withDirectives as ge, vModelText as Be, onMounted as ce, normalizeStyle as be, pushScopeId as Pe, popScopeId as Ie, resolveComponent as Le, createSlots as Te, vShow as _e, toHandlers as re } from "vue";
 const Ml = {
   __name: "accordion",
   props: { activeIndex: [Number, Array] },
   emits: ["update:activeIndex"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = Ce(), l = w([]), c = (h) => l.value.push(h), n = A(() => (l.value = [], a.default().reduce((h, f) => ((f.type.__name || f.type.name) === "accordion-panel" && h.push(f), h), []))), o = (h) => {
-      if (Array.isArray(t.activeIndex)) {
-        let f = [].concat(t.activeIndex), g = f.findIndex((y) => y === h);
+    const l = e, s = d, a = Se(), t = w([]), c = (h) => t.value.push(h), n = B(() => (t.value = [], a.default().reduce((h, f) => ((f.type.__name || f.type.name) === "accordion-panel" && h.push(f), h), []))), o = (h) => {
+      if (Array.isArray(l.activeIndex)) {
+        let f = [].concat(l.activeIndex), g = f.findIndex((y) => y === h);
         g === -1 ? s("update:activeIndex", [...f, h]) : (f.splice(g, 1), s("update:activeIndex", f));
       } else
-        s("update:activeIndex", h === t.activeIndex ? -1 : h);
-    }, v = (h) => {
-      if (h = ++h % n.value.length, !l.value[h].disabled) {
-        o(h), l.value[h].focus();
+        s("update:activeIndex", h === l.activeIndex ? -1 : h);
+    }, m = (h) => {
+      if (h = ++h % n.value.length, !t.value[h].disabled) {
+        o(h), t.value[h].focus();
         return;
       }
-      v(h);
-    }, u = (h) => {
-      if (h = (h || n.value.length) - 1, !l.value[h].disabled) {
-        o(h), l.value[h].focus();
+      m(h);
+    }, r = (h) => {
+      if (h = (h || n.value.length) - 1, !t.value[h].disabled) {
+        o(h), t.value[h].focus();
         return;
       }
-      u(h);
+      r(h);
     };
-    return Se(() => l.value = []), (h, f) => (r(!0), m(I, null, O(n.value, (g, y) => {
-      var L;
-      return r(), N(se(g), {
+    return Ve(() => t.value = []), (h, f) => (u(!0), v(P, null, F(n.value, (g, y) => {
+      var T;
+      return u(), N(se(g), {
         key: y,
-        show: Array.isArray(e.activeIndex) ? ((L = e.activeIndex) == null ? void 0 : L.indexOf(y)) !== -1 : e.activeIndex === y,
-        onSelect: (F) => o(y),
-        onKeydown: (F) => v(y),
-        onKeyup: (F) => u(y),
+        show: Array.isArray(e.activeIndex) ? ((T = e.activeIndex) == null ? void 0 : T.indexOf(y)) !== -1 : e.activeIndex === y,
+        onSelect: (_) => o(y),
+        onKeydown: (_) => m(y),
+        onKeyup: (_) => r(y),
         ref_for: !0,
         ref: c
       }, null, 40, ["show", "onSelect", "onKeydown", "onKeyup"]);
     }), 128));
   }
 };
-function Oe(e, d) {
-  return r(), m("svg", {
+function Fe(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -53,7 +53,7 @@ function Oe(e, d) {
   ]);
 }
 function le(e, d) {
-  return r(), m("svg", {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -68,7 +68,7 @@ function le(e, d) {
   ]);
 }
 function te(e, d) {
-  return r(), m("svg", {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -82,8 +82,8 @@ function te(e, d) {
     })
   ]);
 }
-function ze(e, d) {
-  return r(), m("svg", {
+function Oe(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -97,8 +97,8 @@ function ze(e, d) {
     })
   ]);
 }
-function Te(e, d) {
-  return r(), m("svg", {
+function ze(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -113,7 +113,7 @@ function Te(e, d) {
   ]);
 }
 function je(e, d) {
-  return r(), m("svg", {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -127,8 +127,8 @@ function je(e, d) {
     })
   ]);
 }
-function Ne(e, d) {
-  return r(), m("svg", {
+function Ee(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -142,8 +142,8 @@ function Ne(e, d) {
     })
   ]);
 }
-function be(e, d) {
-  return r(), m("svg", {
+function xe(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -157,18 +157,18 @@ function be(e, d) {
     })
   ]);
 }
-const Ye = ["id", "disabled", "aria-expanded", "aria-controls"], Ee = ["aria-labelledby", "id"], Re = { class: "overflow-hidden rounded-b" }, Dl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Ne = ["id", "disabled", "aria-expanded", "aria-controls"], Ye = ["aria-labelledby", "id"], Re = { class: "overflow-hidden rounded-b" }, Dl = /* @__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 = W(), c = w(null), n = Math.random().toString(20).substring(2, 8), o = (u) => {
+  setup(e, { expose: d, emit: l }) {
+    const s = l, a = e, t = W(), c = w(null), n = Math.random().toString(20).substring(2, 8), o = (r) => {
       if (!a.disabled) {
-        const h = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(u.keyCode);
-        h && (s(h), u.preventDefault());
+        const h = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(r.keyCode);
+        h && (s(h), r.preventDefault());
       }
     };
-    return d({ focus: () => c.value.focus(), disabled: a.disabled }), (u, h) => (r(), m("div", null, [
+    return d({ focus: () => c.value.focus(), disabled: a.disabled }), (r, h) => (u(), v("div", null, [
       i("button", {
         onClick: h[0] || (h[0] = (f) => s("select")),
         onKeydown: o,
@@ -176,7 +176,7 @@ const Ye = ["id", "disabled", "aria-expanded", "aria-controls"], Ee = ["aria-lab
           "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",
-          V(l).class
+          V(t).class
         ]),
         id: "ap-control-" + V(n),
         disabled: e.disabled,
@@ -186,34 +186,34 @@ const Ye = ["id", "disabled", "aria-expanded", "aria-controls"], Ee = ["aria-lab
         ref: c,
         tabindex: "0"
       }, [
-        e.disabled ? (r(), N(V(be), {
+        e.disabled ? (u(), N(V(xe), {
           key: 0,
           class: "size-5"
-        })) : (r(), N(V(te), {
+        })) : (u(), N(V(te), {
           key: 1,
           class: $(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
         }, null, 8, ["class"])),
         i("span", null, [
-          M(u.$slots, "header")
+          M(r.$slots, "header")
         ])
-      ], 42, Ye),
+      ], 42, Ne),
       i("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-" + V(n),
         id: "ap-" + V(n)
       }, [
         i("div", Re, [
-          M(u.$slots, "default")
+          M(r.$slots, "default")
         ])
-      ], 10, Ee)
+      ], 10, Ye)
     ]));
   }
-}), We = ["viewBox"], He = ["cx", "cy", "r", "stroke-width"], Ue = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], xe = {
+}), We = ["viewBox"], He = ["cx", "cy", "r", "stroke-width"], Ue = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], ye = {
   __name: "spinner",
   props: { radius: { type: Number, default: 10 }, strokeWidth: { type: Number, default: 4 } },
   setup(e) {
-    const d = e, t = A(() => d.radius + d.strokeWidth / 2), s = A(() => d.radius * 2 + d.strokeWidth), a = A(() => d.radius * Math.PI / 1.5);
-    return (l, c) => (r(), m("svg", {
+    const d = e, l = B(() => d.radius + d.strokeWidth / 2), s = B(() => d.radius * 2 + d.strokeWidth), a = B(() => d.radius * Math.PI / 1.5);
+    return (t, c) => (u(), v("svg", {
       class: "animate-spin",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
@@ -222,15 +222,15 @@ const Ye = ["id", "disabled", "aria-expanded", "aria-controls"], Ee = ["aria-lab
     }, [
       i("circle", {
         class: "opacity-35",
-        cx: t.value,
-        cy: t.value,
+        cx: l.value,
+        cy: l.value,
         r: e.radius,
         stroke: "currentColor",
         "stroke-width": e.strokeWidth
       }, null, 8, He),
       i("circle", {
-        cx: t.value,
-        cy: t.value,
+        cx: l.value,
+        cy: l.value,
         r: e.radius,
         stroke: "currentColor",
         "stroke-width": e.strokeWidth,
@@ -241,39 +241,39 @@ const Ye = ["id", "disabled", "aria-expanded", "aria-controls"], Ee = ["aria-lab
   }
 };
 function Ze(e) {
-  return Ve() ? (Me(e), !0) : !1;
+  return Me() ? (De(e), !0) : !1;
 }
-function ye(e) {
+function we(e) {
   return typeof e == "function" ? e() : V(e);
 }
-const we = typeof window < "u" && typeof document < "u";
+const ke = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Ke = Object.prototype.toString, qe = (e) => Ke.call(e) === "[object Object]", ae = () => {
 }, Ge = /* @__PURE__ */ Xe();
 function Xe() {
   var e, d;
-  return we && ((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));
+  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 Je = /[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 Qe(e, d, t, s) {
+function Qe(e, d, l, s) {
   let a = e < 12 ? "AM" : "PM";
-  return s && (a = a.split("").reduce((l, c) => l += `${c}.`, "")), t ? a.toLowerCase() : a;
+  return s && (a = a.split("").reduce((t, c) => t += `${c}.`, "")), l ? a.toLowerCase() : a;
 }
 function q(e) {
-  const d = ["th", "st", "nd", "rd"], t = e % 100;
-  return e + (d[(t - 20) % 10] || d[t] || d[0]);
+  const d = ["th", "st", "nd", "rd"], l = e % 100;
+  return e + (d[(l - 20) % 10] || d[l] || d[0]);
 }
-function he(e, d, t = {}) {
+function he(e, d, l = {}) {
   var s;
-  const a = e.getFullYear(), l = e.getMonth(), c = e.getDate(), n = e.getHours(), o = e.getMinutes(), v = e.getSeconds(), u = e.getMilliseconds(), h = e.getDay(), f = (s = t.customMeridiem) != null ? s : Qe, g = {
+  const a = e.getFullYear(), t = e.getMonth(), c = e.getDate(), n = e.getHours(), o = e.getMinutes(), m = e.getSeconds(), r = e.getMilliseconds(), h = e.getDay(), f = (s = l.customMeridiem) != null ? s : Qe, g = {
     Yo: () => q(a),
     YY: () => String(a).slice(-2),
     YYYY: () => a,
-    M: () => l + 1,
-    Mo: () => q(l + 1),
-    MM: () => `${l + 1}`.padStart(2, "0"),
-    MMM: () => e.toLocaleDateString(t.locales, { month: "short" }),
-    MMMM: () => e.toLocaleDateString(t.locales, { month: "long" }),
+    M: () => t + 1,
+    Mo: () => q(t + 1),
+    MM: () => `${t + 1}`.padStart(2, "0"),
+    MMM: () => e.toLocaleDateString(l.locales, { month: "short" }),
+    MMMM: () => e.toLocaleDateString(l.locales, { month: "long" }),
     D: () => String(c),
     Do: () => q(c),
     DD: () => `${c}`.padStart(2, "0"),
@@ -286,56 +286,56 @@ function he(e, d, t = {}) {
     m: () => String(o),
     mo: () => q(o),
     mm: () => `${o}`.padStart(2, "0"),
-    s: () => String(v),
-    so: () => q(v),
-    ss: () => `${v}`.padStart(2, "0"),
-    SSS: () => `${u}`.padStart(3, "0"),
+    s: () => String(m),
+    so: () => q(m),
+    ss: () => `${m}`.padStart(2, "0"),
+    SSS: () => `${r}`.padStart(3, "0"),
     d: () => h,
-    dd: () => e.toLocaleDateString(t.locales, { weekday: "narrow" }),
-    ddd: () => e.toLocaleDateString(t.locales, { weekday: "short" }),
-    dddd: () => e.toLocaleDateString(t.locales, { weekday: "long" }),
+    dd: () => e.toLocaleDateString(l.locales, { weekday: "narrow" }),
+    ddd: () => e.toLocaleDateString(l.locales, { weekday: "short" }),
+    dddd: () => e.toLocaleDateString(l.locales, { weekday: "long" }),
     A: () => f(n, o),
     AA: () => f(n, o, !1, !0),
     a: () => f(n, o, !0),
     aa: () => f(n, o, !0, !0)
   };
-  return d.replace(Je, (y, L) => {
-    var F, z;
-    return (z = L ?? ((F = g[y]) == null ? void 0 : F.call(g))) != null ? z : y;
+  return d.replace(Je, (y, T) => {
+    var _, O;
+    return (O = T ?? ((_ = g[y]) == null ? void 0 : _.call(g))) != null ? O : y;
   });
 }
 function ee(e) {
   var d;
-  const t = ye(e);
-  return (d = t == null ? void 0 : t.$el) != null ? d : t;
+  const l = we(e);
+  return (d = l == null ? void 0 : l.$el) != null ? d : l;
 }
-const ke = we ? window : void 0;
+const $e = ke ? window : void 0;
 function ue(...e) {
-  let d, t, s, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, s, a] = e, d = ke) : [d, t, s, a] = e, !d)
+  let d, l, s, a;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, s, a] = e, d = $e) : [d, l, s, a] = e, !d)
     return ae;
-  Array.isArray(t) || (t = [t]), Array.isArray(s) || (s = [s]);
-  const l = [], c = () => {
-    l.forEach((u) => u()), l.length = 0;
-  }, n = (u, h, f, g) => (u.addEventListener(h, f, g), () => u.removeEventListener(h, f, g)), o = U(
-    () => [ee(d), ye(a)],
-    ([u, h]) => {
-      if (c(), !u)
+  Array.isArray(l) || (l = [l]), Array.isArray(s) || (s = [s]);
+  const t = [], c = () => {
+    t.forEach((r) => r()), t.length = 0;
+  }, n = (r, h, f, g) => (r.addEventListener(h, f, g), () => r.removeEventListener(h, f, g)), o = U(
+    () => [ee(d), we(a)],
+    ([r, h]) => {
+      if (c(), !r)
         return;
       const f = qe(h) ? { ...h } : h;
-      l.push(
-        ...t.flatMap((g) => s.map((y) => n(u, g, y, f)))
+      t.push(
+        ...l.flatMap((g) => s.map((y) => n(r, g, y, f)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), v = () => {
+  ), m = () => {
     o(), c();
   };
-  return Ze(v), v;
+  return Ze(m), m;
 }
 let pe = !1;
-function ve(e, d, t = {}) {
-  const { window: s = ke, ignore: a = [], capture: l = !0, detectIframe: c = !1 } = t;
+function ve(e, d, l = {}) {
+  const { window: s = $e, ignore: a = [], capture: t = !0, detectIframe: c = !1 } = l;
   if (!s)
     return ae;
   Ge && !pe && (pe = !0, Array.from(s.document.body.children).forEach((f) => f.addEventListener("click", ae)), s.document.documentElement.addEventListener("click", ae));
@@ -347,7 +347,7 @@ function ve(e, d, t = {}) {
       const y = ee(g);
       return y && (f.target === y || f.composedPath().includes(y));
     }
-  }), u = [
+  }), r = [
     ue(s, "click", (f) => {
       const g = ee(e);
       if (!(!g || g === f.target || f.composedPath().includes(g))) {
@@ -357,7 +357,7 @@ function ve(e, d, t = {}) {
         }
         d(f);
       }
-    }, { passive: !0, capture: l }),
+    }, { passive: !0, capture: t }),
     ue(s, "pointerdown", (f) => {
       const g = ee(e);
       n = !o(f) && !!(g && !f.composedPath().includes(g));
@@ -370,7 +370,7 @@ function ve(e, d, t = {}) {
       }, 0);
     })
   ].filter(Boolean);
-  return () => u.forEach((f) => f());
+  return () => r.forEach((f) => f());
 }
 const et = ["value", "onKeydown"], tt = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, lt = ["data-result-index"], Al = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "autocomplete",
@@ -384,17 +384,17 @@ const et = ["value", "onKeydown"], tt = { class: "flex absolute inset-y-0 right-
   },
   emits: ["update:modelValue", "blur", "submit"],
   setup(e, { emit: d }) {
-    const t = d, s = e, a = W(), c = (/* @__PURE__ */ (() => {
+    const l = d, s = e, a = W(), c = (/* @__PURE__ */ (() => {
       let C = 0;
       return (S) => (S || "") + ++C;
-    })())((a.id || "autocomplete") + "-"), n = w([]), o = w(-1), v = w(0), u = w(!1), h = w(!1), f = w("top-0 translate-y-12"), g = w(!0), y = w(null), L = w(null), F = w(null), z = A(
+    })())((a.id || "autocomplete") + "-"), n = w([]), o = w(-1), m = w(0), r = w(!1), h = w(!1), f = w("top-0 translate-y-12"), g = w(!0), y = w(null), T = w(null), _ = w(null), O = B(
       () => n.value.map((C, S) => ({
         id: (a.id || "autocomplete") + "-item-" + S,
         class: [s.resultItemClass, { "bg-vxvue-700 text-white": o.value === S }],
         role: "option",
         ...o.value === S ? { "aria-selected": "true" } : {}
       }))
-    ), E = A(() => ({
+    ), z = B(() => ({
       role: "combobox",
       autocomplete: "off",
       autocapitalize: "off",
@@ -403,47 +403,47 @@ const et = ["value", "onKeydown"], tt = { class: "flex absolute inset-y-0 right-
       "aria-autocomplete": "list",
       "aria-haspopup": "listbox",
       "aria-owns": c,
-      "aria-expanded": u.value ? "true" : "false",
-      "aria-activedescendant": o.value > -1 ? z.value[o.value].id : "",
+      "aria-expanded": r.value ? "true" : "false",
+      "aria-activedescendant": o.value > -1 ? O.value[o.value].id : "",
       ...a
-    })), G = A(() => ({
+    })), G = B(() => ({
       id: c,
       class: ["absolute min-w-full transform z-10", s.resultListClass, f.value],
       role: "listbox"
     })), R = () => {
-      o.value = -1, n.value = [], u.value = !1, g.value = !0;
+      o.value = -1, n.value = [], r.value = !1, g.value = !0;
     }, k = (C) => {
       const S = s.search(C);
       if (S instanceof Promise) {
-        const H = ++v.value;
+        const H = ++m.value;
         h.value = !0, S.then((Y) => {
-          H === v.value && (n.value = Y, h.value = !1, n.value.length ? (o.value = s.autoSelect ? 0 : -1, u.value = !0) : R());
+          H === m.value && (n.value = Y, h.value = !1, n.value.length ? (o.value = s.autoSelect ? 0 : -1, r.value = !0) : R());
         });
       } else
-        n.value = S, n.value.length === 0 ? R() : (o.value = s.autoSelect ? 0 : -1, u.value = !0);
+        n.value = S, n.value.length === 0 ? R() : (o.value = s.autoSelect ? 0 : -1, r.value = !0);
     }, p = () => {
       const C = n.value[o.value];
-      return C && t("update:modelValue", s.getResultValue(C)), R(), C;
+      return C && l("update:modelValue", s.getResultValue(C)), R(), C;
     }, x = (C) => {
-      t("update:modelValue", C), k(C);
-    }, b = (C) => k(C.target.value), P = () => {
-      R(), t("blur");
+      l("update:modelValue", C), k(C);
+    }, b = (C) => k(C.target.value), I = () => {
+      R(), l("blur");
     }, K = () => {
       const C = n.value.length;
       o.value = ((o.value - 1) % C + C) % C;
     }, ne = (C) => {
-      u.value || b(C);
+      r.value || b(C);
       const S = n.value.length;
       o.value = ((o.value + 1) % S + S) % S;
     }, J = () => {
-      R(), t("update:modelValue", "");
-    }, oe = () => t("submit", p()), $e = (C) => {
+      R(), l("update:modelValue", "");
+    }, oe = () => l("submit", p()), Ce = (C) => {
       const S = C.target.closest("[data-result-index]");
-      S && (o.value = parseInt(S.dataset.resultIndex, 10), t("submit", p()));
+      S && (o.value = parseInt(S.dataset.resultIndex, 10), l("submit", p()));
     };
-    return ve(F, R), De(() => {
+    return ve(_, R), Ae(() => {
       if (y.value) {
-        const C = L.value.getBoundingClientRect(), S = y.value.getBoundingClientRect();
+        const C = T.value.getBoundingClientRect(), S = y.value.getBoundingClientRect();
         g.value && n.value.length && (g.value = !1, f.value = C.bottom + S.height > window.innerHeight && window.innerHeight - C.bottom < C.top && window.pageYOffset + C.top - S.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
         const H = y.value.querySelector('[data-result-index="' + o.value + '"]');
         if (H) {
@@ -451,55 +451,55 @@ const et = ["value", "onKeydown"], tt = { class: "flex absolute inset-y-0 right-
           Y.top < S.top ? y.value.scrollTop -= S.top - Y.top : Y.bottom > S.bottom && (y.value.scrollTop += Y.bottom - S.bottom);
         }
       }
-    }), (C, S) => (r(), m("div", {
+    }), (C, S) => (u(), v("div", {
       class: $(["inline-block relative", C.$attrs.class]),
       ref_key: "container",
-      ref: F
+      ref: _
     }, [
-      i("input", j({
+      i("input", E({
         ref_key: "input",
-        ref: L,
+        ref: T,
         class: "block pr-10 w-full form-input focus:border-vxvue",
         value: e.modelValue
-      }, E.value, {
+      }, z.value, {
         onInput: S[0] || (S[0] = (H) => x(H.target.value)),
         onKeydown: [
           Q(oe, ["enter"]),
           Q(J, ["esc"]),
           Q(p, ["tab"]),
-          Q(_(K, ["prevent"]), ["up"]),
-          Q(_(ne, ["prevent"]), ["down"])
+          Q(L(K, ["prevent"]), ["up"]),
+          Q(L(ne, ["prevent"]), ["down"])
         ],
         onFocus: b,
-        onBlur: P
+        onBlur: I
       }), null, 16, et),
       i("span", tt, [
-        h.value ? (r(), N(xe, {
+        h.value ? (u(), N(ye, {
           key: 0,
           class: "size-5"
-        })) : B("", !0)
+        })) : A("", !0)
       ]),
-      n.value.length ? (r(), m("div", j({
+      n.value.length ? (u(), v("div", E({
         key: 0,
         ref_key: "resultList",
         ref: y
       }, G.value, {
-        onClick: $e,
-        onMousedown: S[1] || (S[1] = _(() => {
+        onClick: Ce,
+        onMousedown: S[1] || (S[1] = L(() => {
         }, ["prevent"]))
       }), [
-        (r(!0), m(I, null, O(n.value, (H, Y) => (r(), m("div", { "data-result-index": Y }, [
+        (u(!0), v(P, null, F(n.value, (H, Y) => (u(), v("div", { "data-result-index": Y }, [
           M(C.$slots, "result", {
             result: H,
-            props: z.value[Y]
+            props: O.value[Y]
           }, () => [
-            (r(), m("div", j({
-              key: z.value[Y].id,
+            (u(), v("div", E({
+              key: O.value[Y].id,
               ref_for: !0
-            }, z.value[Y]), D(e.getResultValue(H)), 17))
+            }, O.value[Y]), D(e.getResultValue(H)), 17))
           ])
         ], 8, lt))), 256))
-      ], 16)) : B("", !0)
+      ], 16)) : A("", !0)
     ], 2));
   }
 }), at = {
@@ -530,30 +530,30 @@ const et = ["value", "onKeydown"], tt = { class: "flex absolute inset-y-0 right-
     }
   },
   setup(e, { expose: d }) {
-    const t = e, s = w(""), a = w(""), l = w(!1);
+    const l = e, s = w(""), a = w(""), t = w(!1);
     let c = null, n = null;
-    const o = A(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), v = w(null), u = (f, g) => {
-      l.value = !1, f.value !== void 0 ? f.value ? c() : n() : g ? n() : c();
+    const o = B(() => Array.isArray(l.buttons) ? l.buttons : [l.buttons]), m = w(null), r = (f, g) => {
+      t.value = !1, f.value !== void 0 ? f.value ? c() : n() : g ? n() : c();
     };
-    return d({ open: (f, g) => (s.value = f, a.value = g, l.value = !0, de(() => v.value.firstElementChild.focus()), new Promise((y, L) => {
-      c = y, n = L;
-    })) }), (f, g) => (r(), m(I, null, [
-      l.value ? (r(), m("div", at)) : B("", !0),
-      T(ie, { name: "appear" }, {
+    return d({ open: (f, g) => (s.value = f, a.value = g, t.value = !0, de(() => m.value.firstElementChild.focus()), new Promise((y, T) => {
+      c = y, n = T;
+    })) }), (f, g) => (u(), v(P, null, [
+      t.value ? (u(), v("div", at)) : A("", !0),
+      j(ie, { name: "appear" }, {
         default: X(() => [
-          l.value ? (r(), m("div", st, [
+          t.value ? (u(), v("div", st, [
             i("div", nt, [
-              l.value ? (r(), m("div", ot, [
+              t.value ? (u(), v("div", ot, [
                 rt,
                 i("div", ut, [
-                  s.value || f.$slots.title ? (r(), m("h3", {
+                  s.value || f.$slots.title ? (u(), v("h3", {
                     key: 0,
                     class: $(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
                     M(f.$slots, "title", {}, () => [
                       Z(D(s.value), 1)
                     ])
-                  ], 2)) : B("", !0),
+                  ], 2)) : A("", !0),
                   i("div", it, [
                     i("div", dt, [
                       i("div", ct, [
@@ -568,18 +568,18 @@ const et = ["value", "onKeydown"], tt = { class: "flex absolute inset-y-0 right-
                     i("div", {
                       class: "flex justify-center mt-5 space-x-2 sm:mt-6",
                       ref_key: "buttonsContainer",
-                      ref: v
+                      ref: m
                     }, [
-                      (r(!0), m(I, null, O(o.value, (y, L) => (r(), m("button", {
+                      (u(!0), v(P, null, F(o.value, (y, T) => (u(), v("button", {
                         class: $([e.buttonClass, y.class]),
-                        onClick: _((F) => u(y, L), ["prevent"])
+                        onClick: L((_) => r(y, T), ["prevent"])
                       }, D(y.label), 11, mt))), 256))
                     ], 512)
                   ])
                 ])
-              ])) : B("", !0)
+              ])) : A("", !0)
             ])
-          ])) : B("", !0)
+          ])) : A("", !0)
         ]),
         _: 3
       })
@@ -587,31 +587,31 @@ const et = ["value", "onKeydown"], tt = { class: "flex absolute inset-y-0 right-
   }
 };
 function ft(e, d) {
-  const t = w(!1), s = fe(d);
-  let a, l = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
+  const l = w(!1), s = fe(d);
+  let a, t = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
   if ((a = s.match(/\bd\b/gi)) && a.length === 1)
-    l = l.replace("d", "(\\d{1,2})");
+    t = t.replace("d", "(\\d{1,2})");
   else if ((a = s.match(/\bdd\b/gi)) && a.length === 1)
-    l = l.replace("dd", "(\\d{2})");
+    t = t.replace("dd", "(\\d{2})");
   else
-    return { date: t };
+    return { date: l };
   if (c.push({ srcPos: s.toLowerCase().indexOf("d"), destPos: 2 }), (a = s.match(/\bm\b/gi)) && a.length === 1)
-    l = l.replace("m", "(\\d{1,2})");
+    t = t.replace("m", "(\\d{1,2})");
   else if ((a = s.match(/\bmm\b/gi)) && a.length === 1)
-    l = l.replace("mm", "(\\d{2})");
+    t = t.replace("mm", "(\\d{2})");
   else
-    return { date: t };
+    return { date: l };
   if (c.push({ srcPos: s.toLowerCase().indexOf("m"), destPos: 1 }), (a = s.match(/\byyyy\b/gi)) && a.length === 1)
-    l = l.replace("yyyy", "(\\d{4})");
+    t = t.replace("yyyy", "(\\d{4})");
   else
-    return { date: t };
-  if (c.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(a = fe(e).match(l)))
-    return { date: t };
-  a.shift(), c.sort((u, h) => u.srcPos < h.srcPos ? -1 : 1);
-  let n = [], o, v;
+    return { date: l };
+  if (c.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(a = fe(e).match(t)))
+    return { date: l };
+  a.shift(), c.sort((r, h) => r.srcPos < h.srcPos ? -1 : 1);
+  let n = [], o, m;
   for (; o = a.shift(); )
-    v = c.shift(), n[v.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 };
+    m = c.shift(), n[m.destPos] = o;
+  return n = Date.parse(n.join("-")), n && (n = new Date(n), l.value = new Date(n.getFullYear(), n.getMonth(), n.getDate(), 0, 0, 0)), { date: l };
 }
 const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i("svg", {
   class: "size-2",
@@ -646,56 +646,56 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
   props: {
     outputFormat: { type: String, default: "YYYY-MM-DD" },
     inputFormat: { type: String, default: "YYYY-MM-DD" },
-    showButton: { type: Boolean, default: !0 },
+    showToggle: { type: Boolean, default: !1 },
     modelValue: Date
   },
   emits: ["update:modelValue", "toggle-datepicker"],
   setup(e, { emit: d }) {
-    const t = d, s = e, a = w(""), l = A(() => s.modelValue ? he(s.modelValue, s.outputFormat) : ""), c = A(() => {
+    const l = d, s = e, a = w(""), t = B(() => s.modelValue ? he(s.modelValue, s.outputFormat) : ""), c = B(() => {
       let n = Object.assign({}, W());
       return delete n.class, n;
     });
-    return U(() => s.modelValue, (n) => a.value = n ? he(n, s.outputFormat) : ""), (n, o) => (r(), m("div", {
+    return U(() => s.modelValue, (n) => a.value = n ? he(n, s.outputFormat) : ""), (n, o) => (u(), v("div", {
       class: $(["inline-block relative", n.$attrs.class])
     }, [
-      l.value ? (r(), m("div", ht, [
+      t.value ? (u(), v("div", ht, [
         i("div", {
-          class: $(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showButton }])
+          class: $(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showToggle }])
         }, [
-          i("span", pt, D(l.value), 1),
+          i("span", pt, D(t.value), 1),
           i("button", {
-            onClick: o[0] || (o[0] = (v) => t("update:modelValue", null)),
+            onClick: o[0] || (o[0] = (m) => l("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"
           }, bt)
         ], 2)
-      ])) : ge((r(), m("input", j({
+      ])) : ge((u(), v("input", E({
         key: 1,
         type: "text",
-        class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showButton }],
-        "onUpdate:modelValue": o[1] || (o[1] = (v) => a.value = v),
-        onBlur: o[2] || (o[2] = (v) => {
-          var u;
-          return t("update:modelValue", ((u = V(ft)(a.value, s.inputFormat).date) == null ? void 0 : u.value) || null);
+        class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showToggle }],
+        "onUpdate:modelValue": o[1] || (o[1] = (m) => a.value = m),
+        onBlur: o[2] || (o[2] = (m) => {
+          var r;
+          return l("update:modelValue", ((r = V(ft)(a.value, s.inputFormat).date) == null ? void 0 : r.value) || null);
         }),
-        onInput: o[3] || (o[3] = _(() => {
+        onInput: o[3] || (o[3] = L(() => {
         }, ["prevent"]))
       }, c.value), null, 16)), [
-        [Ae, a.value]
+        [Be, a.value]
       ]),
-      e.showButton ? (r(), m("button", {
+      e.showToggle ? (u(), v("button", {
         key: 2,
         class: "flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700 hover:text-vxvue",
         "aria-label": "datepicker-toggle",
-        onClick: o[4] || (o[4] = _((v) => t("toggle-datepicker"), ["stop"])),
+        onClick: o[4] || (o[4] = L((m) => l("toggle-datepicker"), ["stop"])),
         ref: "toggleButton"
-      }, yt, 512)) : B("", !0),
+      }, yt, 512)) : A("", !0),
       M(n.$slots, "default")
     ], 2));
   }
-}), kt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, $t = { class: "flex justify-between w-1/2" }, Ct = { class: "flex justify-between w-1/2" }, St = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, Vt = ["disabled", "onClick"], Mt = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, Dt = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, At = { class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue" }, Bt = ["onClick"], Il = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), kt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, $t = { class: "flex justify-between w-1/2" }, Ct = { class: "flex justify-between w-1/2" }, St = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, Vt = ["disabled", "onClick"], Mt = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, Dt = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, At = { class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue" }, Bt = ["onClick"], Pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "datepicker",
   props: {
-    modelValue: [Date, Boolean],
+    modelValue: Date,
     validFrom: Date,
     validUntil: Date,
     dayNames: { type: Array, default: () => "S M T W T F S".split(" ") },
@@ -705,21 +705,21 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
   },
   emits: ["update:modelValue", "month-change", "year-change"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = (() => {
+    const l = e, s = d, a = (() => {
       let p = /* @__PURE__ */ new Date();
       return new Date(p.getFullYear(), p.getMonth(), p.getDate());
-    })(), l = w(new Date(a.getFullYear(), a.getMonth(), 1)), c = w(null), n = w(!t.hasInput), o = w("days"), v = w(0), u = w({ horiz: "left-0", vert: "top-0" }), h = w(null), f = w(null), g = w(null), y = A(() => t.hasInput ? { class: ["absolute", n.value ? "block" : "hidden"] } : {}), L = A(() => {
-      const p = [], x = l.value.getFullYear(), b = l.value.getMonth(), P = new Date(x, b + 1, 0), K = new Date(x, b, 0).getDay() + 1 - t.startOfWeekIndex, ne = (6 + t.startOfWeekIndex - P.getDay()) % 7;
-      for (let J = -K, oe = P.getDate() + ne; J < oe; ++J)
+    })(), t = w(new Date(a.getFullYear(), a.getMonth(), 1)), c = w(null), n = w(!l.hasInput), o = w("days"), m = w(0), r = w({ horiz: "left-0", vert: "top-0" }), h = w(null), f = w(null), g = w(null), y = B(() => l.hasInput ? { class: ["absolute", n.value ? "block" : "hidden"] } : {}), T = B(() => {
+      const p = [], x = t.value.getFullYear(), b = t.value.getMonth(), I = new Date(x, b + 1, 0), K = new Date(x, b, 0).getDay() + 1 - l.startOfWeekIndex, ne = (6 + l.startOfWeekIndex - I.getDay()) % 7;
+      for (let J = -K, oe = I.getDate() + ne; J < oe; ++J)
         p.push(new Date(x, b, J + 1));
       return p;
-    }), F = A(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames);
-    U(() => t.modelValue, (p) => {
-      p ? (c.value = new Date(p.getFullYear(), p.getMonth(), p.getDate()), l.value = new Date(c.value.getTime())) : (c.value = null, l.value = new Date(a.getTime())), l.value.setDate(1);
+    }), _ = B(() => l.startOfWeekIndex ? l.dayNames.slice(1).concat(l.dayNames[0]) : l.dayNames);
+    U(() => l.modelValue, (p) => {
+      p ? (c.value = new Date(p.getFullYear(), p.getMonth(), p.getDate()), t.value = new Date(c.value.getTime())) : (c.value = null, t.value = new Date(a.getTime())), t.value.setDate(1);
     }, { immediate: !0 }), U(n, (p) => {
-      p && t.hasInput && de(() => {
+      p && l.hasInput && de(() => {
         const x = h.value.$el.getBoundingClientRect(), b = f.value.getBoundingClientRect();
-        u.value = {
+        r.value = {
           horiz: x.right - b.width < 0 ? "left-0" : "right-0",
           vert: x.bottom + b.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12"
         };
@@ -727,23 +727,23 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
     }), ve(f, () => {
       n.value = !1, o.value = "days";
     }, { ignore: [g] });
-    const z = (p) => {
-      l.value = new Date(l.value.getFullYear(), p, 1), s("month-change", l.value);
-    }, E = (p) => {
-      l.value = new Date(p, l.value.getMonth(), 1), s("year-change", l.value);
+    const O = (p) => {
+      t.value = new Date(t.value.getFullYear(), p, 1), s("month-change", t.value);
+    }, z = (p) => {
+      t.value = new Date(p, t.value.getMonth(), 1), s("year-change", t.value);
     }, G = (p) => {
-      n.value = !t.hasInput, c.value = p, s("update:modelValue", p);
+      n.value = !l.hasInput, c.value = p, s("update:modelValue", p);
     }, R = (p) => {
       c.value = p, s("update:modelValue", p);
     }, k = (p) => {
-      const x = p.getMonth() !== l.value.getMonth(), b = c.value && p.getTime() === c.value.getTime(), P = p.getTime() === a.getTime(), K = t.validFrom && t.validFrom > p || t.validUntil && t.validUntil < p;
+      const x = p.getMonth() !== t.value.getMonth(), b = c.value && p.getTime() === c.value.getTime(), I = p.getTime() === a.getTime(), K = l.validFrom && l.validFrom > p || l.validUntil && l.validUntil < p;
       return [
         "py-2 rounded-sm block text-center",
         {
-          "text-vxvue-700": !K && !x && !P && !b,
+          "text-vxvue-700": !K && !x && !I && !b,
           "text-error": K && !x,
-          "text-gray-400": x && !P && !b,
-          "bg-gray-200": P && !b,
+          "text-gray-400": x && !I && !b,
+          "bg-gray-200": I && !b,
           "bg-vxvue-700 text-white": b,
           "hover:ring-2 hover:ring-vxvue": !K
         }
@@ -752,12 +752,13 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
     return ce(() => {
       var p;
       return g.value = (p = h.value) == null ? void 0 : p.$refs.toggleButton;
-    }), (p, x) => (r(), m("div", {
+    }), (p, x) => (u(), v("div", {
       class: $(["relative", p.$attrs.class])
     }, [
-      e.hasInput ? (r(), N(wt, j({
+      e.hasInput ? (u(), N(wt, E({
         key: 0,
         modelValue: c.value,
+        "show-toggle": !0,
         onToggleDatepicker: x[0] || (x[0] = (b) => n.value = !n.value),
         "onUpdate:modelValue": R
       }, p.$attrs, {
@@ -769,93 +770,93 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
           M(p.$slots, "default")
         ]),
         _: 3
-      }, 16, ["modelValue"])) : B("", !0),
-      i("div", j({ class: "overflow-hidden z-10 bg-white rounded shadow-md min-w-72 sm:min-w-80" }, y.value, {
+      }, 16, ["modelValue"])) : A("", !0),
+      i("div", E({ class: "overflow-hidden z-10 bg-white rounded shadow-md min-w-72 sm:min-w-80" }, y.value, {
         ref_key: "calendar",
         ref: f,
-        class: [u.value.horiz, u.value.vert]
+        class: [r.value.horiz, r.value.vert]
       }), [
-        o.value === "days" ? (r(), m(I, { key: 0 }, [
+        o.value === "days" ? (u(), v(P, { key: 0 }, [
           i("div", kt, [
             i("div", $t, [
               i("button", {
-                onClick: x[1] || (x[1] = _((b) => z(l.value.getMonth() - 1), ["stop"])),
+                onClick: x[1] || (x[1] = L((b) => O(t.value.getMonth() - 1), ["stop"])),
                 class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
               }, [
-                T(V(le), { class: "size-6" })
+                j(V(le), { class: "size-6" })
               ]),
-              i("span", null, D(l.value.toLocaleString(e.locale, { month: "long" })), 1),
+              i("span", null, D(t.value.toLocaleString(e.locale, { month: "long" })), 1),
               i("button", {
-                onClick: x[2] || (x[2] = _((b) => z(l.value.getMonth() + 1), ["stop"])),
+                onClick: x[2] || (x[2] = L((b) => O(t.value.getMonth() + 1), ["stop"])),
                 class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
               }, [
-                T(V(te), { class: "size-6" })
+                j(V(te), { class: "size-6" })
               ])
             ]),
             i("div", Ct, [
               i("button", {
-                onClick: x[3] || (x[3] = _((b) => E(l.value.getFullYear() - 1), ["stop"])),
+                onClick: x[3] || (x[3] = L((b) => z(t.value.getFullYear() - 1), ["stop"])),
                 class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
               }, [
-                T(V(le), { class: "size-6" })
+                j(V(le), { class: "size-6" })
               ]),
               i("button", {
                 class: "text-vxvue-100 hover:text-vxvue-50",
                 onClick: x[4] || (x[4] = (b) => {
-                  o.value = "years", v.value = l.value.getFullYear();
+                  o.value = "years", m.value = t.value.getFullYear();
                 })
-              }, D(l.value.getFullYear()), 1),
+              }, D(t.value.getFullYear()), 1),
               i("button", {
-                onClick: x[5] || (x[5] = _((b) => E(l.value.getFullYear() + 1), ["stop"])),
+                onClick: x[5] || (x[5] = L((b) => z(t.value.getFullYear() + 1), ["stop"])),
                 class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
               }, [
-                T(V(te), { class: "size-6" })
+                j(V(te), { class: "size-6" })
               ])
             ])
           ]),
           i("div", St, [
-            (r(!0), m(I, null, O(F.value, (b, P) => (r(), m("div", {
+            (u(!0), v(P, null, F(_.value, (b, I) => (u(), v("div", {
               class: "py-2 text-center bg-gray-200",
-              key: P
+              key: I
             }, D(b), 1))), 128)),
-            (r(!0), m(I, null, O(L.value, (b) => (r(), m("button", {
+            (u(!0), v(P, null, F(T.value, (b) => (u(), v("button", {
               class: $(k(b)),
               disabled: e.validFrom && e.validFrom > b || e.validUntil && e.validUntil < b,
-              onClick: _((P) => e.validFrom && e.validFrom > b || e.validUntil && e.validUntil < b ? null : G(b), ["stop"])
+              onClick: L((I) => e.validFrom && e.validFrom > b || e.validUntil && e.validUntil < b ? null : G(b), ["stop"])
             }, D(b.getDate()), 11, Vt))), 256))
           ])
-        ], 64)) : B("", !0),
-        o.value === "years" ? (r(), m(I, { key: 1 }, [
+        ], 64)) : A("", !0),
+        o.value === "years" ? (u(), v(P, { key: 1 }, [
           i("div", Mt, [
             i("button", {
-              onClick: x[6] || (x[6] = _((b) => v.value -= 10, ["stop"])),
+              onClick: x[6] || (x[6] = L((b) => m.value -= 10, ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              T(V(le), { class: "size-6" })
+              j(V(le), { class: "size-6" })
             ]),
-            i("span", null, D(v.value) + " - " + D(v.value + 9), 1),
+            i("span", null, D(m.value) + " - " + D(m.value + 9), 1),
             i("button", {
-              onClick: x[7] || (x[7] = _((b) => v.value += 10, ["stop"])),
+              onClick: x[7] || (x[7] = L((b) => m.value += 10, ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              T(V(te), { class: "size-6" })
+              j(V(te), { class: "size-6" })
             ])
           ]),
           i("div", Dt, [
-            (r(), m(I, null, O(10, (b) => i("div", At, [
+            (u(), v(P, null, F(10, (b) => i("div", At, [
               i("button", {
                 class: "py-2 px-3",
-                onClick: _((P) => {
-                  E(v.value + b - 1), o.value = "days";
+                onClick: L((I) => {
+                  z(m.value + b - 1), o.value = "days";
                 }, ["stop"])
-              }, D(v.value + b - 1), 9, Bt)
+              }, D(m.value + b - 1), 9, Bt)
             ])), 64))
           ])
-        ], 64)) : B("", !0)
+        ], 64)) : A("", !0)
       ], 16)
     ], 2));
   }
-}), It = ["for"], Pt = ["id", "multiple", "accept"], Pl = {
+}), Pt = ["for"], It = ["id", "multiple", "accept"], Il = {
   __name: "form-file-button",
   props: {
     modelValue: { type: Array },
@@ -866,19 +867,19 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
   },
   emits: ["update:modelValue", "form-data"],
   setup(e, { emit: d }) {
-    const t = d, s = e, a = (c) => {
+    const l = d, s = e, a = (c) => {
       const n = new FormData();
       for (let o of c)
         n.append(s.name, o, o.name);
       return n;
-    }, l = (c) => {
+    }, t = (c) => {
       const n = c.target.files || c.dataTransfer.files;
       if (n) {
         const o = [...n];
-        t("update:modelValue", o), t("form-data", a(o));
+        l("update:modelValue", o), l("form-data", a(o));
       }
     };
-    return (c, n) => (r(), m("label", { for: e.id }, [
+    return (c, n) => (u(), v("label", { for: e.id }, [
       M(c.$slots, "default", {}, () => [
         Z("Upload")
       ]),
@@ -887,44 +888,44 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
         id: e.id,
         multiple: e.multiple,
         accept: e.accept,
-        onChange: l,
+        onChange: t,
         class: "hidden"
-      }, null, 40, Pt)
-    ], 8, It));
+      }, null, 40, It)
+    ], 8, Pt));
   }
-}, _t = ["value"], Lt = {
+}, Lt = ["value"], Tt = {
   key: 0,
   disabled: "",
   value: ""
-}, Ft = ["value", "selected"], Ot = {
+}, _t = ["value", "selected"], Ft = {
   __name: "form-select",
   props: { options: Array, modelValue: [String, Number], disabledLabel: String },
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
-    const t = d;
-    return (s, a) => (r(), m("select", j(s.$attrs, {
+    const l = d;
+    return (s, a) => (u(), v("select", E(s.$attrs, {
       value: e.modelValue,
       class: "form-select",
-      onChange: a[0] || (a[0] = (l) => t("update:modelValue", l.target.value))
+      onChange: a[0] || (a[0] = (t) => l("update:modelValue", t.target.value))
     }), [
-      e.disabledLabel ? (r(), m("option", Lt, D(e.disabledLabel), 1)) : B("", !0),
-      (r(!0), m(I, null, O(e.options, (l) => (r(), m("option", {
-        value: l.key !== void 0 ? l.key : l.label || l,
-        selected: (l.key !== void 0 ? l.key : l.label || l) === e.modelValue
-      }, D(l.label || l), 9, Ft))), 256))
-    ], 16, _t));
+      e.disabledLabel ? (u(), v("option", Tt, D(e.disabledLabel), 1)) : A("", !0),
+      (u(!0), v(P, null, F(e.options, (t) => (u(), v("option", {
+        value: t.key !== void 0 ? t.key : t.label || t,
+        selected: (t.key !== void 0 ? t.key : t.label || t) === e.modelValue
+      }, D(t.label || t), 9, _t))), 256))
+    ], 16, Lt));
   }
-}, zt = ["aria-checked", "aria-label"], Tt = ["d"], jt = ["checked"], _l = {
+}, Ot = ["aria-checked", "aria-label"], zt = ["d"], jt = ["checked"], Ll = {
   __name: "form-switch",
   props: { modelValue: Boolean },
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
-    const t = d, s = A(() => {
-      let l = Object.assign({}, W());
-      return delete l.class, l;
-    }), a = A(() => W().disabled || W().disabled === "");
-    return (l, c) => (r(), m("label", {
-      class: $(l.$attrs.class),
+    const l = d, s = B(() => {
+      let t = Object.assign({}, W());
+      return delete t.class, t;
+    }), a = B(() => W().disabled || W().disabled === "");
+    return (t, c) => (u(), v("label", {
+      class: $(t.$attrs.class),
       tabindex: "0"
     }, [
       i("span", {
@@ -934,7 +935,7 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
           a.value ? "bg-slate-200" : e.modelValue ? "bg-vxvue" : "bg-slate-300"
         ]),
         "aria-checked": e.modelValue,
-        "aria-label": l.$attrs["aria-label"]
+        "aria-label": t.$attrs["aria-label"]
       }, [
         i("span", {
           "aria-hidden": "true",
@@ -944,8 +945,8 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
             a.value ? "bg-slate-100" : "bg-white"
           ])
         }, [
-          M(l.$slots, "handle", {}, () => [
-            (r(), m("svg", {
+          M(t.$slots, "handle", {}, () => [
+            (u(), v("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
@@ -957,30 +958,30 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
                 "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"
-              }, null, 8, Tt)
+              }, null, 8, zt)
             ], 2))
           ])
         ], 2),
-        i("input", j(s.value, {
+        i("input", E(s.value, {
           checked: e.modelValue,
           class: "hidden",
           value: "1",
           type: "checkbox",
-          onChange: c[0] || (c[0] = (n) => t("update:modelValue", n.target.checked))
+          onChange: c[0] || (c[0] = (n) => l("update:modelValue", n.target.checked))
         }), null, 16, jt)
-      ], 10, zt),
-      M(l.$slots, "default")
+      ], 10, Ot),
+      M(t.$slots, "default")
     ], 2));
   }
 }, me = (e, d) => {
-  const t = e.__vccOpts || e;
+  const l = e.__vccOpts || e;
   for (const [s, a] of d)
-    t[s] = a;
-  return t;
-}, Nt = (e) => (Be("data-v-f3849afb"), e = e(), Ie(), e), Yt = {
+    l[s] = a;
+  return l;
+}, Et = (e) => (Pe("data-v-921b665d"), e = e(), Ie(), e), Nt = {
   "aria-live": "assertive",
   class: "flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"
-}, Et = { class: "flex flex-col items-center space-y-4 w-full" }, Rt = { class: "p-4" }, Wt = { class: "flex items-start" }, Ht = { class: "flex-shrink-0" }, Ut = { class: "flex-1 pt-0.5 ml-3 w-0" }, Zt = { class: "font-bold" }, Kt = { class: "mt-1" }, qt = { class: "flex flex-shrink-0 ml-4" }, Gt = /* @__PURE__ */ Nt(() => /* @__PURE__ */ i("span", { class: "sr-only" }, "Close", -1)), Xt = /* @__PURE__ */ Object.assign({
+}, Yt = { class: "flex flex-col items-center space-y-4 w-full" }, Rt = { class: "p-4" }, Wt = { class: "flex items-start" }, Ht = { class: "flex-shrink-0" }, Ut = { class: "flex-1 pt-0.5 ml-3 w-0" }, Zt = { class: "font-bold" }, Kt = { class: "mt-1" }, qt = { class: "flex flex-shrink-0 ml-4" }, Gt = /* @__PURE__ */ Et(() => /* @__PURE__ */ i("span", { class: "sr-only" }, "Close", -1)), Xt = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "message-toast",
@@ -988,62 +989,76 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
     title: String,
     message: [String, Array],
     timeout: { type: Number, default: 5e3 },
-    active: { type: Boolean, default: !1 }
+    active: { type: Boolean, default: !1 },
+    showTimeoutProgress: { type: Boolean, default: !1 }
   },
   emits: ["timeout", "close"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = w(null), l = A(() => typeof t.message == "string" ? [t.message] : t.message), c = () => {
-      window.clearTimeout(a.value), t.active && t.timeout && (a.value = window.setTimeout(() => {
+    const l = e, s = d, a = B(() => typeof l.message == "string" ? [l.message] : l.message), t = w(0);
+    let c = null;
+    const n = () => {
+      window.clearTimeout(c), t.value = 100, l.active && l.timeout && (c = window.setTimeout(() => {
         s("timeout");
-      }, t.timeout));
+      }, l.timeout), window.setTimeout(() => t.value = 0, 0));
     };
-    return U(() => t.active, c), ce(c), (n, o) => (r(), m("div", Yt, [
-      i("div", Et, [
-        T(ie, { name: "messagetoast-fade" }, {
+    return U(() => l.active, n), ce(n), (o, m) => (u(), v("div", Nt, [
+      i("div", Yt, [
+        j(ie, { name: "messagetoast-fade" }, {
           default: X(() => [
-            e.active ? (r(), m("div", {
+            e.active ? (u(), v("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", n.$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", Rt, [
                 i("div", Wt, [
                   i("div", Ht, [
-                    M(n.$slots, "icon", {}, void 0, !0)
+                    M(o.$slots, "icon", {}, void 0, !0)
                   ]),
                   i("div", Ut, [
-                    M(n.$slots, "title", {}, () => [
+                    M(o.$slots, "title", {}, () => [
                       i("div", Zt, D(e.title), 1)
                     ], !0),
-                    M(n.$slots, "default", {}, () => [
-                      (r(!0), m(I, null, O(l.value, (v) => (r(), m("p", Kt, D(v), 1))), 256))
+                    M(o.$slots, "default", {}, () => [
+                      (u(!0), v(P, null, F(a.value, (r) => (u(), v("p", Kt, D(r), 1))), 256))
                     ], !0)
                   ]),
                   i("div", qt, [
                     i("button", {
-                      onClick: o[0] || (o[0] = (v) => s("close")),
+                      onClick: m[0] || (m[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"
                     }, [
                       Gt,
-                      T(V(be), { class: "size-5" })
+                      j(V(xe), { class: "size-5" })
                     ])
                   ])
                 ])
-              ])
-            ], 2)) : B("", !0)
+              ]),
+              e.showTimeoutProgress && e.timeout ? (u(), v("div", {
+                key: 0,
+                class: "h-1 bg-vxvue-alt ease-linear transition-all",
+                style: be({
+                  width: t.value + "%",
+                  "transition-duration": e.timeout + "ms"
+                }),
+                role: "progressbar",
+                "aria-hidden": "false",
+                "aria-label": "notification timer"
+              }, null, 4)) : A("", !0)
+            ], 2)) : A("", !0)
           ]),
           _: 3
         })
       ])
     ]));
   }
-}), Ll = /* @__PURE__ */ me(Xt, [["__scopeId", "data-v-f3849afb"]]), Jt = {
+}), Tl = /* @__PURE__ */ me(Xt, [["__scopeId", "data-v-921b665d"]]), Jt = {
   key: 0,
   class: "fixed inset-0 z-[9998] bg-white/50 backdrop-blur-sm",
   "aria-hidden": "true"
 }, Qt = {
   key: 0,
   class: "fixed inset-0 z-[9999]"
-}, el = { class: "flex justify-center items-center h-screen" }, Fl = {
+}, el = { class: "flex justify-center items-center h-screen" }, _l = {
   __name: "modal",
   props: {
     show: Boolean,
@@ -1053,12 +1068,12 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
   },
   emits: ["clicked-outside"],
   setup(e, { emit: d }) {
-    const t = d, s = w(null);
-    return ve(s, () => t("clicked-outside")), (a, l) => (r(), m(I, null, [
-      e.show ? (r(), m("div", Jt)) : B("", !0),
-      T(ie, { name: "appear" }, {
+    const l = d, s = w(null);
+    return ve(s, () => l("clicked-outside")), (a, t) => (u(), v(P, null, [
+      e.show ? (u(), v("div", Jt)) : A("", !0),
+      j(ie, { name: "appear" }, {
         default: X(() => [
-          e.show ? (r(), m("div", Qt, [
+          e.show ? (u(), v("div", Qt, [
             i("div", el, [
               i("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]),
@@ -1077,13 +1092,13 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
                 ], 2)
               ], 2)
             ])
-          ])) : B("", !0)
+          ])) : A("", !0)
         ]),
         _: 3
       })
     ], 64));
   }
-}, tl = { class: "flex justify-between items-center px-4 sm:px-0" }, ll = { class: "flex flex-1 -mt-px w-0" }, al = { class: "hidden md:flex md:-mt-px" }, sl = { class: "flex flex-1 justify-end -mt-px w-0" }, Ol = {
+}, tl = { class: "flex justify-between items-center px-4 sm:px-0" }, ll = { class: "flex flex-1 -mt-px w-0" }, al = { class: "hidden md:flex md:-mt-px" }, sl = { class: "flex flex-1 justify-end -mt-px w-0" }, Fl = {
   __name: "pagination",
   props: {
     page: { type: Number, default: 1 },
@@ -1109,43 +1124,43 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
   },
   emits: ["update:page"],
   setup(e, { emit: d }) {
-    const t = d, s = e, a = w(Math.ceil(s.total / s.perPage)), l = w(null), c = A(() => (s.markerPosition === "above" ? "border-t-2 -mt-[2px]" : "border-b-2 -mb-[2px]") + " py-4"), n = A(() => {
-      let u = [1];
+    const l = d, s = e, a = w(Math.ceil(s.total / s.perPage)), t = w(null), c = B(() => (s.markerPosition === "above" ? "border-t-2 -mt-[2px]" : "border-b-2 -mb-[2px]") + " py-4"), n = B(() => {
+      let r = [1];
       if (s.showAllPages || a.value <= 7) {
         for (let h = 2; h <= a.value; ++h)
-          u.push(h);
-        return u;
+          r.push(h);
+        return r;
       }
-      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;
+      return t.value >= a.value ? r.push("dots", t.value - 2, t.value - 1) : t.value - 1 && t.value - 1 > 1 && (t.value > 1 && r.push("dots"), r.push(t.value - 1)), t.value > 1 && r.push(t.value), t.value + 1 < a.value && (r.push(t.value + 1), t.value <= 1 && r.push(t.value + 2), t.value + 2 < a.value && r.push("dots")), t.value < a.value && r.push(a.value), r;
     }), o = () => {
-      l.value > 1 && t("update:page", l.value - 1);
-    }, v = () => {
-      l.value < a.value && t("update:page", l.value + 1);
+      t.value > 1 && l("update:page", t.value - 1);
+    }, m = () => {
+      t.value < a.value && l("update:page", t.value + 1);
     };
-    return U(() => s.page, (u) => l.value = Math.min(Math.max(u, 1), a.value), { immediate: !0 }), U(() => s.perPage, (u) => {
-      a.value = Math.ceil(s.total / s.perPage), t("update:page", 1);
-    }), U(() => s.total, (u) => {
-      a.value = Math.ceil(s.total / s.perPage), l.value > a.value && t("update:page", 1);
-    }), (u, h) => (r(), m("nav", tl, [
+    return U(() => s.page, (r) => t.value = Math.min(Math.max(r, 1), a.value), { immediate: !0 }), U(() => s.perPage, (r) => {
+      a.value = Math.ceil(s.total / s.perPage), l("update:page", 1);
+    }), U(() => s.total, (r) => {
+      a.value = Math.ceil(s.total / s.perPage), t.value > a.value && l("update:page", 1);
+    }), (r, h) => (u(), v("nav", tl, [
       i("div", ll, [
-        e.showNavButtons ? (r(), m("a", {
+        e.showNavButtons ? (u(), v("a", {
           key: 0,
-          onClick: _(o, ["prevent"]),
+          onClick: L(o, ["prevent"]),
           href: "#",
-          class: $(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300 !no-underline", [{ "cursor-default pointer-events-none": l.value <= 1 }, c.value]])
+          class: $(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300 !no-underline", [{ "cursor-default pointer-events-none": t.value <= 1 }, c.value]])
         }, [
-          T(V(le), { class: "size-5" }),
+          j(V(le), { class: "size-5" }),
           Z(" " + D(e.prevText), 1)
-        ], 2)) : B("", !0)
+        ], 2)) : A("", !0)
       ]),
       i("div", al, [
-        (r(!0), m(I, null, O(n.value, (f, g) => (r(), N(se(f !== "dots" ? "a" : "span"), {
-          onClick: _((y) => f !== "dots" ? t("update:page", f) : null, ["prevent"]),
+        (u(!0), v(P, null, F(n.value, (f, g) => (u(), N(se(f !== "dots" ? "a" : "span"), {
+          onClick: L((y) => f !== "dots" ? l("update:page", f) : null, ["prevent"]),
           key: g,
           href: f !== "dots" ? "#" : null,
           class: $(["inline-flex items-center px-4 text-sm font-medium !no-underline", [{
-            "border-vxvue-500 text-vxvue-700": f === l.value,
-            "border-transparent text-gray-500": f !== l.value,
+            "border-vxvue-500 text-vxvue-700": f === t.value,
+            "border-transparent text-gray-500": f !== t.value,
             "hover:text-gray-700 hover:border-gray-300": f !== "dots"
           }, c.value]])
         }, {
@@ -1156,21 +1171,21 @@ const ht = { key: 0 }, pt = { class: "text-vxvue-700" }, gt = /* @__PURE__ */ i(
         }, 1032, ["onClick", "href", "class"]))), 128))
       ]),
       i("div", sl, [
-        e.showNavButtons ? (r(), m("a", {
+        e.showNavButtons ? (u(), v("a", {
           key: 0,
-          onClick: _(v, ["prevent"]),
+          onClick: L(m, ["prevent"]),
           href: "#",
-          class: $(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300 !no-underline", [c.value, { "cursor-default pointer-events-none": l.value >= a.value }]])
+          class: $(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300 !no-underline", [c.value, { "cursor-default pointer-events-none": t.value >= a.value }]])
         }, [
           Z(D(e.nextText) + " ", 1),
-          T(V(te), { class: "size-5" })
-        ], 2)) : B("", !0)
+          j(V(te), { class: "size-5" })
+        ], 2)) : A("", !0)
       ])
     ]));
   }
 };
 function nl(e, d) {
-  return r(), m("svg", {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1187,7 +1202,7 @@ function nl(e, d) {
   ]);
 }
 function ol(e, d) {
-  return r(), m("svg", {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1208,33 +1223,33 @@ function ol(e, d) {
     })
   ]);
 }
-const rl = ["value", "type"], ul = ["disabled"], zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const rl = ["value", "type"], ul = ["disabled"], Ol = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "password-input",
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
-    const t = d, s = w(!1), a = A(() => {
-      let l = Object.assign({}, W());
-      return delete l.class, l;
+    const l = d, s = w(!1), a = B(() => {
+      let t = Object.assign({}, W());
+      return delete t.class, t;
     });
-    return (l, c) => (r(), m("div", {
+    return (t, c) => (u(), v("div", {
       class: $("inline-block relative " + W().class)
     }, [
-      i("input", j({
+      i("input", E({
         value: e.modelValue,
         type: s.value ? "text" : "password",
-        onInput: c[0] || (c[0] = (n) => t("update:modelValue", n.target.value))
+        onInput: c[0] || (c[0] = (n) => l("update:modelValue", n.target.value))
       }, a.value, { class: "block pr-12 w-full form-input peer" }), null, 16, rl),
       i("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: W().disabled ?? !1,
-        onClick: c[1] || (c[1] = _((n) => s.value = !s.value, ["stop"]))
+        onClick: c[1] || (c[1] = L((n) => s.value = !s.value, ["stop"]))
       }, [
-        s.value ? (r(), N(V(nl), {
+        s.value ? (u(), N(V(nl), {
           key: 0,
           class: "size-5"
-        })) : (r(), N(V(ol), {
+        })) : (u(), N(V(ol), {
           key: 1,
           class: "size-5"
         }))
@@ -1244,7 +1259,7 @@ const rl = ["value", "type"], ul = ["disabled"], zl = /* @__PURE__ */ Object.ass
 }), il = { class: "flex items-center pb-1" }, dl = {
   key: 0,
   class: "ml-6"
-}, Tl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "simple-tree",
   props: {
     branch: { type: Object, default: {} },
@@ -1252,61 +1267,61 @@ const rl = ["value", "type"], ul = ["disabled"], zl = /* @__PURE__ */ Object.ass
   },
   emits: ["update:modelValue", "expand"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = w(!1);
+    const l = e, s = d, a = w(!1);
     return ce(() => {
-      t.branch === t.modelValue && s("expand", !0);
-    }), (l, c) => {
-      const n = Pe("simple-tree", !0);
-      return r(), m("div", {
-        class: $([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", l.$attrs.class])
+      l.branch === l.modelValue && s("expand", !0);
+    }), (t, c) => {
+      const n = Le("simple-tree", !0);
+      return u(), v("div", {
+        class: $([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", t.$attrs.class])
       }, [
         i("div", il, [
-          e.branch.branches && e.branch.branches.length ? (r(), m("button", {
+          e.branch.branches && e.branch.branches.length ? (u(), v("button", {
             key: 0,
             onClick: c[0] || (c[0] = (o) => a.value = !a.value),
             class: "mr-2"
           }, [
-            M(l.$slots, "toggle", {
+            M(t.$slots, "toggle", {
               branch: e.branch,
               expanded: a.value
             }, () => [
-              (r(), N(se(a.value ? V(je) : V(Ne)), { class: "p-1 text-white rounded-sm size-5 bg-vxvue-700 hover:bg-vxvue" }))
+              (u(), N(se(a.value ? V(je) : V(Ee)), { class: "p-1 text-white rounded-sm size-5 bg-vxvue-700 hover:bg-vxvue" }))
             ])
-          ])) : B("", !0),
-          e.branch === e.modelValue ? M(l.$slots, "label-selected", {
+          ])) : A("", !0),
+          e.branch === e.modelValue ? M(t.$slots, "label-selected", {
             key: 1,
             branch: e.branch
           }, () => [
             i("strong", null, D(e.branch.label), 1)
-          ]) : (r(), m("button", {
+          ]) : (u(), v("button", {
             key: 2,
             onClick: c[1] || (c[1] = (o) => s("update:modelValue", e.branch))
           }, [
-            M(l.$slots, "label", { branch: e.branch }, () => [
+            M(t.$slots, "label", { branch: e.branch }, () => [
               Z(D(e.branch.label), 1)
             ])
           ]))
         ]),
-        e.branch.branches && e.branch.branches.length ? ge((r(), m("div", dl, [
-          (r(!0), m(I, null, O(e.branch.branches, (o) => (r(), N(n, {
+        e.branch.branches && e.branch.branches.length ? ge((u(), v("div", dl, [
+          (u(!0), v(P, null, F(e.branch.branches, (o) => (u(), N(n, {
             key: o.id || o.key || null,
             branch: o,
             "model-value": e.modelValue,
-            "onUpdate:modelValue": c[2] || (c[2] = (v) => s("update:modelValue", v)),
-            onExpand: c[3] || (c[3] = (v) => {
-              a.value = v, s("expand", v);
+            "onUpdate:modelValue": c[2] || (c[2] = (m) => s("update:modelValue", m)),
+            onExpand: c[3] || (c[3] = (m) => {
+              a.value = m, s("expand", m);
             })
-          }, _e({ _: 2 }, [
-            O(l.$slots, (v, u) => ({
-              name: u,
+          }, Te({ _: 2 }, [
+            F(t.$slots, (m, r) => ({
+              name: r,
               fn: X((h) => [
-                M(l.$slots, u, j({ ref_for: !0 }, h))
+                M(t.$slots, r, E({ ref_for: !0 }, h))
               ])
             }))
           ]), 1032, ["branch", "model-value"]))), 128))
         ], 512)), [
-          [Le, a.value]
-        ]) : B("", !0)
+          [_e, a.value]
+        ]) : A("", !0)
       ], 2);
     };
   }
@@ -1321,44 +1336,44 @@ const rl = ["value", "type"], ul = ["disabled"], zl = /* @__PURE__ */ Object.ass
       return typeof e == "number" || e.every((d) => typeof d == "number");
     } }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "dragStart", "dragStop"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = W(), l = { x: null, y: null }, c = { w: null, h: null };
+    const l = e, s = d, a = W(), t = { x: null, y: null }, c = { w: null, h: null };
     let n = !1;
-    const o = w(null), v = w(0), u = A(() => {
-      const k = t.max, p = t.min;
-      return t.modelValue instanceof Array ? t.modelValue.map((x) => (Math.max(Math.min(x, k), p) - p) * 100 / (k - p)) : (Math.max(Math.min(t.modelValue, k), p) - p) * 100 / (k - p);
-    }), h = A(() => {
-      if (t.modelValue instanceof Array) {
-        const k = Math.min(...u.value) + "%", p = Math.max(...u.value) - Math.min(...u.value) + "%";
-        return t.vertical ? { bottom: k, height: p } : { left: k, width: p };
+    const o = w(null), m = w(0), r = B(() => {
+      const k = l.max, p = l.min;
+      return l.modelValue instanceof Array ? l.modelValue.map((x) => (Math.max(Math.min(x, k), p) - p) * 100 / (k - p)) : (Math.max(Math.min(l.modelValue, k), p) - p) * 100 / (k - p);
+    }), h = B(() => {
+      if (l.modelValue instanceof Array) {
+        const k = Math.min(...r.value) + "%", p = Math.max(...r.value) - Math.min(...r.value) + "%";
+        return l.vertical ? { bottom: k, height: p } : { left: k, width: p };
       }
-      return t.vertical ? { bottom: 0, height: u.value + "%" } : { width: u.value + "%" };
+      return l.vertical ? { bottom: 0, height: r.value + "%" } : { width: r.value + "%" };
     }), f = 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"),
+      class: (l.vertical ? "left-0 -translate-x-1.5 translate-y-2.5" : "top-0 -translate-x-2.5 -translate-y-1.5") + " touch-none absolute size-5 rounded-full border-2 bg-white transition-colors duration-200 " + (l.disabled ? "" : " focus:ring-4 focus:outline-none border-vxvue cursor-grab hover:bg-vxvue focus:ring-vxvue/50"),
       tabindex: 0
     }), g = (k) => {
       let p = parseFloat(k.toFixed(10));
-      if (p = Math.min(t.max, Math.max(t.min, p)), t.modelValue instanceof Array) {
-        let x = [...t.modelValue];
-        x[v.value] = p, s("update:modelValue", x);
+      if (p = Math.min(l.max, Math.max(l.min, p)), l.modelValue instanceof Array) {
+        let x = [...l.modelValue];
+        x[m.value] = p, s("update:modelValue", x);
       } else
         s("update:modelValue", p);
     }, y = (k) => {
-      const { pageX: p, pageY: x } = k.touches ? k.touches[0] : k, b = t.vertical ? (-x + l.y) / c.h : (p - l.x) / c.w;
-      g(Math.floor((t.max - t.min) * b + t.min));
-    }, L = () => {
-      const { clientLeft: k, clientTop: p, scrollLeft: x, scrollTop: b } = document.documentElement, P = o.value.getBoundingClientRect();
-      l.x = P.left + x - k, l.y = P.bottom + b - p, c.w = o.value.offsetWidth, c.h = o.value.offsetHeight;
-    }, F = (k) => {
+      const { pageX: p, pageY: x } = k.touches ? k.touches[0] : k, b = l.vertical ? (-x + t.y) / c.h : (p - t.x) / c.w;
+      g(Math.floor((l.max - l.min) * b + l.min));
+    }, T = () => {
+      const { clientLeft: k, clientTop: p, scrollLeft: x, scrollTop: b } = document.documentElement, I = o.value.getBoundingClientRect();
+      t.x = I.left + x - k, t.y = I.bottom + b - p, c.w = o.value.offsetWidth, c.h = o.value.offsetHeight;
+    }, _ = (k) => {
       n && (k.preventDefault(), y(k));
+    }, O = (k) => {
+      k.preventDefault(), k.currentTarget.focus(), T(), n = !0, k.type === "mousedown" ? (document.addEventListener("mousemove", _), document.addEventListener("mouseup", z)) : (document.addEventListener("touchmove", _), document.addEventListener("touchend", z)), s("dragStart");
     }, z = (k) => {
-      k.preventDefault(), k.currentTarget.focus(), L(), n = !0, document.addEventListener("mousemove", F), document.addEventListener("mouseup", E);
-    }, E = () => {
-      n && (n = !1, document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", E));
+      n && (n = !1, k.type === "mouseup" ? (document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", z)) : (document.removeEventListener("touchmove", _), document.removeEventListener("touchend", z)), setTimeout(() => s("dragStop"), 0));
     }, G = (k) => {
       k.keyCode >= 33 && k.keyCode <= 40 && k.preventDefault();
-      const p = t.modelValue[v.value] ?? t.modelValue;
+      const p = l.modelValue[m.value] ?? l.modelValue;
       switch (k.keyCode) {
         case 37:
         case 40:
@@ -1369,69 +1384,69 @@ const rl = ["value", "type"], ul = ["disabled"], zl = /* @__PURE__ */ Object.ass
           g(p + 1);
           break;
         case 33:
-          g(p + (t.max - t.min) / 10);
+          g(p + (l.max - l.min) / 10);
           break;
         case 34:
-          g(p - (t.max - t.min) / 10);
+          g(p - (l.max - l.min) / 10);
           break;
         case 36:
-          g(t.min);
+          g(l.min);
           break;
         case 35:
-          g(t.max);
+          g(l.max);
       }
     }, R = (k) => {
-      L(), y(k);
+      T(), y(k);
     };
-    return (k, p) => (r(), m("div", j({
+    return (k, p) => (u(), v("div", E({
       class: ["relative  bg-slate-300", e.vertical ? "h-full w-2 rounded-t-full rounded-b-full" : "w-full h-2 rounded-r-full rounded-l-full"],
       ref_key: "track",
       ref: o,
       role: "slider",
       "aria-label": "slider-thumb",
       "aria-valuemin": e.min,
-      "aria-valuemax": t.max,
+      "aria-valuemax": l.max,
       "aria-valuenow": e.modelValue[0] ?? e.modelValue,
       "aria-valuetext": e.modelValue
     }, re(e.disabled ? {} : {
       click: R
     }, !0)), [
-      e.disabled ? B("", !0) : (r(), m("div", {
+      e.disabled ? A("", !0) : (u(), v("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"]),
-        style: Fe(h.value)
+        style: be(h.value)
       }, null, 6)),
-      e.modelValue.length ? (r(!0), m(I, { key: 2 }, O(e.modelValue, (x, b) => (r(), m("button", j({
+      e.modelValue.length ? (u(!0), v(P, { key: 2 }, F(e.modelValue, (x, b) => (u(), v("button", E({
         id: b ? null : V(a).id,
-        style: e.vertical ? { bottom: u.value[b] + "%" } : { left: u.value[b] + "%" },
+        style: e.vertical ? { bottom: r.value[b] + "%" } : { left: r.value[b] + "%" },
         "aria-label": "slider-thumb-" + (b + 1)
       }, re(e.disabled ? {} : {
-        focus: () => v.value = b,
+        focus: () => m.value = b,
         keydown: G,
-        mousedown: (P) => {
-          v.value = b, z(P);
+        touchstart: (I) => {
+          m.value = b, O(I);
         },
-        touchstart: (P) => {
-          v.value = b, z(P);
+        mousedown: (I) => {
+          m.value = b, O(I);
         },
-        touchmove: F,
-        touchend: E
-      }, !0), { ref_for: !0 }, f.value), null, 16, ml))), 256)) : (r(), m("button", j({
+        touchend: z,
+        mouseup: z
+      }, !0), { ref_for: !0 }, f.value), null, 16, ml))), 256)) : (u(), v("button", E({
         key: 1,
         id: V(a).id,
-        style: e.vertical ? { bottom: u.value + "%" } : { left: u.value + "%" },
+        style: e.vertical ? { bottom: r.value + "%" } : { left: r.value + "%" },
         "aria-label": "slider-thumb"
       }, re(e.disabled ? {} : {
-        focus: () => v.value = 0,
+        focus: () => m.value = 0,
         keydown: G,
-        mousedown: (x) => {
-          v.value = 0, z(x);
-        },
         touchstart: (x) => {
-          v.value = 0, z(x);
+          m.value = 0, O(x);
+        },
+        mousedown: (x) => {
+          m.value = 0, O(x);
         },
-        touchmove: F,
-        touchend: E
+        touchend: z,
+        mouseup: z
       }, !0), f.value), null, 16, vl))
     ], 16, cl));
   }
@@ -1457,83 +1472,83 @@ const rl = ["value", "type"], ul = ["disabled"], zl = /* @__PURE__ */ Object.ass
   },
   emits: ["before-sort", "after-sort"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = w(t.sortProp), l = w(t.sortDirection), c = A(() => {
-      let o = t.rows.slice();
-      const v = t.columns.find(({ prop: u }) => u === a.value);
-      return v && (l.value === "asc" && v.sortAscFunction ? o.sort(v.sortAscFunction) : l.value === "desc" && v.sortDescFunction ? o.sort(v.sortDescFunction) : o.sort((u, h) => u[a.value] < h[a.value] ? l.value === "asc" ? -1 : 1 : u[a.value] > h[a.value] ? l.value === "asc" ? 1 : -1 : 0)), o.slice(t.offset || 0, (t.offset || 0) + (t.count || o.length));
+    const l = e, s = d, a = w(l.sortProp), t = w(l.sortDirection), c = B(() => {
+      let o = l.rows.slice();
+      const m = l.columns.find(({ prop: r }) => r === a.value);
+      return m && (t.value === "asc" && m.sortAscFunction ? o.sort(m.sortAscFunction) : t.value === "desc" && m.sortDescFunction ? o.sort(m.sortDescFunction) : o.sort((r, h) => r[a.value] < h[a.value] ? t.value === "asc" ? -1 : 1 : r[a.value] > h[a.value] ? t.value === "asc" ? 1 : -1 : 0)), o.slice(l.offset || 0, (l.offset || 0) + (l.count || o.length));
     }), 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"), de(() => s("after-sort", { prop: a.value, dir: l.value }));
+      s("before-sort", { prop: a.value, dir: t.value }), a.value === o ? t.value = t.value === "asc" ? "desc" : "asc" : (a.value = o, t.value = t.value || "asc"), de(() => s("after-sort", { prop: a.value, dir: t.value }));
     };
-    return (o, v) => (r(), m("table", {
+    return (o, m) => (u(), v("table", {
       class: $(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
     }, [
       i("thead", fl, [
         i("tr", null, [
-          (r(!0), m(I, null, O(e.columns, (u) => (r(), m("th", {
+          (u(!0), v(P, null, F(e.columns, (r) => (u(), v("th", {
             scope: "col",
             class: $(["py-3 px-6 text-left", [
-              { "cursor-pointer": u.sortable, active: a.value === u.prop },
-              u.cssClass
+              { "cursor-pointer": r.sortable, active: a.value === r.prop },
+              r.cssClass
             ]]),
-            onClick: (h) => u.sortable ? n(u.prop) : null
+            onClick: (h) => r.sortable ? n(r.prop) : null
           }, [
-            M(o.$slots, u.prop + "-header", {
-              column: u,
-              sortDir: l.value,
+            M(o.$slots, r.prop + "-header", {
+              column: r,
+              sortDir: t.value,
               sortProp: a.value
             }, () => [
               i("div", pl, [
-                i("span", null, D(u.label), 1),
-                u.sortable ? (r(), N(se(a.value !== u.prop ? V(ze) : l.value === "asc" ? V(Oe) : V(Te)), {
+                i("span", null, D(r.label), 1),
+                r.sortable ? (u(), N(se(a.value !== r.prop ? V(Oe) : t.value === "asc" ? V(Fe) : V(ze)), {
                   key: 0,
                   class: "size-4"
-                })) : B("", !0)
+                })) : A("", !0)
               ])
             ], !0)
           ], 10, hl))), 256))
         ])
       ]),
       i("tbody", null, [
-        (r(!0), m(I, null, O(c.value, (u) => (r(), m("tr", {
-          key: u[e.keyProperty],
-          class: $(u.cssClass)
+        (u(!0), v(P, null, F(c.value, (r) => (u(), v("tr", {
+          key: r[e.keyProperty],
+          class: $(r.cssClass)
         }, [
-          (r(!0), m(I, null, O(e.columns, (h) => (r(), m("td", {
+          (u(!0), v(P, null, F(e.columns, (h) => (u(), v("td", {
             class: $(["overflow-hidden py-3 px-6 whitespace-nowrap text-ellipsis", { active: a.value === h.prop }])
           }, [
-            M(o.$slots, h.prop, { row: u }, () => [
-              Z(D(u[h.prop]), 1)
+            M(o.$slots, h.prop, { row: r }, () => [
+              Z(D(r[h.prop]), 1)
             ], !0)
           ], 2))), 256))
         ], 2))), 128))
       ])
     ], 2));
   }
-}, Nl = /* @__PURE__ */ me(gl, [["__scopeId", "data-v-6abd4b76"]]), bl = { class: "flex items-center space-x-2" }, xl = ["disabled"], yl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, El = /* @__PURE__ */ me(gl, [["__scopeId", "data-v-6abd4b76"]]), bl = { class: "flex items-center space-x-2" }, xl = ["disabled"], yl = /* @__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) => (r(), m("div", bl, [
+    const l = d;
+    return (s, a) => (u(), v("div", bl, [
       i("button", {
         class: $([s.$attrs.class, e.theme]),
         disabled: s.$attrs.disabled || e.busy,
         type: "button",
-        onClick: a[0] || (a[0] = (l) => t("submit"))
+        onClick: a[0] || (a[0] = (t) => l("submit"))
       }, [
         M(s.$slots, "default", {}, void 0, !0)
       ], 10, xl),
-      e.busy ? (r(), N(xe, {
+      e.busy ? (u(), N(ye, {
         key: 0,
         class: $(e.spinnerClass || ["size-5", { error: "text-error", success: "text-success", default: "text-vxvue" }[e.theme || "default"]])
-      }, null, 8, ["class"])) : B("", !0)
+      }, null, 8, ["class"])) : A("", !0)
     ]));
   }
-}), Yl = /* @__PURE__ */ me(yl, [["__scopeId", "data-v-2eba6082"]]), wl = { class: "sm:hidden" }, kl = { class: "hidden sm:block" }, $l = { class: "border-b border-gray-200" }, Cl = {
+}), Nl = /* @__PURE__ */ me(yl, [["__scopeId", "data-v-2eba6082"]]), wl = { class: "sm:hidden" }, kl = { class: "hidden sm:block" }, $l = { class: "border-b border-gray-200" }, Cl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
-}, Sl = ["onClick", "aria-current"], El = {
+}, Sl = ["onClick", "aria-current"], Yl = {
   __name: "tabs",
   props: {
     items: { type: Array, default: [] },
@@ -1541,56 +1556,56 @@ const rl = ["value", "type"], ul = ["disabled"], zl = /* @__PURE__ */ Object.ass
   },
   emits: ["update:active-index"],
   setup(e, { emit: d }) {
-    const t = e, s = d, a = w(t.items[t.activeIndex] || {}), l = A(() => {
+    const l = e, s = d, a = w(l.items[l.activeIndex] || {}), t = B(() => {
       let n = [];
-      return t.items.forEach((o, v) => {
-        o.disabled || n.push({ label: o.name, key: v });
+      return l.items.forEach((o, m) => {
+        o.disabled || n.push({ label: o.name, key: m });
       }), n;
     });
-    U(() => t.activeIndex, (n) => {
-      a.value = t.items[n] || {};
+    U(() => l.activeIndex, (n) => {
+      a.value = l.items[n] || {};
     });
     const c = (n) => {
-      n.disabled || (a.value = n, s("update:active-index", t.items.indexOf(n)));
+      n.disabled || (a.value = n, s("update:active-index", l.items.indexOf(n)));
     };
-    return (n, o) => (r(), m(I, null, [
+    return (n, o) => (u(), v(P, null, [
       i("div", wl, [
-        T(Ot, {
-          options: l.value,
+        j(Ft, {
+          options: t.value,
           "model-value": e.activeIndex,
-          "onUpdate:modelValue": o[0] || (o[0] = (v) => s("update:activeIndex", v)),
+          "onUpdate:modelValue": o[0] || (o[0] = (m) => s("update:activeIndex", m)),
           class: "w-full"
         }, null, 8, ["options", "model-value"])
       ]),
       i("div", kl, [
         i("div", $l, [
           i("nav", Cl, [
-            (r(!0), m(I, null, O(e.items, (v) => (r(), m("a", {
-              key: v.name,
+            (u(!0), v(P, null, F(e.items, (m) => (u(), v("a", {
+              key: m.name,
               href: "#",
-              onClick: _((u) => c(v), ["prevent"]),
+              onClick: L((r) => c(m), ["prevent"]),
               class: $([
-                a.value === v ? "border-vxvue-500 text-vxvue-600" : "border-transparent text-gray-900 hover:text-gray-700 hover:border-gray-300",
-                v.disabled ? "cursor-not-allowed text-gray-400 hover:border-transparent" : "",
+                a.value === m ? "border-vxvue-500 text-vxvue-600" : "border-transparent text-gray-900 hover:text-gray-700 hover:border-gray-300",
+                m.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"
               ]),
-              "aria-current": a.value === v ? "page" : void 0
+              "aria-current": a.value === m ? "page" : void 0
             }, [
-              M(n.$slots, "icon", { tab: v }),
+              M(n.$slots, "icon", { tab: m }),
               i("span", null, [
-                M(n.$slots, "default", { tab: v }, () => [
-                  Z(D(v.name), 1)
+                M(n.$slots, "default", { tab: m }, () => [
+                  Z(D(m.name), 1)
                 ])
               ]),
-              M(n.$slots, "badge", { tab: v }, () => [
-                v.badge ? (r(), m("span", {
+              M(n.$slots, "badge", { tab: m }, () => [
+                m.badge ? (u(), v("span", {
                   key: 0,
                   class: $([
-                    a.value === v ? "bg-vxvue-50 text-vxvue-700" : "bg-gray-200 text-gray-900",
-                    v.disabled ? "bg-gray-100 text-gray-400" : "",
+                    a.value === m ? "bg-vxvue-50 text-vxvue-700" : "bg-gray-200 text-gray-900",
+                    m.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"
                   ])
-                }, D(v.badge), 3)) : B("", !0)
+                }, D(m.badge), 3)) : A("", !0)
               ])
             ], 10, Sl))), 128))
           ])
@@ -1605,18 +1620,18 @@ export {
   Al as Autocomplete,
   Bl as Confirm,
   wt as DateInput,
-  Il as Datepicker,
-  Pl as FormFileButton,
-  Ot as FormSelect,
-  _l as FormSwitch,
-  Ll as MessageToast,
-  Fl as Modal,
-  Ol as Pagination,
-  zl as PasswordInput,
-  Tl as SimpleTree,
+  Pl as Datepicker,
+  Il as FormFileButton,
+  Ft as FormSelect,
+  Ll as FormSwitch,
+  Tl as MessageToast,
+  _l as Modal,
+  Fl as Pagination,
+  Ol as PasswordInput,
+  zl as SimpleTree,
   jl as Slider,
-  Nl as Sortable,
-  xe as Spinner,
-  Yl as SubmitButton,
-  El as Tabs
+  El as Sortable,
+  ye as Spinner,
+  Nl as SubmitButton,
+  Yl as Tabs
 };