vx-vue 0.7.5 → 0.7.6

package/dist/vxvue.es.js

@@ -1,30 +1,30 @@
-import { getCurrentScope as ke, onScopeDispose as $e, unref as L, watch as H, useAttrs as K, ref as x, computed as V, onUpdated as Ce, openBlock as u, createElementBlock as d, normalizeClass as C, createElementVNode as i, mergeProps as j, withKeys as Z, withModifiers as B, createCommentVNode as D, Fragment as _, renderList as O, renderSlot as A, toDisplayString as S, createVNode as Y, Transition as oe, withCtx as Q, createTextVNode as z, nextTick as re, toValue as ce, withDirectives as me, vModelText as Se, onMounted as ue, createBlock as G, pushScopeId as Me, popScopeId as Ve, resolveDynamicComponent as fe, resolveComponent as De, vShow as _e, toHandlers as te, normalizeStyle as Ae } from "vue";
+import { getCurrentScope as ke, onScopeDispose as $e, unref as D, watch as H, useAttrs as K, ref as x, computed as V, onUpdated as Ce, openBlock as u, createElementBlock as v, normalizeClass as C, createElementVNode as r, mergeProps as j, withKeys as X, withModifiers as P, createCommentVNode as _, Fragment as A, renderList as O, renderSlot as B, toDisplayString as S, createVNode as Y, Transition as oe, withCtx as Q, createTextVNode as z, nextTick as re, toValue as de, withDirectives as fe, vModelText as Se, onMounted as ue, createBlock as Z, pushScopeId as Me, popScopeId as Ve, resolveDynamicComponent as ie, resolveComponent as De, vShow as _e, toHandlers as le, normalizeStyle as Ae } from "vue";
 function Be(e) {
   return ke() ? ($e(e), !0) : !1;
 }
 function he(e) {
-  return typeof e == "function" ? e() : L(e);
+  return typeof e == "function" ? e() : D(e);
 }
 const pe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Pe = Object.prototype.toString, Le = (e) => Pe.call(e) === "[object Object]", ae = () => {
+const Pe = Object.prototype.toString, Le = (e) => Pe.call(e) === "[object Object]", ee = () => {
 }, Fe = /* @__PURE__ */ Ie();
 function Ie() {
-  var e;
-  return pe && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
+  var e, d;
+  return pe && ((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 Te = /[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 Oe(e, m, t, n) {
+function Oe(e, d, t, n) {
   let a = e < 12 ? "AM" : "PM";
   return n && (a = a.split("").reduce((l, c) => l += `${c}.`, "")), t ? a.toLowerCase() : a;
 }
 function W(e) {
-  const m = ["th", "st", "nd", "rd"], t = e % 100;
-  return e + (m[(t - 20) % 10] || m[t] || m[0]);
+  const d = ["th", "st", "nd", "rd"], t = e % 100;
+  return e + (d[(t - 20) % 10] || d[t] || d[0]);
 }
-function de(e, m, t = {}) {
+function ve(e, d, t = {}) {
   var n;
-  const a = e.getFullYear(), l = e.getMonth(), c = e.getDate(), s = e.getHours(), o = e.getMinutes(), v = e.getSeconds(), r = e.getMilliseconds(), y = e.getDay(), f = (n = t.customMeridiem) != null ? n : Oe, g = {
+  const a = e.getFullYear(), l = e.getMonth(), c = e.getDate(), s = e.getHours(), o = e.getMinutes(), m = e.getSeconds(), i = e.getMilliseconds(), y = e.getDay(), f = (n = t.customMeridiem) != null ? n : Oe, g = {
     Yo: () => W(a),
     YY: () => String(a).slice(-2),
     YYYY: () => a,
@@ -45,10 +45,10 @@ function de(e, m, t = {}) {
     m: () => String(o),
     mo: () => W(o),
     mm: () => `${o}`.padStart(2, "0"),
-    s: () => String(v),
-    so: () => W(v),
-    ss: () => `${v}`.padStart(2, "0"),
-    SSS: () => `${r}`.padStart(3, "0"),
+    s: () => String(m),
+    so: () => W(m),
+    ss: () => `${m}`.padStart(2, "0"),
+    SSS: () => `${i}`.padStart(3, "0"),
     d: () => y,
     dd: () => e.toLocaleDateString(t.locales, { weekday: "narrow" }),
     ddd: () => e.toLocaleDateString(t.locales, { weekday: "short" }),
@@ -58,46 +58,46 @@ function de(e, m, t = {}) {
     a: () => f(s, o, !0),
     aa: () => f(s, o, !0, !0)
   };
-  return m.replace(Te, (w, I) => {
+  return d.replace(Te, (w, I) => {
     var T, F;
     return (F = I ?? ((T = g[w]) == null ? void 0 : T.call(g))) != null ? F : w;
   });
 }
 function J(e) {
-  var m;
+  var d;
   const t = he(e);
-  return (m = t == null ? void 0 : t.$el) != null ? m : t;
+  return (d = t == null ? void 0 : t.$el) != null ? d : t;
 }
 const ge = pe ? window : void 0;
-function le(...e) {
-  let m, t, n, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, n, a] = e, m = ge) : [m, t, n, a] = e, !m)
-    return ae;
+function ae(...e) {
+  let d, t, n, a;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, n, a] = e, d = ge) : [d, t, n, a] = e, !d)
+    return ee;
   Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
   const l = [], c = () => {
-    l.forEach((r) => r()), l.length = 0;
-  }, s = (r, y, f, g) => (r.addEventListener(y, f, g), () => r.removeEventListener(y, f, g)), o = H(
-    () => [J(m), he(a)],
-    ([r, y]) => {
-      if (c(), !r)
+    l.forEach((i) => i()), l.length = 0;
+  }, s = (i, y, f, g) => (i.addEventListener(y, f, g), () => i.removeEventListener(y, f, g)), o = H(
+    () => [J(d), he(a)],
+    ([i, y]) => {
+      if (c(), !i)
         return;
       const f = Le(y) ? { ...y } : y;
       l.push(
-        ...t.flatMap((g) => n.map((w) => s(r, g, w, f)))
+        ...t.flatMap((g) => n.map((w) => s(i, g, w, f)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), v = () => {
+  ), m = () => {
     o(), c();
   };
-  return Be(v), v;
+  return Be(m), m;
 }
-let ve = !1;
-function ie(e, m, t = {}) {
+let me = !1;
+function ce(e, d, t = {}) {
   const { window: n = ge, ignore: a = [], capture: l = !0, detectIframe: c = !1 } = t;
   if (!n)
-    return;
-  Fe && !ve && (ve = !0, Array.from(n.document.body.children).forEach((f) => f.addEventListener("click", ae)), n.document.documentElement.addEventListener("click", ae));
+    return ee;
+  Fe && !me && (me = !0, Array.from(n.document.body.children).forEach((f) => f.addEventListener("click", ee)), n.document.documentElement.addEventListener("click", ee));
   let s = !0;
   const o = (f) => a.some((g) => {
     if (typeof g == "string")
@@ -106,52 +106,52 @@ function ie(e, m, t = {}) {
       const w = J(g);
       return w && (f.target === w || f.composedPath().includes(w));
     }
-  }), r = [
-    le(n, "click", (f) => {
+  }), i = [
+    ae(n, "click", (f) => {
       const g = J(e);
       if (!(!g || g === f.target || f.composedPath().includes(g))) {
         if (f.detail === 0 && (s = !o(f)), !s) {
           s = !0;
           return;
         }
-        m(f);
+        d(f);
       }
     }, { passive: !0, capture: l }),
-    le(n, "pointerdown", (f) => {
+    ae(n, "pointerdown", (f) => {
       const g = J(e);
       s = !o(f) && !!(g && !f.composedPath().includes(g));
     }, { passive: !0 }),
-    c && le(n, "blur", (f) => {
+    c && ae(n, "blur", (f) => {
       setTimeout(() => {
         var g;
         const w = J(e);
-        ((g = n.document.activeElement) == null ? void 0 : g.tagName) === "IFRAME" && !(w != null && w.contains(n.document.activeElement)) && m(f);
+        ((g = n.document.activeElement) == null ? void 0 : g.tagName) === "IFRAME" && !(w != null && w.contains(n.document.activeElement)) && d(f);
       }, 0);
     })
   ].filter(Boolean);
-  return () => r.forEach((f) => f());
+  return () => i.forEach((f) => f());
 }
 const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, Ee = {
   key: 0,
-  class: "w-5 h-5 animate-spin",
+  class: "size-5 animate-spin",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
-}, Ne = /* @__PURE__ */ i("circle", {
+}, Ne = /* @__PURE__ */ r("circle", {
   class: "opacity-25",
   cx: "12",
   cy: "12",
   r: "10",
   stroke: "currentColor",
   "stroke-width": "4"
-}, null, -1), ze = /* @__PURE__ */ i("path", {
+}, null, -1), ze = /* @__PURE__ */ r("path", {
   class: "opacity-75",
   fill: "currentColor",
   d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 }, null, -1), Re = [
   Ne,
   ze
-], pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+], hl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "autocomplete",
   props: {
     modelValue: { type: String, default: "" },
@@ -164,11 +164,11 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
     autoSelect: Boolean
   },
   emits: ["update:modelValue", "blur", "submit"],
-  setup(e, { emit: m }) {
-    const t = m, n = e, a = K(), c = (/* @__PURE__ */ (() => {
+  setup(e, { emit: d }) {
+    const t = d, n = e, a = K(), c = (/* @__PURE__ */ (() => {
       let k = 0;
       return ($) => ($ || "") + ++k;
-    })())((a.id || "autocomplete") + "-"), s = x([]), o = x(-1), v = x(0), r = x(!1), y = x(!1), f = x("top-0 translate-y-12"), g = x(!0), w = x(null), I = x(null), T = x(null), F = V(
+    })())((a.id || "autocomplete") + "-"), s = x([]), o = x(-1), m = x(0), i = x(!1), y = x(!1), f = x("top-0 translate-y-12"), g = x(!0), w = x(null), I = x(null), T = x(null), F = V(
       () => s.value.map((k, $) => ({
         id: (a.id || "autocomplete") + "-item-" + $,
         class: ["autocomplete-item", n.resultItemClass, { "bg-vxvue-700 text-white": o.value === $ }],
@@ -185,7 +185,7 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
       "aria-autocomplete": "list",
       "aria-haspopup": "listbox",
       "aria-owns": c,
-      "aria-expanded": r.value ? "true" : "false",
+      "aria-expanded": i.value ? "true" : "false",
       "aria-activedescendant": o.value > -1 ? F.value[o.value].id : "",
       ...a
     })), q = V(() => ({
@@ -193,28 +193,28 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
       class: ["autocomplete-list absolute min-w-full transform z-10", n.resultListClass, f.value],
       role: "listbox"
     })), b = () => {
-      o.value = -1, s.value = [], r.value = !1, g.value = !0;
+      o.value = -1, s.value = [], i.value = !1, g.value = !0;
     }, p = (k) => {
       const $ = n.search(k);
       if ($ instanceof Promise) {
-        const R = ++v.value;
+        const R = ++m.value;
         y.value = !0, $.then((N) => {
-          R === v.value && (s.value = N, y.value = !1, s.value.length ? (o.value = n.autoSelect ? 0 : -1, r.value = !0) : b());
+          R === m.value && (s.value = N, y.value = !1, s.value.length ? (o.value = n.autoSelect ? 0 : -1, i.value = !0) : b());
         });
       } else
-        s.value = $, s.value.length === 0 ? b() : (o.value = n.autoSelect ? 0 : -1, r.value = !0);
+        s.value = $, s.value.length === 0 ? b() : (o.value = n.autoSelect ? 0 : -1, i.value = !0);
     }, h = () => {
       const k = s.value[o.value];
       return k && t("update:modelValue", n.getResultValue(k)), b(), k;
     }, M = (k) => {
       t("update:modelValue", k), p(k);
-    }, P = (k) => p(k.target.value), E = () => {
+    }, L = (k) => p(k.target.value), E = () => {
       b(), t("blur");
-    }, X = () => {
+    }, G = () => {
       const k = s.value.length;
       o.value = ((o.value - 1) % k + k) % k;
-    }, ee = (k) => {
-      r.value || P(k);
+    }, te = (k) => {
+      i.value || L(k);
       const $ = s.value.length;
       o.value = ((o.value + 1) % $ + $) % $;
     }, xe = () => {
@@ -223,7 +223,7 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
       const $ = k.target.closest("[data-result-index]");
       $ && (o.value = parseInt($.dataset.resultIndex, 10), t("submit", h()));
     };
-    return ie(T, b), Ce(() => {
+    return ce(T, b), Ce(() => {
       if (w.value) {
         const k = I.value.getBoundingClientRect(), $ = w.value.getBoundingClientRect();
         g.value && s.value.length && (g.value = !1, f.value = k.bottom + $.height > window.innerHeight && window.innerHeight - k.bottom < k.top && window.pageYOffset + k.top - $.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
@@ -233,12 +233,12 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
           N.top < $.top ? w.value.scrollTop -= $.top - N.top : N.bottom > $.bottom && (w.value.scrollTop += N.bottom - $.bottom);
         }
       }
-    }), (k, $) => (u(), d("div", {
+    }), (k, $) => (u(), v("div", {
       class: C(["inline-block relative", k.$attrs.class]),
       ref_key: "container",
       ref: T
     }, [
-      i("input", j({
+      r("input", j({
         ref_key: "input",
         ref: I,
         class: "block pr-10 w-full form-input focus:border-vxvue",
@@ -246,36 +246,36 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
       }, U.value, {
         onInput: $[0] || ($[0] = (R) => M(R.target.value)),
         onKeydown: [
-          Z(ye, ["enter"]),
-          Z(xe, ["esc"]),
-          Z(h, ["tab"]),
-          Z(B(X, ["prevent"]), ["up"]),
-          Z(B(ee, ["prevent"]), ["down"])
+          X(ye, ["enter"]),
+          X(xe, ["esc"]),
+          X(h, ["tab"]),
+          X(P(G, ["prevent"]), ["up"]),
+          X(P(te, ["prevent"]), ["down"])
         ],
-        onFocus: P,
+        onFocus: L,
         onBlur: E
       }), null, 16, je),
-      i("span", Ye, [
-        y.value ? (u(), d("svg", Ee, Re)) : D("", !0)
+      r("span", Ye, [
+        y.value ? (u(), v("svg", Ee, Re)) : _("", !0)
       ]),
-      s.value.length ? (u(), d("ul", j({
+      s.value.length ? (u(), v("ul", j({
         key: 0,
         ref_key: "resultList",
         ref: w
       }, q.value, {
         onClick: we,
-        onMousedown: $[1] || ($[1] = B(() => {
+        onMousedown: $[1] || ($[1] = P(() => {
         }, ["prevent"]))
       }), [
-        (u(!0), d(_, null, O(s.value, (R, N) => A(k.$slots, "result", {
+        (u(!0), v(A, null, O(s.value, (R, N) => B(k.$slots, "result", {
           result: R,
           props: F.value[N]
         }, () => [
-          (u(), d("li", j({
+          (u(), v("li", j({
             key: F.value[N].id
           }, F.value[N]), S(e.getResultValue(R)), 17))
         ])), 256))
-      ], 16)) : D("", !0)
+      ], 16)) : _("", !0)
     ], 2));
   }
 }), He = {
@@ -285,16 +285,16 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
 }, Ue = {
   key: 0,
   class: "overflow-y-auto fixed inset-0 z-50"
-}, We = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, qe = { key: 0 }, Ke = /* @__PURE__ */ i("span", {
+}, We = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, Ze = { key: 0 }, qe = /* @__PURE__ */ r("span", {
   class: "hidden sm:inline-block sm:h-screen sm:align-middle",
   "aria-hidden": "true"
-}, "​", -1), Ge = { 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" }, Xe = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, Ze = { class: "flex flex-row items-center" }, Je = { class: "flex-shrink-0" }, Qe = { class: "flex-grow text-center" }, et = ["onClick"], gl = {
+}, "​", -1), Ke = { 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" }, Ge = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, Xe = { class: "flex flex-row items-center" }, Je = { class: "flex-shrink-0" }, Qe = { class: "flex-grow text-center" }, et = ["onClick"], pl = {
   __name: "confirm",
   props: {
     buttons: {
       type: [Object, Array],
       default: { label: "Ok" },
-      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((m) => m.label !== "undefined" && m.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
+      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((d) => d.label !== "undefined" && d.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
     },
     headerClass: {
       type: String,
@@ -305,65 +305,65 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
       default: "button"
     }
   },
-  setup(e, { expose: m }) {
+  setup(e, { expose: d }) {
     const t = e, n = x(""), a = x(""), l = x(!1);
     let c = null, s = null;
-    const o = V(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), v = x(null), r = (f, g) => {
+    const o = V(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), m = x(null), i = (f, g) => {
       l.value = !1, f.value !== void 0 ? f.value ? c() : s() : g ? s() : c();
     };
-    return m({ open: (f, g) => (n.value = f, a.value = g, l.value = !0, re(() => v.value.firstElementChild.focus()), new Promise((w, I) => {
+    return d({ open: (f, g) => (n.value = f, a.value = g, l.value = !0, re(() => m.value.firstElementChild.focus()), new Promise((w, I) => {
       c = w, s = I;
-    })) }), (f, g) => (u(), d(_, null, [
-      l.value ? (u(), d("div", He)) : D("", !0),
+    })) }), (f, g) => (u(), v(A, null, [
+      l.value ? (u(), v("div", He)) : _("", !0),
       Y(oe, { name: "appear" }, {
         default: Q(() => [
-          l.value ? (u(), d("div", Ue, [
-            i("div", We, [
-              l.value ? (u(), d("div", qe, [
-                Ke,
-                i("div", Ge, [
-                  n.value ? (u(), d("h3", {
+          l.value ? (u(), v("div", Ue, [
+            r("div", We, [
+              l.value ? (u(), v("div", Ze, [
+                qe,
+                r("div", Ke, [
+                  n.value ? (u(), v("h3", {
                     key: 0,
                     class: C(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
-                    A(f.$slots, "title", { title: n.value }, () => [
+                    B(f.$slots, "title", { title: n.value }, () => [
                       z(S(n.value), 1)
                     ])
-                  ], 2)) : D("", !0),
-                  i("div", Xe, [
-                    i("div", Ze, [
-                      i("div", Je, [
-                        A(f.$slots, "icon")
+                  ], 2)) : _("", !0),
+                  r("div", Ge, [
+                    r("div", Xe, [
+                      r("div", Je, [
+                        B(f.$slots, "icon")
                       ]),
-                      i("p", Qe, [
-                        A(f.$slots, "default", { message: a.value }, () => [
+                      r("p", Qe, [
+                        B(f.$slots, "default", { message: a.value }, () => [
                           z(S(a.value), 1)
                         ])
                       ])
                     ]),
-                    i("div", {
+                    r("div", {
                       class: "flex justify-center mt-5 space-x-2 sm:mt-6",
                       ref_key: "buttonsContainer",
-                      ref: v
+                      ref: m
                     }, [
-                      (u(!0), d(_, null, O(o.value, (w, I) => (u(), d("button", {
+                      (u(!0), v(A, null, O(o.value, (w, I) => (u(), v("button", {
                         class: C([e.buttonClass, w.class]),
-                        onClick: B((T) => r(w, I), ["prevent"])
+                        onClick: P((T) => i(w, I), ["prevent"])
                       }, S(w.label), 11, et))), 256))
                     ], 512)
                   ])
                 ])
-              ])) : D("", !0)
+              ])) : _("", !0)
             ])
-          ])) : D("", !0)
+          ])) : _("", !0)
         ]),
         _: 3
       })
     ], 64));
   }
 };
-function tt(e, m) {
-  const t = x(!1), n = ce(m);
+function tt(e, d) {
+  const t = x(!1), n = de(d);
   let a, l = n.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
   if ((a = n.match(/\bd\b/gi)) && a.length === 1)
     l = l.replace("d", "(\\d{1,2})");
@@ -381,35 +381,35 @@ function tt(e, m) {
     l = l.replace("yyyy", "(\\d{4})");
   else
     return { date: t };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("y"), destPos: 0 }), !(a = ce(e).match(l)))
+  if (c.push({ srcPos: n.toLowerCase().indexOf("y"), destPos: 0 }), !(a = de(e).match(l)))
     return { date: t };
-  a.shift(), c.sort((r, y) => r.srcPos < y.srcPos ? -1 : 1);
-  let s = [], o, v;
+  a.shift(), c.sort((i, y) => i.srcPos < y.srcPos ? -1 : 1);
+  let s = [], o, m;
   for (; o = a.shift(); )
-    v = c.shift(), s[v.destPos] = o;
+    m = c.shift(), s[m.destPos] = o;
   return s = Date.parse(s.join("-")), s && (s = new Date(s), t.value = new Date(s.getFullYear(), s.getMonth(), s.getDate(), 0, 0, 0)), { date: t };
 }
-const lt = { key: 0 }, at = { class: "text-vxvue-700" }, st = /* @__PURE__ */ i("svg", {
+const lt = { key: 0 }, at = { class: "text-vxvue-700" }, st = /* @__PURE__ */ r("svg", {
   class: "w-2 h-2",
   stroke: "currentColor",
   fill: "none",
   viewBox: "0 0 8 8"
 }, [
-  /* @__PURE__ */ i("path", {
+  /* @__PURE__ */ r("path", {
     "stroke-linecap": "round",
     "stroke-width": "1.5",
     d: "M1 1l6 6m0-6L1 7"
   })
 ], -1), nt = [
   st
-], ot = /* @__PURE__ */ i("svg", {
+], ot = /* @__PURE__ */ r("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
 }, [
-  /* @__PURE__ */ i("path", {
+  /* @__PURE__ */ r("path", {
     "stroke-linecap": "round",
     "stroke-linejoin": "round",
     "stroke-width": "2",
@@ -417,7 +417,7 @@ const lt = { key: 0 }, at = { class: "text-vxvue-700" }, st = /* @__PURE__ */ i(
   })
 ], -1), rt = [
   ot
-], ut = {
+], ut = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "date-input",
   props: {
     outputFormat: { type: String, default: "YYYY-MM-DD" },
@@ -427,119 +427,170 @@ const lt = { key: 0 }, at = { class: "text-vxvue-700" }, st = /* @__PURE__ */ i(
     modelValue: Date
   },
   emits: ["update:modelValue", "toggle-datepicker"],
-  setup(e, { emit: m }) {
-    const t = m, n = e, a = x(""), l = V(() => n.modelValue ? de(n.modelValue, n.outputFormat) : ""), c = V(() => {
+  setup(e, { emit: d }) {
+    const t = d, n = e, a = x(""), l = V(() => n.modelValue ? ve(n.modelValue, n.outputFormat) : ""), c = V(() => {
       let s = Object.assign({}, K());
       return delete s.class, s;
     });
-    return H(() => n.modelValue, (s) => a.value = s ? de(s, n.outputFormat) : ""), (s, o) => (u(), d("div", {
+    return H(() => n.modelValue, (s) => a.value = s ? ve(s, n.outputFormat) : ""), (s, o) => (u(), v("div", {
       class: C(["inline-block relative", s.$attrs.class])
     }, [
-      l.value ? (u(), d("div", lt, [
-        i("div", {
+      l.value ? (u(), v("div", lt, [
+        r("div", {
           class: C(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showButton }])
         }, [
-          i("span", at, S(l.value), 1),
-          i("button", {
-            onClick: o[0] || (o[0] = (v) => t("update:modelValue", null)),
+          r("span", at, S(l.value), 1),
+          r("button", {
+            onClick: o[0] || (o[0] = (m) => t("update:modelValue", null)),
             class: "inline-flex flex-shrink-0 justify-center items-center ml-2 w-4 h-4 rounded-full focus:text-white focus:outline-none text-vxvue hover:bg-vxvue-100 hover:text-vue-700 focus:bg-vxvue-700"
           }, nt)
         ], 2)
-      ])) : me((u(), d("input", j({
+      ])) : fe((u(), v("input", j({
         key: 1,
         type: "text",
         class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showButton }],
-        "onUpdate:modelValue": o[1] || (o[1] = (v) => a.value = v),
-        onBlur: o[2] || (o[2] = (v) => {
-          var r;
-          return t("update:modelValue", ((r = L(tt)(a.value, n.inputFormat).date) == null ? void 0 : r.value) || null);
+        "onUpdate:modelValue": o[1] || (o[1] = (m) => a.value = m),
+        onBlur: o[2] || (o[2] = (m) => {
+          var i;
+          return t("update:modelValue", ((i = D(tt)(a.value, n.inputFormat).date) == null ? void 0 : i.value) || null);
         }),
-        onInput: o[3] || (o[3] = B(() => {
+        onInput: o[3] || (o[3] = P(() => {
         }, ["prevent"]))
       }, c.value), null, 16)), [
         [Se, a.value]
       ]),
-      e.showButton ? (u(), d("button", {
+      e.showButton ? (u(), v("button", {
         key: 2,
         class: "flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700 hover:text-vxvue",
-        onClick: o[4] || (o[4] = B((v) => t("toggle-datepicker"), ["stop"])),
+        "aria-label": "datepicker-toggle",
+        onClick: o[4] || (o[4] = P((m) => t("toggle-datepicker"), ["stop"])),
         ref: "toggleButton"
-      }, rt, 512)) : D("", !0),
-      A(s.$slots, "default")
+      }, rt, 512)) : _("", !0),
+      B(s.$slots, "default")
     ], 2));
   }
-};
-function se(e, m) {
-  return u(), d("svg", {
+});
+function it(e, d) {
+  return u(), v("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "fill-rule": "evenodd",
+      d: "M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function se(e, d) {
+  return u(), v("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "fill-rule": "evenodd",
+      d: "M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function ne(e, d) {
+  return u(), v("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "fill-rule": "evenodd",
+      d: "M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function ct(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
-    "aria-hidden": "true"
+    "aria-hidden": "true",
+    "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
-      d: "M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z",
+      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 ne(e, m) {
-  return u(), d("svg", {
+function dt(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
-    "aria-hidden": "true"
+    "aria-hidden": "true",
+    "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
-      d: "M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z",
+      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 it(e, m) {
-  return u(), d("svg", {
+function vt(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
-    "aria-hidden": "true"
+    "aria-hidden": "true",
+    "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
-      d: "M3.75 12a.75.75 0 01.75-.75h15a.75.75 0 010 1.5h-15a.75.75 0 01-.75-.75z",
+      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 ct(e, m) {
-  return u(), d("svg", {
+function mt(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
-    "aria-hidden": "true"
+    "aria-hidden": "true",
+    "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
-      d: "M12 3.75a.75.75 0 01.75.75v6.75h6.75a.75.75 0 010 1.5h-6.75v6.75a.75.75 0 01-1.5 0v-6.75H4.5a.75.75 0 010-1.5h6.75V4.5a.75.75 0 01.75-.75z",
+      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 dt(e, m) {
-  return u(), d("svg", {
+function ft(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
-    "aria-hidden": "true"
+    "aria-hidden": "true",
+    "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "fill-rule": "evenodd",
-      d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z",
+      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 vt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, mt = { class: "flex w-1/2 justify-between" }, ft = { class: "flex w-1/2 justify-between" }, ht = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, pt = ["disabled", "onClick"], bl = {
+const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt = { class: "flex w-1/2 justify-between" }, gt = { class: "flex w-1/2 justify-between" }, bt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, xt = ["disabled", "onClick"], gl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "datepicker",
   props: {
     modelValue: [Date, Boolean],
@@ -551,24 +602,24 @@ const vt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, mt
     hasInput: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "month-change", "year-change"],
-  setup(e, { emit: m }) {
-    const t = e, n = m, a = (() => {
+  setup(e, { emit: d }) {
+    const t = e, n = d, a = (() => {
       let b = /* @__PURE__ */ new Date();
       return new Date(b.getFullYear(), b.getMonth(), b.getDate());
-    })(), l = x(new Date(a.getFullYear(), a.getMonth(), 1)), c = x(null), s = x(!t.hasInput), o = x("left-0"), v = x("top-0"), r = x(null), y = x(null), f = x(null), g = V(() => t.hasInput ? { class: ["absolute", s.value ? "block" : "hidden"] } : {}), w = V(() => {
-      const b = [], p = l.value.getFullYear(), h = l.value.getMonth(), M = new Date(p, h + 1, 0), P = new Date(p, h, 0).getDay() + 1 - t.startOfWeekIndex, E = (6 + t.startOfWeekIndex - M.getDay()) % 7;
-      for (let X = -P, ee = M.getDate() + E; X < ee; ++X)
-        b.push(new Date(p, h, X + 1));
+    })(), l = x(new Date(a.getFullYear(), a.getMonth(), 1)), c = x(null), s = x(!t.hasInput), o = x("left-0"), m = x("top-0"), i = x(null), y = x(null), f = x(null), g = V(() => t.hasInput ? { class: ["absolute", s.value ? "block" : "hidden"] } : {}), w = V(() => {
+      const b = [], p = l.value.getFullYear(), h = l.value.getMonth(), M = new Date(p, h + 1, 0), L = new Date(p, h, 0).getDay() + 1 - t.startOfWeekIndex, E = (6 + t.startOfWeekIndex - M.getDay()) % 7;
+      for (let G = -L, te = M.getDate() + E; G < te; ++G)
+        b.push(new Date(p, h, G + 1));
       return b;
     }), I = V(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames.slice());
     H(() => t.modelValue, (b) => {
       b ? (c.value = new Date(b.getFullYear(), b.getMonth(), b.getDate()), l.value = new Date(c.value.getTime())) : (c.value = null, l.value = new Date(a.getTime())), l.value.setDate(1);
     }, { immediate: !0 }), H(s, (b) => {
       b && t.hasInput && re(() => {
-        const p = r.value.$el.getBoundingClientRect(), h = y.value.getBoundingClientRect();
-        o.value = p.left + h.width > window.innerWidth ? "right-0" : "left-0", v.value = p.bottom + h.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
+        const p = i.value.$el.getBoundingClientRect(), h = y.value.getBoundingClientRect();
+        o.value = p.left + h.width > window.innerWidth ? "right-0" : "left-0", m.value = p.bottom + h.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
       });
-    }), ie(y, () => s.value = !1, { ignore: [f] });
+    }), ce(y, () => s.value = !1, { ignore: [f] });
     const T = (b) => {
       l.value = new Date(l.value.getFullYear(), b, 1), n("month-change", l.value);
     }, F = (b) => {
@@ -580,89 +631,89 @@ const vt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, mt
     };
     return ue(() => {
       var b;
-      return f.value = (b = r.value) == null ? void 0 : b.$refs.toggleButton;
-    }), (b, p) => (u(), d("div", {
+      return f.value = (b = i.value) == null ? void 0 : b.$refs.toggleButton;
+    }), (b, p) => (u(), v("div", {
       class: C(["relative", b.$attrs.class])
     }, [
-      e.hasInput ? (u(), G(ut, j({
+      e.hasInput ? (u(), Z(ut, j({
         key: 0,
         modelValue: c.value,
         onToggleDatepicker: p[0] || (p[0] = (h) => s.value = !s.value),
         "onUpdate:modelValue": q
       }, b.$attrs, {
         ref_key: "input",
-        ref: r,
+        ref: i,
         class: "w-full",
         locale: e.locale
       }), {
         default: Q(() => [
-          A(b.$slots, "default")
+          B(b.$slots, "default")
         ]),
         _: 3
-      }, 16, ["modelValue", "locale"])) : D("", !0),
-      i("div", j({ class: "z-10 bg-white shadow-md" }, g.value, {
+      }, 16, ["modelValue", "locale"])) : _("", !0),
+      r("div", j({ class: "z-10 bg-white shadow-md" }, g.value, {
         ref_key: "calendar",
         ref: y,
-        class: [o.value, v.value]
+        class: [o.value, m.value]
       }), [
-        i("div", vt, [
-          i("div", mt, [
-            i("button", {
-              onClick: p[1] || (p[1] = B((h) => T(l.value.getMonth() - 1), ["stop"])),
+        r("div", ht, [
+          r("div", pt, [
+            r("button", {
+              onClick: p[1] || (p[1] = P((h) => T(l.value.getMonth() - 1), ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              Y(L(se), { class: "w-6 h-6" })
+              Y(D(se), { class: "w-6 h-6" })
             ]),
-            i("span", null, S(l.value.toLocaleString(e.locale, { month: "long" })), 1),
-            i("button", {
-              onClick: p[2] || (p[2] = B((h) => T(l.value.getMonth() + 1), ["stop"])),
+            r("span", null, S(l.value.toLocaleString(e.locale, { month: "long" })), 1),
+            r("button", {
+              onClick: p[2] || (p[2] = P((h) => T(l.value.getMonth() + 1), ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              Y(L(ne), { class: "w-6 h-6" })
+              Y(D(ne), { class: "w-6 h-6" })
             ])
           ]),
-          i("div", ft, [
-            i("button", {
-              onClick: p[3] || (p[3] = B((h) => F(l.value.getFullYear() - 1), ["stop"])),
+          r("div", gt, [
+            r("button", {
+              onClick: p[3] || (p[3] = P((h) => F(l.value.getFullYear() - 1), ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              Y(L(se), { class: "w-6 h-6" })
+              Y(D(se), { class: "w-6 h-6" })
             ]),
-            i("div", null, S(l.value.getFullYear()), 1),
-            i("button", {
-              onClick: p[4] || (p[4] = B((h) => F(l.value.getFullYear() + 1), ["stop"])),
+            r("div", null, S(l.value.getFullYear()), 1),
+            r("button", {
+              onClick: p[4] || (p[4] = P((h) => F(l.value.getFullYear() + 1), ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              Y(L(ne), { class: "w-6 h-6" })
+              Y(D(ne), { class: "w-6 h-6" })
             ])
           ])
         ]),
-        i("div", ht, [
-          (u(!0), d(_, null, O(I.value, (h, M) => (u(), d("div", {
+        r("div", bt, [
+          (u(!0), v(A, null, O(I.value, (h, M) => (u(), v("div", {
             class: "py-2 text-center bg-gray-200",
             key: M
           }, S(h), 1))), 128)),
-          (u(!0), d(_, null, O(w.value, (h) => (u(), d("div", {
+          (u(!0), v(A, null, O(w.value, (h) => (u(), v("div", {
             class: C(["text-center", h.getMonth() - l.value.getMonth() === 0 ? "text-vxvue-700" : "text-gray-400"])
           }, [
-            i("button", {
+            r("button", {
               class: C([
                 {
                   "bg-vxvue-700 text-white": c.value && h.getTime() === c.value.getTime(),
-                  "bg-gray-200": h.getTime() === L(a).getTime(),
+                  "bg-gray-200": h.getTime() === D(a).getTime(),
                   "text-red-400": e.validFrom && e.validFrom > h || e.validUntil && e.validUntil < h
                 },
                 "py-2 px-3 rounded-sm"
               ]),
               disabled: e.validFrom && e.validFrom > h || e.validUntil && e.validUntil < h,
-              onClick: B((M) => e.validFrom && e.validFrom > h || e.validUntil && e.validUntil < h ? null : U(h), ["stop"])
-            }, S(h.getDate()), 11, pt)
+              onClick: P((M) => e.validFrom && e.validFrom > h || e.validUntil && e.validUntil < h ? null : U(h), ["stop"])
+            }, S(h.getDate()), 11, xt)
           ], 2))), 256))
         ])
       ], 16)
     ], 2));
   }
-}, gt = ["for"], bt = ["id", "multiple", "accept"], xl = {
+}), yt = ["for"], wt = ["id", "multiple", "accept"], bl = {
   __name: "form-file-button",
   props: {
     modelValue: { type: Array },
@@ -672,8 +723,8 @@ const vt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, mt
     id: { type: String, default: "form-file-button-" + Math.ceil(Math.random() * 1e3) }
   },
   emits: ["update:modelValue", "form-data"],
-  setup(e, { emit: m }) {
-    const t = m, n = e, a = (c) => {
+  setup(e, { emit: d }) {
+    const t = d, n = e, a = (c) => {
       const s = new FormData();
       for (let o of c)
         s.append(n.name, o, o.name);
@@ -685,84 +736,85 @@ const vt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, mt
         t("update:modelValue", o), t("form-data", a(o));
       }
     };
-    return (c, s) => (u(), d("label", { for: e.id }, [
-      A(c.$slots, "default", {}, () => [
+    return (c, s) => (u(), v("label", { for: e.id }, [
+      B(c.$slots, "default", {}, () => [
         z("Upload")
       ]),
-      i("input", {
+      r("input", {
         type: "file",
         id: e.id,
         multiple: e.multiple,
         accept: e.accept,
         onChange: l,
         class: "hidden"
-      }, null, 40, bt)
-    ], 8, gt));
+      }, null, 40, wt)
+    ], 8, yt));
   }
-}, xt = ["value"], yt = {
+}, kt = ["value"], $t = {
   key: 0,
   disabled: "",
   value: ""
-}, wt = ["value", "selected"], kt = {
+}, Ct = ["value", "selected"], St = {
   __name: "form-select",
   props: { options: Array, modelValue: [String, Number], disabledLabel: String },
   emits: ["update:modelValue"],
-  setup(e, { emit: m }) {
-    const t = m;
-    return (n, a) => (u(), d("select", j(n.$attrs, {
+  setup(e, { emit: d }) {
+    const t = d;
+    return (n, a) => (u(), v("select", j(n.$attrs, {
       value: e.modelValue,
       class: "form-select",
       onChange: a[0] || (a[0] = (l) => t("update:modelValue", l.target.value))
     }), [
-      e.disabledLabel ? (u(), d("option", yt, S(e.disabledLabel), 1)) : D("", !0),
-      (u(!0), d(_, null, O(e.options, (l) => (u(), d("option", {
+      e.disabledLabel ? (u(), v("option", $t, S(e.disabledLabel), 1)) : _("", !0),
+      (u(!0), v(A, null, O(e.options, (l) => (u(), v("option", {
         value: l.key !== void 0 ? l.key : l.label || l,
         selected: (l.key !== void 0 ? l.key : l.label || l) === e.modelValue
-      }, S(l.label || l), 9, wt))), 256))
-    ], 16, xt));
+      }, S(l.label || l), 9, Ct))), 256))
+    ], 16, kt));
   }
-}, $t = ["aria-checked"], Ct = ["checked"], yl = {
+}, Mt = ["aria-checked", "aria-label"], Vt = ["checked"], xl = {
   __name: "form-switch",
   props: ["modelValue"],
   emits: ["update:modelValue"],
-  setup(e, { emit: m }) {
-    const t = e, n = m, a = V(() => t.modelValue ? "bg-vxvue" : "bg-slate-200"), l = V(() => t.modelValue ? "translate-x-5" : "translate-x-0"), c = V(() => {
+  setup(e, { emit: d }) {
+    const t = e, n = d, a = V(() => t.modelValue ? "bg-vxvue" : "bg-slate-200"), l = V(() => t.modelValue ? "translate-x-5" : "translate-x-0"), c = V(() => {
       let s = Object.assign({}, K());
       return delete s.class, s;
     });
-    return (s, o) => (u(), d(_, null, [
-      i("label", {
+    return (s, o) => (u(), v(A, null, [
+      r("label", {
         class: C(s.$attrs.class)
       }, [
-        i("span", {
+        r("span", {
           class: C([a.value, "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"]),
           role: "switch",
-          "aria-checked": !!e.modelValue
+          "aria-checked": !!e.modelValue,
+          "aria-label": s.$attrs["aria-label"]
         }, [
-          i("span", {
+          r("span", {
             "aria-hidden": "true",
-            class: C([l.value, "inline-block w-5 h-5 bg-white rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none"])
+            class: C([l.value, "inline-block size-5 bg-white rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none"])
           }, null, 2),
-          i("input", j({
+          r("input", j({
             class: "hidden",
             value: "1",
             type: "checkbox",
-            onChange: o[0] || (o[0] = (v) => n("update:modelValue", v.target.checked))
-          }, c.value, { checked: e.modelValue }), null, 16, Ct)
-        ], 10, $t)
+            onChange: o[0] || (o[0] = (m) => n("update:modelValue", m.target.checked))
+          }, c.value, { checked: e.modelValue }), null, 16, Vt)
+        ], 10, Mt)
       ], 2),
-      A(s.$slots, "default")
+      B(s.$slots, "default")
     ], 64));
   }
-}, be = (e, m) => {
+}, be = (e, d) => {
   const t = e.__vccOpts || e;
-  for (const [n, a] of m)
+  for (const [n, a] of d)
     t[n] = a;
   return t;
-}, St = (e) => (Me("data-v-1be10676"), e = e(), Ve(), e), Mt = {
+}, Dt = (e) => (Me("data-v-62f8007a"), e = e(), Ve(), e), _t = {
   "aria-live": "assertive",
   class: "flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"
-}, Vt = { class: "flex flex-col items-center space-y-4 w-full" }, Dt = { class: "p-4" }, _t = { class: "flex items-start" }, At = { class: "flex-shrink-0" }, Bt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Pt = { class: "font-bold" }, Lt = { class: "mt-1" }, Ft = { class: "flex flex-shrink-0 ml-4" }, It = /* @__PURE__ */ St(() => /* @__PURE__ */ i("span", { class: "sr-only" }, "Close", -1)), Tt = /* @__PURE__ */ Object.assign({
+}, At = { class: "flex flex-col items-center space-y-4 w-full" }, Bt = { class: "p-4" }, Pt = { class: "flex items-start" }, Lt = { class: "flex-shrink-0" }, Ft = { class: "flex-1 pt-0.5 ml-3 w-0" }, It = { class: "font-bold" }, Tt = { class: "mt-1" }, Ot = { class: "flex flex-shrink-0 ml-4" }, jt = /* @__PURE__ */ Dt(() => /* @__PURE__ */ r("span", { class: "sr-only" }, "Close", -1)), Yt = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "message-toast",
@@ -773,63 +825,63 @@ const vt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, mt
     active: { type: Boolean, default: !1 }
   },
   emits: ["timeout", "close"],
-  setup(e, { emit: m }) {
-    const t = e, n = m, a = x(null), l = V(() => typeof t.message == "string" ? [t.message] : t.message), c = () => {
+  setup(e, { emit: d }) {
+    const t = e, n = d, a = x(null), l = V(() => typeof t.message == "string" ? [t.message] : t.message), c = () => {
       window.clearTimeout(a.value), t.active && t.timeout && (a.value = window.setTimeout(() => {
         n("timeout");
       }, t.timeout));
     };
-    return H(() => t.active, c), ue(c), (s, o) => (u(), d("div", Mt, [
-      i("div", Vt, [
+    return H(() => t.active, c), ue(c), (s, o) => (u(), v("div", _t, [
+      r("div", At, [
         Y(oe, { name: "messagetoast-fade" }, {
           default: Q(() => [
-            e.active ? (u(), d("div", {
+            e.active ? (u(), v("div", {
               key: 0,
               class: C(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", s.$attrs.class])
             }, [
-              i("div", Dt, [
-                i("div", _t, [
-                  i("div", At, [
-                    A(s.$slots, "icon", {}, void 0, !0)
+              r("div", Bt, [
+                r("div", Pt, [
+                  r("div", Lt, [
+                    B(s.$slots, "icon", {}, void 0, !0)
                   ]),
-                  i("div", Bt, [
-                    i("p", Pt, [
-                      A(s.$slots, "title", {}, () => [
+                  r("div", Ft, [
+                    r("p", It, [
+                      B(s.$slots, "title", {}, () => [
                         z(S(e.title), 1)
                       ], !0)
                     ]),
-                    (u(!0), d(_, null, O(l.value, (v) => (u(), d("p", Lt, [
-                      A(s.$slots, "default", {}, () => [
-                        z(S(v), 1)
+                    (u(!0), v(A, null, O(l.value, (m) => (u(), v("p", Tt, [
+                      B(s.$slots, "default", {}, () => [
+                        z(S(m), 1)
                       ], !0)
                     ]))), 256))
                   ]),
-                  i("div", Ft, [
-                    i("button", {
-                      onClick: o[0] || (o[0] = (v) => n("close")),
+                  r("div", Ot, [
+                    r("button", {
+                      onClick: o[0] || (o[0] = (m) => n("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"
                     }, [
-                      It,
-                      Y(L(dt), { class: "w-5 h-5" })
+                      jt,
+                      Y(D(ft), { class: "size-5" })
                     ])
                   ])
                 ])
               ])
-            ], 2)) : D("", !0)
+            ], 2)) : _("", !0)
           ]),
           _: 3
         })
       ])
     ]));
   }
-}), wl = /* @__PURE__ */ be(Tt, [["__scopeId", "data-v-1be10676"]]), Ot = {
+}), yl = /* @__PURE__ */ be(Yt, [["__scopeId", "data-v-62f8007a"]]), Et = {
   key: 0,
   class: "fixed inset-0 z-[9998] bg-white/50 backdrop-blur-sm",
   "aria-hidden": "true"
-}, jt = {
+}, Nt = {
   key: 0,
   class: "fixed inset-0 z-[9999]"
-}, Yt = { class: "flex justify-center items-center h-screen" }, kl = {
+}, zt = { class: "flex justify-center items-center h-screen" }, wl = {
   __name: "modal",
   props: {
     show: Boolean,
@@ -838,38 +890,38 @@ const vt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, mt
     contentClass: { type: String, default: "" }
   },
   emits: ["clicked-outside"],
-  setup(e, { emit: m }) {
-    const t = m, n = x(null);
-    return ie(n, () => t("clicked-outside")), (a, l) => (u(), d(_, null, [
-      e.show ? (u(), d("div", Ot)) : D("", !0),
+  setup(e, { emit: d }) {
+    const t = d, n = x(null);
+    return ce(n, () => t("clicked-outside")), (a, l) => (u(), v(A, null, [
+      e.show ? (u(), v("div", Et)) : _("", !0),
       Y(oe, { name: "appear" }, {
         default: Q(() => [
-          e.show ? (u(), d("div", jt, [
-            i("div", Yt, [
-              i("div", {
+          e.show ? (u(), v("div", Nt, [
+            r("div", zt, [
+              r("div", {
                 class: C(["overflow-hidden relative max-w-full bg-white rounded ring-1 ring-black ring-opacity-10 shadow-xl transition-all transform xl:max-w-screen-xl", e.containerClass]),
                 ref_key: "container",
                 ref: n
               }, [
-                i("div", {
+                r("div", {
                   class: C(e.headerClass)
                 }, [
-                  A(a.$slots, "title")
+                  B(a.$slots, "title")
                 ], 2),
-                i("div", {
+                r("div", {
                   class: C(["overflow-y-auto h-full pb-4 mt-16", e.contentClass])
                 }, [
-                  A(a.$slots, "default")
+                  B(a.$slots, "default")
                 ], 2)
               ], 2)
             ])
-          ])) : D("", !0)
+          ])) : _("", !0)
         ]),
         _: 3
       })
     ], 64));
   }
-}, Et = { class: "flex justify-between items-center px-4 sm:px-0" }, Nt = { class: "flex flex-1 -mt-px w-0" }, zt = ["onClick"], Rt = { class: "hidden md:flex md:-mt-px" }, Ht = { class: "flex flex-1 justify-end -mt-px w-0" }, Ut = ["onClick"], $l = {
+}, Rt = { class: "flex justify-between items-center px-4 sm:px-0" }, Ht = { class: "flex flex-1 -mt-px w-0" }, Ut = { class: "hidden md:flex md:-mt-px" }, Wt = { class: "flex flex-1 justify-end -mt-px w-0" }, kl = {
   __name: "pagination",
   props: {
     page: { type: Number, default: 1 },
@@ -894,39 +946,39 @@ const vt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, mt
     }
   },
   emits: ["update:page"],
-  setup(e, { emit: m }) {
-    const t = m, n = e, a = x(Math.ceil(n.total / n.perPage)), l = x(null), c = V(() => n.markerPosition === "above" ? "border-t-2 pt-4" : "border-b-2 pb-4"), s = V(() => {
-      let r = [1];
+  setup(e, { emit: d }) {
+    const t = d, n = e, a = x(Math.ceil(n.total / n.perPage)), l = x(null), c = V(() => n.markerPosition === "above" ? "border-t-2 pt-4" : "border-b-2 pb-4"), s = V(() => {
+      let i = [1];
       if (n.showAllPages || a.value <= 7) {
         for (let y = 2; y <= a.value; ++y)
-          r.push(y);
-        return r;
+          i.push(y);
+        return i;
       }
-      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;
+      return l.value >= a.value ? i.push("dots", l.value - 2, l.value - 1) : l.value - 1 && l.value - 1 > 1 && (l.value > 1 && i.push("dots"), i.push(l.value - 1)), l.value > 1 && i.push(l.value), l.value + 1 < a.value && (i.push(l.value + 1), l.value <= 1 && i.push(l.value + 2), l.value + 2 < a.value && i.push("dots")), l.value < a.value && i.push(a.value), i;
     }), o = () => {
       l.value > 1 && t("update:page", l.value - 1);
-    }, v = () => {
+    }, m = () => {
       l.value < a.value && t("update:page", l.value + 1);
     };
-    return H(() => n.page, (r) => l.value = Math.min(Math.max(r, 1), a.value), { immediate: !0 }), H(() => n.perPage, (r) => {
+    return H(() => n.page, (i) => l.value = Math.min(Math.max(i, 1), a.value), { immediate: !0 }), H(() => n.perPage, (i) => {
       a.value = Math.ceil(n.total / n.perPage), t("update:page", 1);
-    }), H(() => n.total, (r) => {
+    }), H(() => n.total, (i) => {
       a.value = Math.ceil(n.total / n.perPage), l.value > a.value && t("update:page", 1);
-    }), (r, y) => (u(), d("nav", Et, [
-      i("div", Nt, [
-        e.showNavButtons ? (u(), d("a", {
+    }), (i, y) => (u(), v("nav", Rt, [
+      r("div", Ht, [
+        e.showNavButtons ? (u(), v("a", {
           key: 0,
-          onClick: B(o, ["prevent"]),
+          onClick: P(o, ["prevent"]),
           href: "#",
           class: C(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [{ "cursor-default pointer-events-none": l.value <= 1 }, c.value]])
         }, [
-          Y(L(se), { class: "w-5 h-5" }),
+          Y(D(se), { class: "size-5" }),
           z(" " + S(e.prevText), 1)
-        ], 10, zt)) : D("", !0)
+        ], 2)) : _("", !0)
       ]),
-      i("div", Rt, [
-        (u(!0), d(_, null, O(s.value, (f, g) => (u(), G(fe(f !== "dots" ? "a" : "span"), {
-          onClick: B((w) => f !== "dots" ? t("update:page", f) : null, ["prevent"]),
+      r("div", Ut, [
+        (u(!0), v(A, null, O(s.value, (f, g) => (u(), Z(ie(f !== "dots" ? "a" : "span"), {
+          onClick: P((w) => f !== "dots" ? t("update:page", f) : null, ["prevent"]),
           key: g,
           href: f !== "dots" ? "#" : null,
           class: C(["inline-flex items-center px-4 text-sm font-medium", [{
@@ -941,143 +993,146 @@ const vt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, mt
           _: 2
         }, 1032, ["onClick", "href", "class"]))), 128))
       ]),
-      i("div", Ht, [
-        e.showNavButtons ? (u(), d("a", {
+      r("div", Wt, [
+        e.showNavButtons ? (u(), v("a", {
           key: 0,
-          onClick: B(v, ["prevent"]),
+          onClick: P(m, ["prevent"]),
           href: "#",
           class: C(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [c.value, { "cursor-default pointer-events-none": l.value >= a.value }]])
         }, [
           z(S(e.nextText) + " ", 1),
-          Y(L(ne), { class: "w-5 h-5" })
-        ], 10, Ut)) : D("", !0)
+          Y(D(ne), { class: "size-5" })
+        ], 2)) : _("", !0)
       ])
     ]));
   }
 };
-function Wt(e, m) {
-  return u(), d("svg", {
+function Zt(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
     "stroke-width": "1.5",
     stroke: "currentColor",
-    "aria-hidden": "true"
+    "aria-hidden": "true",
+    "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
-      d: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"
+      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, m) {
-  return u(), d("svg", {
+function qt(e, d) {
+  return u(), v("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
     "stroke-width": "1.5",
     stroke: "currentColor",
-    "aria-hidden": "true"
+    "aria-hidden": "true",
+    "data-slot": "icon"
   }, [
-    i("path", {
+    r("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
-      d: "M2.036 12.322a1.012 1.012 0 010-.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"
+      d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"
     }),
-    i("path", {
+    r("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
-      d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+      d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
     })
   ]);
 }
-const Kt = ["value", "type"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "password-input",
   props: ["modelValue"],
   emits: ["update:modelValue"],
-  setup(e, { emit: m }) {
-    const t = m, n = x(!1), a = V(() => {
+  setup(e, { emit: d }) {
+    const t = d, n = x(!1), a = V(() => {
       let l = Object.assign({}, K());
       return delete l.class, l;
     });
-    return (l, c) => (u(), d("div", {
+    return (l, c) => (u(), v("div", {
       class: C("inline-block relative " + K().class)
     }, [
-      i("input", j({
+      r("input", j({
         value: e.modelValue,
         type: n.value ? "text" : "password",
         onInput: c[0] || (c[0] = (s) => t("update:modelValue", s.target.value))
       }, a.value, { class: "block pr-10 w-full form-input peer" }), null, 16, Kt),
-      i("button", {
-        onClick: c[1] || (c[1] = B((s) => n.value = !n.value, ["stop"])),
-        class: "flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand"
+      r("button", {
+        class: "flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand",
+        "aria-label": "show-password-toggle",
+        onClick: c[1] || (c[1] = P((s) => n.value = !n.value, ["stop"]))
       }, [
-        n.value ? (u(), G(L(Wt), {
+        n.value ? (u(), Z(D(Zt), {
           key: 0,
-          class: "w-5 h-5"
-        })) : (u(), G(L(qt), {
+          class: "size-5"
+        })) : (u(), Z(D(qt), {
           key: 1,
-          class: "w-5 h-5"
+          class: "size-5"
         }))
       ]),
-      A(l.$slots, "default")
+      B(l.$slots, "default")
     ], 2));
   }
-}), Gt = { class: "flex items-center pb-1" }, Xt = ["id", "checked"], Zt = ["for"], Jt = { key: 1 }, Qt = ["href"], el = {
+}), Gt = { class: "flex items-center pb-1" }, Xt = ["id", "checked"], Jt = ["for"], Qt = { key: 1 }, el = ["href"], tl = {
   key: 0,
   class: "ml-6"
-}, Sl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Cl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "simple-tree",
   props: { branch: { type: Object, default: {} } },
   emits: ["branch-selected", "expand"],
-  setup(e, { emit: m }) {
-    const t = e, n = m, a = x(!1);
+  setup(e, { emit: d }) {
+    const t = e, n = d, a = x(!1);
     return ue(() => {
       t.branch.current && n("expand", !0);
     }), (l, c) => {
       const s = De("simple-tree", !0);
-      return u(), d("div", {
+      return u(), v("div", {
         class: C([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", l.$attrs.class])
       }, [
-        i("div", Gt, [
-          e.branch.branches && e.branch.branches.length ? (u(), d(_, { key: 0 }, [
-            i("input", {
+        r("div", Gt, [
+          e.branch.branches && e.branch.branches.length ? (u(), v(A, { key: 0 }, [
+            r("input", {
               type: "checkbox",
               id: "branch-" + e.branch.id,
               onClick: c[0] || (c[0] = (o) => a.value = !a.value),
               checked: a.value,
               class: "hidden"
             }, null, 8, Xt),
-            i("label", {
+            r("label", {
               for: "branch-" + e.branch.id,
               class: "mr-2"
             }, [
-              (u(), G(fe(a.value ? L(it) : L(ct)), { class: "w-4 h-4 border" }))
-            ], 8, Zt)
-          ], 64)) : D("", !0),
-          e.branch.current ? (u(), d("strong", Jt, S(e.branch.label), 1)) : (u(), d("a", {
+              (u(), Z(ie(a.value ? D(vt) : D(mt)), { class: "w-4 h-4 border" }))
+            ], 8, Jt)
+          ], 64)) : _("", !0),
+          e.branch.current ? (u(), v("strong", Qt, S(e.branch.label), 1)) : (u(), v("a", {
             key: 2,
             href: e.branch.path,
-            onClick: c[1] || (c[1] = B((o) => n("branch-selected", e.branch), ["prevent"]))
-          }, S(e.branch.label), 9, Qt))
+            onClick: c[1] || (c[1] = P((o) => n("branch-selected", e.branch), ["prevent"]))
+          }, S(e.branch.label), 9, el))
         ]),
-        e.branch.branches && e.branch.branches.length ? me((u(), d("ul", el, [
-          (u(!0), d(_, null, O(e.branch.branches, (o) => (u(), G(s, {
+        e.branch.branches && e.branch.branches.length ? fe((u(), v("ul", tl, [
+          (u(!0), v(A, null, O(e.branch.branches, (o) => (u(), Z(s, {
             branch: o,
             key: o.id,
-            onBranchSelected: c[2] || (c[2] = (v) => n("branch-selected", v)),
-            onExpand: c[3] || (c[3] = (v) => {
-              a.value = v, n("expand", v);
+            onBranchSelected: c[2] || (c[2] = (m) => n("branch-selected", m)),
+            onExpand: c[3] || (c[3] = (m) => {
+              a.value = m, n("expand", m);
             })
           }, null, 8, ["branch"]))), 128))
         ], 512)), [
           [_e, a.value]
-        ]) : D("", !0)
+        ]) : _("", !0)
       ], 2);
     };
   }
-}), tl = ["id", "aria-valuenow"], ll = ["id", "aria-valuenow"], Ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), ll = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], al = ["id"], sl = ["id", "aria-label"], Sl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "slider",
   props: {
     min: { type: Number, default: 0 },
@@ -1085,41 +1140,38 @@ const Kt = ["value", "type"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs:
     vertical: Boolean,
     disabled: Boolean,
     modelValue: { type: [Number, Array], validator(e) {
-      return typeof e == "number" || e.every((m) => typeof m == "number");
+      return typeof e == "number" || e.every((d) => typeof d == "number");
     } }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: m }) {
-    const t = e, n = m, a = K(), l = { x: null, y: null }, c = { w: null, h: null };
+  setup(e, { emit: d }) {
+    const t = e, n = d, a = K(), l = { x: null, y: null }, c = { w: null, h: null };
     let s = !1;
-    const o = x(null), v = x(0), r = V(() => {
+    const o = x(null), m = x(0), i = V(() => {
       const p = t.max, h = t.min;
-      return t.modelValue instanceof Array ? t.modelValue.map((M) => Math.max(Math.min(M, p), h) * 100 / (p - h)) : Math.max(Math.min(t.modelValue, p), h) * 100 / (p - h);
+      return t.modelValue instanceof Array ? t.modelValue.map((M) => (Math.max(Math.min(M, p), h) - h) * 100 / (p - h)) : (Math.max(Math.min(t.modelValue, p), h) - h) * 100 / (p - h);
     }), y = V(() => {
       if (t.modelValue instanceof Array) {
-        const p = Math.min(...r.value) + "%", h = Math.max(...r.value) - Math.min(...r.value) + "%";
+        const p = Math.min(...i.value) + "%", h = Math.max(...i.value) - Math.min(...i.value) + "%";
         return t.vertical ? { bottom: p, height: h } : { left: p, width: h };
       }
-      return t.vertical ? { bottom: 0, height: r.value + "%" } : { width: r.value + "%" };
+      return t.vertical ? { bottom: 0, height: i.value + "%" } : { width: i.value + "%" };
     }), f = x({
-      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 w-5 h-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,
-      role: "slider",
-      "aria-valuemin": t.min,
-      "aria-valuemax": t.max
+      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
     }), g = (p) => {
       let h = parseFloat(p.toFixed(10));
       if (h = Math.min(t.max, Math.max(t.min, h)), t.modelValue instanceof Array) {
         let M = [...t.modelValue];
-        M[v.value] = h, n("update:modelValue", M);
+        M[m.value] = h, n("update:modelValue", M);
       } else
         n("update:modelValue", h);
     }, w = (p) => {
-      const { pageX: h, pageY: M } = p.touches ? p.touches[0] : p, P = t.vertical ? (-M + l.y) / c.h : (h - l.x) / c.w;
-      g(Math.floor((t.max - t.min) * P + t.min));
+      const { pageX: h, pageY: M } = p.touches ? p.touches[0] : p, L = t.vertical ? (-M + l.y) / c.h : (h - l.x) / c.w;
+      g(Math.floor((t.max - t.min) * L + t.min));
     }, I = () => {
-      const { clientLeft: p, clientTop: h, scrollLeft: M, scrollTop: P } = document.documentElement, E = o.value.getBoundingClientRect();
-      l.x = E.left + M - p, l.y = E.bottom + P - h, c.w = o.value.offsetWidth, c.h = o.value.offsetHeight;
+      const { clientLeft: p, clientTop: h, scrollLeft: M, scrollTop: L } = document.documentElement, E = o.value.getBoundingClientRect();
+      l.x = E.left + M - p, l.y = E.bottom + L - h, c.w = o.value.offsetWidth, c.h = o.value.offsetHeight;
     }, T = (p) => {
       s && (p.preventDefault(), w(p));
     }, F = (p) => {
@@ -1128,7 +1180,7 @@ const Kt = ["value", "type"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs:
       s && (s = !1, document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", U));
     }, q = (p) => {
       p.keyCode >= 33 && p.keyCode <= 40 && p.preventDefault();
-      const h = t.modelValue[v.value] ?? t.modelValue;
+      const h = t.modelValue[m.value] ?? t.modelValue;
       switch (p.keyCode) {
         case 37:
         case 40:
@@ -1153,74 +1205,67 @@ const Kt = ["value", "type"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs:
     }, b = (p) => {
       I(), w(p);
     };
-    return (p, h) => (u(), d("div", j({
+    return (p, h) => (u(), v("div", j({
       class: ["relative  bg-slate-300", e.vertical ? "h-full w-2 rounded-t-full rounded-b-full" : "w-full h-2 rounded-r-full rounded-l-full"],
       ref_key: "track",
-      ref: o
-    }, te(e.disabled ? {} : {
+      ref: o,
+      role: "slider",
+      "aria-label": "slider-thumb",
+      "aria-valuemin": e.min,
+      "aria-valuemax": t.max,
+      "aria-valuenow": e.modelValue[0] ?? e.modelValue,
+      "aria-valuetext": e.modelValue
+    }, le(e.disabled ? {} : {
       click: b
     }, !0)), [
-      e.disabled ? D("", !0) : (u(), d("div", {
+      e.disabled ? _("", !0) : (u(), v("div", {
         key: 0,
         class: C(["absolute bg-vxvue", e.vertical ? "w-full rounded-t-full rounded-b-full" : "h-full rounded-r-full rounded-l-full"]),
         style: Ae(y.value)
       }, null, 6)),
-      e.modelValue.length ? (u(!0), d(_, { key: 2 }, O(e.modelValue, (M, P) => (u(), d("button", j({
-        id: P ? null : L(a).id,
-        style: e.vertical ? { bottom: r.value[P] + "%" } : { left: r.value[P] + "%" },
-        "aria-valuenow": e.modelValue[P]
-      }, te(e.disabled ? {} : {
-        focus: () => v.value = P,
+      e.modelValue.length ? (u(!0), v(A, { key: 2 }, O(e.modelValue, (M, L) => (u(), v("button", j({
+        id: L ? null : D(a).id,
+        style: e.vertical ? { bottom: i.value[L] + "%" } : { left: i.value[L] + "%" },
+        "aria-label": "slider-thumb-" + (L + 1)
+      }, le(e.disabled ? {} : {
+        focus: () => m.value = L,
         keydown: q,
         mousedown: (E) => {
-          v.value = P, F(E);
+          m.value = L, F(E);
         },
         touchstart: (E) => {
-          v.value = P, F(E);
+          m.value = L, F(E);
         },
         touchmove: T,
         touchend: U
-      }, !0), f.value), null, 16, ll))), 256)) : (u(), d("button", j({
+      }, !0), f.value), null, 16, sl))), 256)) : (u(), v("button", j({
         key: 1,
-        id: L(a).id,
-        style: e.vertical ? { bottom: r.value + "%" } : { left: r.value + "%" },
-        "aria-valuenow": e.modelValue
-      }, te(e.disabled ? {} : {
-        focus: () => v.value = 0,
+        id: D(a).id,
+        style: e.vertical ? { bottom: i.value + "%" } : { left: i.value + "%" },
+        "aria-label": "slider-thumb"
+      }, le(e.disabled ? {} : {
+        focus: () => m.value = 0,
         keydown: q,
         mousedown: (M) => {
-          v.value = 0, F(M);
+          m.value = 0, F(M);
         },
         touchstart: (M) => {
-          v.value = 0, F(M);
+          m.value = 0, F(M);
         },
         touchmove: T,
         touchend: U
-      }, !0), f.value), null, 16, tl))
-    ], 16));
+      }, !0), f.value), null, 16, al))
+    ], 16, ll));
   }
-}), al = { class: "text-white bg-slate-700" }, sl = ["onClick"], nl = { class: "flex items-center" }, ol = {
-  key: 0,
-  xmlns: "http://www.w3.org/2000/svg",
-  class: "flex-shrink-0 ml-2 w-4 h-4",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor"
-}, rl = ["d"], ul = {
-  key: 1,
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "stroke-width": "2",
-  d: "M8 9l4-4 4 4m0 6l-4 4-4-4"
-}, il = {
+}), nl = { class: "text-white bg-slate-700" }, ol = ["onClick"], rl = { class: "flex items-center space-x-1" }, ul = {
   __name: "sortable",
   props: {
     columns: {
       type: Array,
       required: !0,
       validator: (e) => {
-        for (const m of e)
-          if (m.label === void 0 || m.prop === void 0)
+        for (const d of e)
+          if (d.label === void 0 || d.prop === void 0)
             return !1;
         return !0;
       }
@@ -1233,79 +1278,74 @@ const Kt = ["value", "type"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs:
     keyProperty: { type: String, default: "key" }
   },
   emits: ["before-sort", "after-sort"],
-  setup(e, { emit: m }) {
-    const t = e, n = m, a = x(t.sortProp), l = x(t.sortDirection), c = V(() => {
+  setup(e, { emit: d }) {
+    const t = e, n = d, a = x(t.sortProp), l = x(t.sortDirection), c = V(() => {
       let o = t.rows.slice();
-      const v = t.columns.find(({ prop: r }) => r === a.value);
-      return v && (l.value === "asc" && v.sortAscFunction ? o.sort(v.sortAscFunction) : l.value === "desc" && v.sortDescFunction ? o.sort(v.sortDescFunction) : o.sort((r, y) => r[a.value] < y[a.value] ? l.value === "asc" ? -1 : 1 : r[a.value] > y[a.value] ? l.value === "asc" ? 1 : -1 : 0)), o.slice(t.offset || 0, (t.offset || 0) + (t.count || o.length));
+      const m = t.columns.find(({ prop: i }) => i === a.value);
+      return m && (l.value === "asc" && m.sortAscFunction ? o.sort(m.sortAscFunction) : l.value === "desc" && m.sortDescFunction ? o.sort(m.sortDescFunction) : o.sort((i, y) => i[a.value] < y[a.value] ? l.value === "asc" ? -1 : 1 : i[a.value] > y[a.value] ? l.value === "asc" ? 1 : -1 : 0)), o.slice(t.offset || 0, (t.offset || 0) + (t.count || o.length));
     }), s = (o) => {
       n("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"), re(() => n("after-sort", { prop: a.value, dir: l.value }));
     };
-    return (o, v) => (u(), d("table", {
+    return (o, m) => (u(), v("table", {
       class: C(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
     }, [
-      i("thead", al, [
-        i("tr", null, [
-          (u(!0), d(_, null, O(e.columns, (r) => (u(), d("th", {
+      r("thead", nl, [
+        r("tr", null, [
+          (u(!0), v(A, null, O(e.columns, (i) => (u(), v("th", {
             scope: "col",
             class: C(["py-3 px-6 text-left", [
-              { "cursor-pointer": r.sortable, active: a.value === r.prop },
-              r.cssClass
+              { "cursor-pointer": i.sortable, active: a.value === i.prop },
+              i.cssClass
             ]]),
-            onClick: (y) => r.sortable ? s(r.prop) : null
+            onClick: (y) => i.sortable ? s(i.prop) : null
           }, [
-            A(o.$slots, r.prop + "-header", {
-              column: r,
+            B(o.$slots, i.prop + "-header", {
+              column: i,
               sortDir: l.value,
               sortProp: a.value
             }, () => [
-              i("div", nl, [
-                i("span", null, S(r.label), 1),
-                r.sortable ? (u(), d("svg", ol, [
-                  a.value === r.prop ? (u(), d("path", {
-                    key: 0,
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    "stroke-width": "2",
-                    d: l.value === "asc" ? "M19 9l-7 7-7-7" : "M5 15l7-7 7 7"
-                  }, null, 8, rl)) : (u(), d("path", ul))
-                ])) : D("", !0)
+              r("div", rl, [
+                r("span", null, S(i.label), 1),
+                i.sortable ? (u(), Z(ie(a.value !== i.prop ? D(ct) : l.value === "asc" ? D(it) : D(dt)), {
+                  key: 0,
+                  class: "h-4 w-4"
+                })) : _("", !0)
               ])
             ], !0)
-          ], 10, sl))), 256))
+          ], 10, ol))), 256))
         ])
       ]),
-      i("tbody", null, [
-        (u(!0), d(_, null, O(c.value, (r) => (u(), d("tr", {
-          key: r[e.keyProperty],
-          class: C(r.cssClass)
+      r("tbody", null, [
+        (u(!0), v(A, null, O(c.value, (i) => (u(), v("tr", {
+          key: i[e.keyProperty],
+          class: C(i.cssClass)
         }, [
-          (u(!0), d(_, null, O(e.columns, (y) => (u(), d("td", {
+          (u(!0), v(A, null, O(e.columns, (y) => (u(), v("td", {
             class: C(["py-3 px-6 whitespace-nowrap text-ellipsis overflow-hidden", { active: a.value === y.prop }])
           }, [
-            A(o.$slots, y.prop, { row: r }, () => [
-              z(S(r[y.prop]), 1)
+            B(o.$slots, y.prop, { row: i }, () => [
+              z(S(i[y.prop]), 1)
             ], !0)
           ], 2))), 256))
         ], 2))), 128))
       ])
     ], 2));
   }
-}, Vl = /* @__PURE__ */ be(il, [["__scopeId", "data-v-b7864909"]]), cl = { class: "sm:hidden" }, dl = { class: "hidden sm:block" }, vl = { class: "border-b border-gray-200" }, ml = {
+}, Ml = /* @__PURE__ */ be(ul, [["__scopeId", "data-v-f823032d"]]), il = { class: "sm:hidden" }, cl = { class: "hidden sm:block" }, dl = { class: "border-b border-gray-200" }, vl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
-}, fl = ["onClick", "aria-current"], Dl = {
+}, ml = ["onClick", "aria-current"], Vl = {
   __name: "tabs",
   props: {
     items: { type: Array, default: [] },
     activeIndex: { type: Number, default: 0 }
   },
   emits: ["update:active-index"],
-  setup(e, { emit: m }) {
-    const t = e, n = m, a = x(t.items[t.activeIndex] || {}), l = V(() => {
+  setup(e, { emit: d }) {
+    const t = e, n = d, a = x(t.items[t.activeIndex] || {}), l = V(() => {
       let s = [];
-      return t.items.forEach((o, v) => {
-        o.disabled || s.push({ label: o.name, key: v });
+      return t.items.forEach((o, m) => {
+        o.disabled || s.push({ label: o.name, key: m });
       }), s;
     });
     H(() => t.activeIndex, (s) => {
@@ -1314,44 +1354,44 @@ const Kt = ["value", "type"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs:
     const c = (s) => {
       s.disabled || (a.value = s, n("update:active-index", t.items.indexOf(s)));
     };
-    return (s, o) => (u(), d(_, null, [
-      i("div", cl, [
-        Y(kt, {
+    return (s, o) => (u(), v(A, null, [
+      r("div", il, [
+        Y(St, {
           options: l.value,
           "model-value": e.activeIndex,
-          "onUpdate:modelValue": o[0] || (o[0] = (v) => n("update:activeIndex", v)),
+          "onUpdate:modelValue": o[0] || (o[0] = (m) => n("update:activeIndex", m)),
           class: "w-full"
         }, null, 8, ["options", "model-value"])
       ]),
-      i("div", dl, [
-        i("div", vl, [
-          i("nav", ml, [
-            (u(!0), d(_, null, O(e.items, (v) => (u(), d("a", {
-              key: v.name,
+      r("div", cl, [
+        r("div", dl, [
+          r("nav", vl, [
+            (u(!0), v(A, null, O(e.items, (m) => (u(), v("a", {
+              key: m.name,
               href: "#",
-              onClick: B((r) => c(v), ["prevent"]),
+              onClick: P((i) => c(m), ["prevent"]),
               class: C([
-                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"
               ]),
-              "aria-current": a.value === v ? "page" : void 0
+              "aria-current": a.value === m ? "page" : void 0
             }, [
-              A(s.$slots, "icon", { tab: v }),
-              i("span", null, [
-                A(s.$slots, "default", { tab: v }, () => [
-                  z(S(v.name), 1)
+              B(s.$slots, "icon", { tab: m }),
+              r("span", null, [
+                B(s.$slots, "default", { tab: m }, () => [
+                  z(S(m.name), 1)
                 ])
               ]),
-              v.badge ? (u(), d("span", {
+              m.badge ? (u(), v("span", {
                 key: 0,
                 class: C([
-                  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"
                 ])
-              }, S(v.badge), 3)) : D("", !0)
-            ], 10, fl))), 128))
+              }, S(m.badge), 3)) : _("", !0)
+            ], 10, ml))), 128))
           ])
         ])
       ])
@@ -1359,19 +1399,19 @@ const Kt = ["value", "type"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs:
   }
 };
 export {
-  pl as Autocomplete,
-  gl as Confirm,
+  hl as Autocomplete,
+  pl as Confirm,
   ut as DateInput,
-  bl as Datepicker,
-  xl as FormFileButton,
-  kt as FormSelect,
-  yl as FormSwitch,
-  wl as MessageToast,
-  kl as Modal,
-  $l as Pagination,
-  Cl as PasswordInput,
-  Sl as SimpleTree,
-  Ml as Slider,
-  Vl as Sortable,
-  Dl as Tabs
+  gl as Datepicker,
+  bl as FormFileButton,
+  St as FormSelect,
+  xl as FormSwitch,
+  yl as MessageToast,
+  wl as Modal,
+  kl as Pagination,
+  $l as PasswordInput,
+  Cl as SimpleTree,
+  Sl as Slider,
+  Ml as Sortable,
+  Vl as Tabs
 };