vx-vue 0.6.3 → 0.6.5

package/dist/vxvue.es.js

@@ -1,144 +1,144 @@
-import { getCurrentScope as we, onScopeDispose as ye, unref as P, watch as E, useAttrs as q, ref as g, computed as S, onUpdated as xe, openBlock as u, createElementBlock as d, normalizeClass as $, createElementVNode as i, mergeProps as O, withKeys as U, withModifiers as A, createCommentVNode as C, Fragment as V, renderList as B, renderSlot as D, toDisplayString as _, createVNode as N, Transition as ee, withCtx as K, createTextVNode as j, nextTick as te, toValue as se, withDirectives as oe, vModelText as ke, createBlock as R, onMounted as re, pushScopeId as $e, popScopeId as _e, resolveDynamicComponent as ue, resolveComponent as Ce, vShow as Se } from "vue";
-function Me(e) {
-  return we() ? (ye(e), !0) : !1;
+import { getCurrentScope as ye, onScopeDispose as we, unref as A, watch as j, useAttrs as q, ref as g, computed as S, onUpdated as ke, openBlock as r, createElementBlock as c, normalizeClass as k, createElementVNode as u, mergeProps as Y, withKeys as H, withModifiers as P, createCommentVNode as C, Fragment as D, renderList as B, renderSlot as M, toDisplayString as _, createVNode as E, Transition as te, withCtx as K, createTextVNode as F, nextTick as le, toValue as ae, withDirectives as re, vModelText as $e, createBlock as R, onMounted as ue, pushScopeId as _e, popScopeId as Ce, resolveDynamicComponent as ie, resolveComponent as Se, vShow as Me } from "vue";
+function De(e) {
+  return ye() ? (we(e), !0) : !1;
 }
-function ie(e) {
-  return typeof e == "function" ? e() : P(e);
+function ce(e) {
+  return typeof e == "function" ? e() : A(e);
 }
-const ce = typeof window < "u" && typeof document < "u", De = Object.prototype.toString, Ve = (e) => De.call(e) === "[object Object]", Q = () => {
-}, Pe = /* @__PURE__ */ Ae();
-function Ae() {
+const de = typeof window < "u" && typeof document < "u", Ve = Object.prototype.toString, Pe = (e) => Ve.call(e) === "[object Object]", ee = () => {
+}, Ae = /* @__PURE__ */ Be();
+function Be() {
   var e;
-  return ce && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
+  return de && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
 }
-const Be = /\[([^\]]+)]|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 Fe(e, n, l, s) {
-  let t = e < 12 ? "AM" : "PM";
-  return s && (t = t.split("").reduce((o, r) => o += `${r}.`, "")), l ? t.toLowerCase() : t;
+const Ie = /\[([^\]]+)]|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 Fe(e, f, s, a) {
+  let l = e < 12 ? "AM" : "PM";
+  return a && (l = l.split("").reduce((t, i) => t += `${i}.`, "")), s ? l.toLowerCase() : l;
 }
-function ae(e, n, l = {}) {
-  var s;
-  const t = e.getFullYear(), o = e.getMonth(), r = e.getDate(), a = e.getHours(), v = e.getMinutes(), c = e.getSeconds(), p = e.getMilliseconds(), m = e.getDay(), f = (s = l.customMeridiem) != null ? s : Fe, h = {
-    YY: () => String(t).slice(-2),
-    YYYY: () => t,
-    M: () => o + 1,
-    MM: () => `${o + 1}`.padStart(2, "0"),
-    MMM: () => e.toLocaleDateString(l.locales, { month: "short" }),
-    MMMM: () => e.toLocaleDateString(l.locales, { month: "long" }),
-    D: () => String(r),
-    DD: () => `${r}`.padStart(2, "0"),
-    H: () => String(a),
-    HH: () => `${a}`.padStart(2, "0"),
-    h: () => `${a % 12 || 12}`.padStart(1, "0"),
-    hh: () => `${a % 12 || 12}`.padStart(2, "0"),
-    m: () => String(v),
-    mm: () => `${v}`.padStart(2, "0"),
-    s: () => String(c),
-    ss: () => `${c}`.padStart(2, "0"),
-    SSS: () => `${p}`.padStart(3, "0"),
-    d: () => m,
-    dd: () => e.toLocaleDateString(l.locales, { weekday: "narrow" }),
-    ddd: () => e.toLocaleDateString(l.locales, { weekday: "short" }),
-    dddd: () => e.toLocaleDateString(l.locales, { weekday: "long" }),
-    A: () => f(a, v),
-    AA: () => f(a, v, !1, !0),
-    a: () => f(a, v, !0),
-    aa: () => f(a, v, !0, !0)
+function ne(e, f, s = {}) {
+  var a;
+  const l = e.getFullYear(), t = e.getMonth(), i = e.getDate(), n = e.getHours(), o = e.getMinutes(), v = e.getSeconds(), d = e.getMilliseconds(), p = e.getDay(), m = (a = s.customMeridiem) != null ? a : Fe, h = {
+    YY: () => String(l).slice(-2),
+    YYYY: () => l,
+    M: () => t + 1,
+    MM: () => `${t + 1}`.padStart(2, "0"),
+    MMM: () => e.toLocaleDateString(s.locales, { month: "short" }),
+    MMMM: () => e.toLocaleDateString(s.locales, { month: "long" }),
+    D: () => String(i),
+    DD: () => `${i}`.padStart(2, "0"),
+    H: () => String(n),
+    HH: () => `${n}`.padStart(2, "0"),
+    h: () => `${n % 12 || 12}`.padStart(1, "0"),
+    hh: () => `${n % 12 || 12}`.padStart(2, "0"),
+    m: () => String(o),
+    mm: () => `${o}`.padStart(2, "0"),
+    s: () => String(v),
+    ss: () => `${v}`.padStart(2, "0"),
+    SSS: () => `${d}`.padStart(3, "0"),
+    d: () => p,
+    dd: () => e.toLocaleDateString(s.locales, { weekday: "narrow" }),
+    ddd: () => e.toLocaleDateString(s.locales, { weekday: "short" }),
+    dddd: () => e.toLocaleDateString(s.locales, { weekday: "long" }),
+    A: () => m(n, o),
+    AA: () => m(n, o, !1, !0),
+    a: () => m(n, o, !0),
+    aa: () => m(n, o, !0, !0)
   };
-  return n.replace(Be, (k, Y) => {
-    var L, z;
-    return (z = Y ?? ((L = h[k]) == null ? void 0 : L.call(h))) != null ? z : k;
+  return f.replace(Ie, (y, N) => {
+    var z, L;
+    return (L = N ?? ((z = h[y]) == null ? void 0 : z.call(h))) != null ? L : y;
   });
 }
 function W(e) {
-  var n;
-  const l = ie(e);
-  return (n = l == null ? void 0 : l.$el) != null ? n : l;
+  var f;
+  const s = ce(e);
+  return (f = s == null ? void 0 : s.$el) != null ? f : s;
 }
-const de = ce ? window : void 0;
-function J(...e) {
-  let n, l, s, t;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, s, t] = e, n = de) : [n, l, s, t] = e, !n)
-    return Q;
-  Array.isArray(l) || (l = [l]), Array.isArray(s) || (s = [s]);
-  const o = [], r = () => {
-    o.forEach((p) => p()), o.length = 0;
-  }, a = (p, m, f, h) => (p.addEventListener(m, f, h), () => p.removeEventListener(m, f, h)), v = E(
-    () => [W(n), ie(t)],
-    ([p, m]) => {
-      if (r(), !p)
+const ve = de ? window : void 0;
+function Q(...e) {
+  let f, s, a, l;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([s, a, l] = e, f = ve) : [f, s, a, l] = e, !f)
+    return ee;
+  Array.isArray(s) || (s = [s]), Array.isArray(a) || (a = [a]);
+  const t = [], i = () => {
+    t.forEach((d) => d()), t.length = 0;
+  }, n = (d, p, m, h) => (d.addEventListener(p, m, h), () => d.removeEventListener(p, m, h)), o = j(
+    () => [W(f), ce(l)],
+    ([d, p]) => {
+      if (i(), !d)
         return;
-      const f = Ve(m) ? { ...m } : m;
-      o.push(
-        ...l.flatMap((h) => s.map((k) => a(p, h, k, f)))
+      const m = Pe(p) ? { ...p } : p;
+      t.push(
+        ...s.flatMap((h) => a.map((y) => n(d, h, y, m)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), c = () => {
-    v(), r();
+  ), v = () => {
+    o(), i();
   };
-  return Me(c), c;
+  return De(v), v;
 }
-let ne = !1;
-function le(e, n, l = {}) {
-  const { window: s = de, ignore: t = [], capture: o = !0, detectIframe: r = !1 } = l;
-  if (!s)
+let oe = !1;
+function se(e, f, s = {}) {
+  const { window: a = ve, ignore: l = [], capture: t = !0, detectIframe: i = !1 } = s;
+  if (!a)
     return;
-  Pe && !ne && (ne = !0, Array.from(s.document.body.children).forEach((f) => f.addEventListener("click", Q)), s.document.documentElement.addEventListener("click", Q));
-  let a = !0;
-  const v = (f) => t.some((h) => {
+  Ae && !oe && (oe = !0, Array.from(a.document.body.children).forEach((m) => m.addEventListener("click", ee)), a.document.documentElement.addEventListener("click", ee));
+  let n = !0;
+  const o = (m) => l.some((h) => {
     if (typeof h == "string")
-      return Array.from(s.document.querySelectorAll(h)).some((k) => k === f.target || f.composedPath().includes(k));
+      return Array.from(a.document.querySelectorAll(h)).some((y) => y === m.target || m.composedPath().includes(y));
     {
-      const k = W(h);
-      return k && (f.target === k || f.composedPath().includes(k));
+      const y = W(h);
+      return y && (m.target === y || m.composedPath().includes(y));
     }
-  }), p = [
-    J(s, "click", (f) => {
+  }), d = [
+    Q(a, "click", (m) => {
       const h = W(e);
-      if (!(!h || h === f.target || f.composedPath().includes(h))) {
-        if (f.detail === 0 && (a = !v(f)), !a) {
-          a = !0;
+      if (!(!h || h === m.target || m.composedPath().includes(h))) {
+        if (m.detail === 0 && (n = !o(m)), !n) {
+          n = !0;
           return;
         }
-        n(f);
+        f(m);
       }
-    }, { passive: !0, capture: o }),
-    J(s, "pointerdown", (f) => {
+    }, { passive: !0, capture: t }),
+    Q(a, "pointerdown", (m) => {
       const h = W(e);
-      h && (a = !f.composedPath().includes(h) && !v(f));
+      h && (n = !m.composedPath().includes(h) && !o(m));
     }, { passive: !0 }),
-    r && J(s, "blur", (f) => {
+    i && Q(a, "blur", (m) => {
       setTimeout(() => {
         var h;
-        const k = W(e);
-        ((h = s.document.activeElement) == null ? void 0 : h.tagName) === "IFRAME" && !(k != null && k.contains(s.document.activeElement)) && n(f);
+        const y = W(e);
+        ((h = a.document.activeElement) == null ? void 0 : h.tagName) === "IFRAME" && !(y != null && y.contains(a.document.activeElement)) && f(m);
       }, 0);
     })
   ].filter(Boolean);
-  return () => p.forEach((f) => f());
+  return () => d.forEach((m) => m());
 }
-const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex items-center inset-y-0 text-vxvue-700" }, Te = {
+const Le = ["value", "onKeydown"], Te = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, Oe = {
   key: 0,
-  class: "animate-spin w-5 h-5",
+  class: "w-5 h-5 animate-spin",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
-}, Oe = /* @__PURE__ */ i("circle", {
+}, je = /* @__PURE__ */ u("circle", {
   class: "opacity-25",
   cx: "12",
   cy: "12",
   r: "10",
   stroke: "currentColor",
   "stroke-width": "4"
-}, null, -1), je = /* @__PURE__ */ i("path", {
+}, null, -1), Ye = /* @__PURE__ */ u("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), Ye = [
-  Oe,
-  je
-], rl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, null, -1), Ee = [
+  je,
+  Ye
+], fl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "autocomplete",
   props: {
     modelValue: { type: String, default: "" },
@@ -151,19 +151,19 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
     getResultValue: { type: Function, default: (e) => e }
   },
   emits: ["update:modelValue", "blur", "submit"],
-  setup(e, { emit: n }) {
-    const l = e, s = q(), o = (() => {
+  setup(e, { emit: f }) {
+    const s = f, a = e, l = q(), i = (() => {
       let b = 0;
-      return (w) => (w || "") + ++b;
-    })()((s.id || "autocomplete") + "-"), r = g([]), a = g(-1), v = g(0), c = g(!1), p = g(!1), m = g("top-0 translate-y-12"), f = g(!0), h = g(null), k = g(null), Y = g(null), L = S(
-      () => r.value.map((b, w) => ({
-        id: (s.id || "autocomplete") + "-item-" + w,
-        class: ["autocomplete-item", l.resultItemClass, { "bg-vxvue-700 text-white": a.value === w }],
-        "data-result-index": w,
+      return (x) => (x || "") + ++b;
+    })()((l.id || "autocomplete") + "-"), n = g([]), o = g(-1), v = g(0), d = g(!1), p = g(!1), m = g("top-0 translate-y-12"), h = g(!0), y = g(null), N = g(null), z = g(null), L = S(
+      () => n.value.map((b, x) => ({
+        id: (l.id || "autocomplete") + "-item-" + x,
+        class: ["autocomplete-item", a.resultItemClass, { "bg-vxvue-700 text-white": o.value === x }],
+        "data-result-index": x,
         role: "option",
-        ...a.value === w ? { "aria-selected": "true" } : {}
+        ...o.value === x ? { "aria-selected": "true" } : {}
       }))
-    ), z = S(() => ({
+    ), X = S(() => ({
       role: "combobox",
       autocomplete: "off",
       autocapitalize: "off",
@@ -171,117 +171,117 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
       spellcheck: "false",
       "aria-autocomplete": "list",
       "aria-haspopup": "listbox",
-      "aria-owns": o,
-      "aria-expanded": c.value ? "true" : "false",
-      "aria-activedescendant": a.value > -1 ? L.value[a.value].id : "",
-      ...s
-    })), y = S(() => ({
-      id: o,
-      class: ["autocomplete-list absolute min-w-full transform z-10", l.resultListClass, m.value],
+      "aria-owns": i,
+      "aria-expanded": d.value ? "true" : "false",
+      "aria-activedescendant": o.value > -1 ? L.value[o.value].id : "",
+      ...l
+    })), w = S(() => ({
+      id: i,
+      class: ["autocomplete-list absolute min-w-full transform z-10", a.resultListClass, m.value],
       role: "listbox"
-    })), M = () => {
-      a.value = -1, r.value = [], c.value = !1, f.value = !0;
-    }, x = (b) => {
-      const w = l.search(b);
-      if (w instanceof Promise) {
-        const T = ++v.value;
-        p.value = !0, w.then((F) => {
-          T === v.value && (r.value = F, p.value = !1, r.value.length ? (a.value = l.autoSelect ? 0 : -1, c.value = !0) : M());
+    })), V = () => {
+      o.value = -1, n.value = [], d.value = !1, h.value = !0;
+    }, $ = (b) => {
+      const x = a.search(b);
+      if (x instanceof Promise) {
+        const O = ++v.value;
+        p.value = !0, x.then((I) => {
+          O === v.value && (n.value = I, p.value = !1, n.value.length ? (o.value = a.autoSelect ? 0 : -1, d.value = !0) : V());
         });
       } else
-        r.value = w, r.value.length === 0 ? M() : (a.value = l.autoSelect ? 0 : -1, c.value = !0);
-    }, I = () => {
-      const b = r.value[a.value];
-      return b && n("update:modelValue", l.getResultValue(b)), M(), b;
-    }, X = (b) => {
-      n("update:modelValue", b), x(b);
-    }, G = (b) => x(b.target.value), H = () => {
-      M(), n("blur");
-    }, Z = () => {
-      const b = r.value.length;
-      a.value = ((a.value - 1) % b + b) % b;
-    }, pe = (b) => {
-      c.value || G(b);
-      const w = r.value.length;
-      a.value = ((a.value + 1) % w + w) % w;
-    }, me = () => {
-      M(), n("update:modelValue", "");
-    }, ge = () => n("submit", I()), be = (b) => {
-      const w = b.target.closest("[data-result-index]");
-      w && (a.value = parseInt(w.dataset.resultIndex, 10), n("submit", I()));
+        n.value = x, n.value.length === 0 ? V() : (o.value = a.autoSelect ? 0 : -1, d.value = !0);
+    }, T = () => {
+      const b = n.value[o.value];
+      return b && s("update:modelValue", a.getResultValue(b)), V(), b;
+    }, Z = (b) => {
+      s("update:modelValue", b), $(b);
+    }, G = (b) => $(b.target.value), U = () => {
+      V(), s("blur");
+    }, J = () => {
+      const b = n.value.length;
+      o.value = ((o.value - 1) % b + b) % b;
+    }, he = (b) => {
+      d.value || G(b);
+      const x = n.value.length;
+      o.value = ((o.value + 1) % x + x) % x;
+    }, ge = () => {
+      V(), s("update:modelValue", "");
+    }, be = () => s("submit", T()), xe = (b) => {
+      const x = b.target.closest("[data-result-index]");
+      x && (o.value = parseInt(x.dataset.resultIndex, 10), s("submit", T()));
     };
-    return le(Y, M), xe(() => {
-      if (h.value) {
-        const b = k.value.getBoundingClientRect(), w = h.value.getBoundingClientRect();
-        f.value && r.value.length && (f.value = !1, m.value = b.bottom + w.height > window.innerHeight && window.innerHeight - b.bottom < b.top && window.pageYOffset + b.top - w.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
-        const T = h.value.querySelector('[data-result-index="' + a.value + '"]');
-        if (T) {
-          let F = T.getBoundingClientRect();
-          F.top < w.top ? h.value.scrollTop -= w.top - F.top : F.bottom > w.bottom && (h.value.scrollTop += F.bottom - w.bottom);
+    return se(z, V), ke(() => {
+      if (y.value) {
+        const b = N.value.getBoundingClientRect(), x = y.value.getBoundingClientRect();
+        h.value && n.value.length && (h.value = !1, m.value = b.bottom + x.height > window.innerHeight && window.innerHeight - b.bottom < b.top && window.pageYOffset + b.top - x.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
+        const O = y.value.querySelector('[data-result-index="' + o.value + '"]');
+        if (O) {
+          let I = O.getBoundingClientRect();
+          I.top < x.top ? y.value.scrollTop -= x.top - I.top : I.bottom > x.bottom && (y.value.scrollTop += I.bottom - x.bottom);
         }
       }
-    }), (b, w) => (u(), d("div", {
-      class: $(["relative inline-block", b.$attrs.class]),
+    }), (b, x) => (r(), c("div", {
+      class: k(["inline-block relative", b.$attrs.class]),
       ref_key: "container",
-      ref: Y
+      ref: z
     }, [
-      i("input", O({
+      u("input", Y({
         ref_key: "input",
-        ref: k,
-        class: "form-input w-full block focus:border-vxvue pr-10",
+        ref: N,
+        class: "block pr-10 w-full form-input focus:border-vxvue",
         value: e.modelValue
-      }, z.value, {
-        onInput: w[0] || (w[0] = (T) => X(T.target.value)),
+      }, X.value, {
+        onInput: x[0] || (x[0] = (O) => Z(O.target.value)),
         onKeydown: [
-          U(ge, ["enter"]),
-          U(me, ["esc"]),
-          U(I, ["tab"]),
-          U(A(Z, ["prevent"]), ["up"]),
-          U(A(pe, ["prevent"]), ["down"])
+          H(be, ["enter"]),
+          H(ge, ["esc"]),
+          H(T, ["tab"]),
+          H(P(J, ["prevent"]), ["up"]),
+          H(P(he, ["prevent"]), ["down"])
         ],
         onFocus: G,
-        onBlur: H
+        onBlur: U
       }), null, 16, Le),
-      i("span", Ie, [
-        p.value ? (u(), d("svg", Te, Ye)) : C("", !0)
+      u("span", Te, [
+        p.value ? (r(), c("svg", Oe, Ee)) : C("", !0)
       ]),
-      r.value.length ? (u(), d("ul", O({
+      n.value.length ? (r(), c("ul", Y({
         key: 0,
         ref_key: "resultList",
-        ref: h
-      }, y.value, {
-        onClick: be,
-        onMousedown: w[1] || (w[1] = A(() => {
+        ref: y
+      }, w.value, {
+        onClick: xe,
+        onMousedown: x[1] || (x[1] = P(() => {
         }, ["prevent"]))
       }), [
-        (u(!0), d(V, null, B(r.value, (T, F) => D(b.$slots, "result", {
-          result: T,
-          props: L.value[F]
+        (r(!0), c(D, null, B(n.value, (O, I) => M(b.$slots, "result", {
+          result: O,
+          props: L.value[I]
         }, () => [
-          (u(), d("li", O({
-            key: L.value[F].id
-          }, L.value[F]), _(e.getResultValue(T)), 17))
+          (r(), c("li", Y({
+            key: L.value[I].id
+          }, L.value[I]), _(e.getResultValue(O)), 17))
         ])), 256))
       ], 16)) : C("", !0)
     ], 2));
   }
-}), Ee = {
+}), Ne = {
   key: 0,
   class: "fixed inset-0 z-50 bg-black bg-opacity-50 backdrop-blur-sm",
   "aria-hidden": "true"
-}, Ne = {
+}, ze = {
   key: 0,
   class: "overflow-y-auto fixed inset-0 z-50"
-}, ze = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, Re = { key: 0 }, He = /* @__PURE__ */ i("span", {
+}, Re = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, Ue = { key: 0 }, He = /* @__PURE__ */ u("span", {
   class: "hidden sm:inline-block sm:h-screen sm:align-middle",
   "aria-hidden": "true"
-}, "​", -1), Ue = { 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" }, We = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, qe = { class: "flex flex-row items-center" }, Ke = { class: "flex-shrink-0" }, Ge = { class: "flex-grow text-center" }, Xe = ["onClick"], ul = {
+}, "​", -1), We = { 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" }, qe = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, Ke = { class: "flex flex-row items-center" }, Ge = { class: "flex-shrink-0" }, Xe = { class: "flex-grow text-center" }, Ze = ["onClick"], ml = {
   __name: "confirm",
   props: {
     buttons: {
       type: [Object, Array],
       default: { label: "Ok" },
-      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((n) => n.label !== "undefined" && n.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
+      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((f) => f.label !== "undefined" && f.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
     },
     headerClass: {
       type: String,
@@ -292,51 +292,51 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
       default: "button"
     }
   },
-  setup(e, { expose: n }) {
-    const l = e, s = g(""), t = g(""), o = g(!1);
-    let r = null, a = null;
-    const v = S(() => Array.isArray(l.buttons) ? l.buttons : [l.buttons]), c = g(null);
-    return n({ open: (m, f) => (s.value = m, t.value = f, o.value = !0, te(() => c.value.firstElementChild.focus()), new Promise((h, k) => {
-      r = h, a = k;
-    })) }), (m, f) => (u(), d(V, null, [
-      o.value ? (u(), d("div", Ee)) : C("", !0),
-      N(ee, { name: "appear" }, {
+  setup(e, { expose: f }) {
+    const s = e, a = g(""), l = g(""), t = g(!1);
+    let i = null, n = null;
+    const o = S(() => Array.isArray(s.buttons) ? s.buttons : [s.buttons]), v = g(null);
+    return f({ open: (p, m) => (a.value = p, l.value = m, t.value = !0, le(() => v.value.firstElementChild.focus()), new Promise((h, y) => {
+      i = h, n = y;
+    })) }), (p, m) => (r(), c(D, null, [
+      t.value ? (r(), c("div", Ne)) : C("", !0),
+      E(te, { name: "appear" }, {
         default: K(() => [
-          o.value ? (u(), d("div", Ne, [
-            i("div", ze, [
-              o.value ? (u(), d("div", Re, [
+          t.value ? (r(), c("div", ze, [
+            u("div", Re, [
+              t.value ? (r(), c("div", Ue, [
                 He,
-                i("div", Ue, [
-                  s.value ? (u(), d("h3", {
+                u("div", We, [
+                  a.value ? (r(), c("h3", {
                     key: 0,
-                    class: $(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
+                    class: k(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
-                    D(m.$slots, "title", { title: s.value }, () => [
-                      j(_(s.value), 1)
+                    M(p.$slots, "title", { title: a.value }, () => [
+                      F(_(a.value), 1)
                     ])
                   ], 2)) : C("", !0),
-                  i("div", We, [
-                    i("div", qe, [
-                      i("div", Ke, [
-                        D(m.$slots, "icon")
+                  u("div", qe, [
+                    u("div", Ke, [
+                      u("div", Ge, [
+                        M(p.$slots, "icon")
                       ]),
-                      i("p", Ge, [
-                        D(m.$slots, "default", { message: t.value }, () => [
-                          j(_(t.value), 1)
+                      u("p", Xe, [
+                        M(p.$slots, "default", { message: l.value }, () => [
+                          F(_(l.value), 1)
                         ])
                       ])
                     ]),
-                    i("div", {
+                    u("div", {
                       class: "flex justify-center mt-5 space-x-2 sm:mt-6",
                       ref_key: "buttonsContainer",
-                      ref: c
+                      ref: v
                     }, [
-                      (u(!0), d(V, null, B(v.value, (h, k) => (u(), d("button", {
-                        class: $([e.buttonClass, h.class]),
-                        onClick: A((Y) => {
-                          o.value = !1, k === 0 ? P(r)() : P(a)();
+                      (r(!0), c(D, null, B(o.value, (h, y) => (r(), c("button", {
+                        class: k([e.buttonClass, h.class]),
+                        onClick: P((N) => {
+                          t.value = !1, y === 0 ? A(i)() : A(n)();
                         }, ["prevent"])
-                      }, _(h.label), 11, Xe))), 256))
+                      }, _(h.label), 11, Ze))), 256))
                     ], 512)
                   ])
                 ])
@@ -349,62 +349,62 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
     ], 64));
   }
 };
-function Ze(e, n) {
-  const l = g(!1), s = se(n);
-  let t, o = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), r = [];
-  if ((t = s.match(/\bd\b/gi)) && t.length === 1)
-    o = o.replace("d", "(\\d{1,2})");
-  else if ((t = s.match(/\bdd\b/gi)) && t.length === 1)
-    o = o.replace("dd", "(\\d{2})");
+function Je(e, f) {
+  const s = g(!1), a = ae(f);
+  let l, t = a.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = [];
+  if ((l = a.match(/\bd\b/gi)) && l.length === 1)
+    t = t.replace("d", "(\\d{1,2})");
+  else if ((l = a.match(/\bdd\b/gi)) && l.length === 1)
+    t = t.replace("dd", "(\\d{2})");
   else
-    return { date: l };
-  if (r.push({ srcPos: s.toLowerCase().indexOf("d"), destPos: 2 }), (t = s.match(/\bm\b/gi)) && t.length === 1)
-    o = o.replace("m", "(\\d{1,2})");
-  else if ((t = s.match(/\bmm\b/gi)) && t.length === 1)
-    o = o.replace("mm", "(\\d{2})");
+    return { date: s };
+  if (i.push({ srcPos: a.toLowerCase().indexOf("d"), destPos: 2 }), (l = a.match(/\bm\b/gi)) && l.length === 1)
+    t = t.replace("m", "(\\d{1,2})");
+  else if ((l = a.match(/\bmm\b/gi)) && l.length === 1)
+    t = t.replace("mm", "(\\d{2})");
   else
-    return { date: l };
-  if (r.push({ srcPos: s.toLowerCase().indexOf("m"), destPos: 1 }), (t = s.match(/\byyyy\b/gi)) && t.length === 1)
-    o = o.replace("yyyy", "(\\d{4})");
+    return { date: s };
+  if (i.push({ srcPos: a.toLowerCase().indexOf("m"), destPos: 1 }), (l = a.match(/\byyyy\b/gi)) && l.length === 1)
+    t = t.replace("yyyy", "(\\d{4})");
   else
-    return { date: l };
-  if (r.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(t = se(e).match(o)))
-    return { date: l };
-  t.shift(), r.sort((p, m) => p.srcPos < m.srcPos ? -1 : 1);
-  let a = [], v, c;
-  for (; v = t.shift(); )
-    c = r.shift(), a[c.destPos] = v;
-  return a = Date.parse(a.join("-")), a && (a = new Date(a), l.value = new Date(a.getFullYear(), a.getMonth(), a.getDate(), 0, 0, 0)), { date: l };
+    return { date: s };
+  if (i.push({ srcPos: a.toLowerCase().indexOf("y"), destPos: 0 }), !(l = ae(e).match(t)))
+    return { date: s };
+  l.shift(), i.sort((d, p) => d.srcPos < p.srcPos ? -1 : 1);
+  let n = [], o, v;
+  for (; o = l.shift(); )
+    v = i.shift(), n[v.destPos] = o;
+  return n = Date.parse(n.join("-")), n && (n = new Date(n), s.value = new Date(n.getFullYear(), n.getMonth(), n.getDate(), 0, 0, 0)), { date: s };
 }
-const Je = { key: 0 }, Qe = { class: "text-vxvue-700" }, et = /* @__PURE__ */ i("svg", {
+const Qe = { key: 0 }, et = { class: "text-vxvue-700" }, tt = /* @__PURE__ */ u("svg", {
   class: "w-2 h-2",
   stroke: "currentColor",
   fill: "none",
   viewBox: "0 0 8 8"
 }, [
-  /* @__PURE__ */ i("path", {
+  /* @__PURE__ */ u("path", {
     "stroke-linecap": "round",
     "stroke-width": "1.5",
     d: "M1 1l6 6m0-6L1 7"
   })
-], -1), tt = [
-  et
-], lt = /* @__PURE__ */ i("svg", {
+], -1), lt = [
+  tt
+], st = /* @__PURE__ */ u("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__ */ u("path", {
     "stroke-linecap": "round",
     "stroke-linejoin": "round",
     "stroke-width": "2",
     d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
   })
-], -1), st = [
-  lt
-], at = {
+], -1), at = [
+  st
+], nt = {
   __name: "date-input",
   props: {
     outputFormat: { type: String, default: "YYYY-MM-DD" },
@@ -414,118 +414,118 @@ const Je = { key: 0 }, Qe = { class: "text-vxvue-700" }, et = /* @__PURE__ */ i(
     modelValue: Date
   },
   emits: ["update:modelValue", "toggle-datepicker"],
-  setup(e, { emit: n }) {
-    const l = e, s = g(""), t = S(() => l.modelValue ? ae(l.modelValue, l.outputFormat) : ""), o = S(() => {
-      let r = Object.assign({}, q());
-      return delete r.class, r;
+  setup(e, { emit: f }) {
+    const s = f, a = e, l = g(""), t = S(() => a.modelValue ? ne(a.modelValue, a.outputFormat) : ""), i = S(() => {
+      let n = Object.assign({}, q());
+      return delete n.class, n;
     });
-    return E(() => l.modelValue, (r) => s.value = r ? ae(r, l.outputFormat) : ""), (r, a) => (u(), d("div", {
-      class: $(["inline-block relative", r.$attrs.class])
+    return j(() => a.modelValue, (n) => l.value = n ? ne(n, a.outputFormat) : ""), (n, o) => (r(), c("div", {
+      class: k(["inline-block relative", n.$attrs.class])
     }, [
-      t.value ? (u(), d("div", Je, [
-        i("div", {
-          class: $(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showButton }])
+      t.value ? (r(), c("div", Qe, [
+        u("div", {
+          class: k(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showButton }])
         }, [
-          i("span", Qe, _(t.value), 1),
-          i("button", {
-            onClick: a[0] || (a[0] = (v) => n("update:modelValue", null)),
+          u("span", et, _(t.value), 1),
+          u("button", {
+            onClick: o[0] || (o[0] = (v) => s("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"
-          }, tt)
+          }, lt)
         ], 2)
-      ])) : oe((u(), d("input", O({
+      ])) : re((r(), c("input", Y({
         key: 1,
         type: "text",
-        class: ["block w-full form-input focus:border-vxvue peer", { "pr-10": e.showButton }],
-        "onUpdate:modelValue": a[1] || (a[1] = (v) => s.value = v),
-        onBlur: a[2] || (a[2] = (v) => {
-          var c;
-          return n("update:modelValue", ((c = P(Ze)(s.value, l.inputFormat).date) == null ? void 0 : c.value) || null);
+        class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showButton }],
+        "onUpdate:modelValue": o[1] || (o[1] = (v) => l.value = v),
+        onBlur: o[2] || (o[2] = (v) => {
+          var d;
+          return s("update:modelValue", ((d = A(Je)(l.value, a.inputFormat).date) == null ? void 0 : d.value) || null);
         }),
-        onInput: a[3] || (a[3] = A(() => {
+        onInput: o[3] || (o[3] = P(() => {
         }, ["prevent"]))
-      }, o.value), null, 16)), [
-        [ke, s.value]
+      }, i.value), null, 16)), [
+        [$e, l.value]
       ]),
-      e.showButton ? (u(), d("button", {
+      e.showButton ? (r(), c("button", {
         key: 2,
         class: "flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700 hover:text-vxvue",
-        onClick: a[4] || (a[4] = A((v) => n("toggle-datepicker"), ["stop"]))
-      }, st)) : C("", !0),
-      D(r.$slots, "default")
+        onClick: o[4] || (o[4] = P((v) => s("toggle-datepicker"), ["stop"]))
+      }, at)) : C("", !0),
+      M(n.$slots, "default")
     ], 2));
   }
 };
-function ve(e, n) {
-  return u(), d("svg", {
+function fe(e, f) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true"
   }, [
-    i("path", {
+    u("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",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function fe(e, n) {
-  return u(), d("svg", {
+function me(e, f) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true"
   }, [
-    i("path", {
+    u("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",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function nt(e, n) {
-  return u(), d("svg", {
+function ot(e, f) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true"
   }, [
-    i("path", {
+    u("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",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function ot(e, n) {
-  return u(), d("svg", {
+function rt(e, f) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true"
   }, [
-    i("path", {
+    u("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",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function rt(e, n) {
-  return u(), d("svg", {
+function ut(e, f) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true"
   }, [
-    i("path", {
+    u("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",
       "clip-rule": "evenodd"
     })
   ]);
 }
-const ut = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-700" }, it = ["onClick"], ct = { class: "flex-grow text-center" }, dt = ["onClick"], vt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, ft = ["disabled", "onClick"], il = {
+const it = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-700" }, ct = ["onClick"], dt = { class: "flex-grow text-center" }, vt = ["onClick"], ft = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, mt = ["disabled", "onClick"], pl = {
   __name: "datepicker",
   props: {
     modelValue: [Date, Boolean],
@@ -537,98 +537,98 @@ const ut = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-70
     hasInput: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "month-change"],
-  setup(e, { emit: n }) {
-    const l = e, s = (() => {
-      let y = /* @__PURE__ */ new Date();
-      return new Date(y.getFullYear(), y.getMonth(), y.getDate());
-    })(), t = g(new Date(s.getFullYear(), s.getMonth(), 1)), o = g(null), r = g(!l.hasInput), a = g("left-0"), v = g("top-0"), c = g(null), p = g(null), m = S(() => l.hasInput ? { class: ["absolute", r.value ? "block" : "hidden"] } : {}), f = S(() => {
-      const y = [], M = t.value.getFullYear(), x = t.value.getMonth(), I = new Date(M, x + 1, 0), X = new Date(M, x, 0).getDay() + 1 - l.startOfWeekIndex, G = (6 + l.startOfWeekIndex - I.getDay()) % 7;
-      for (let H = -X, Z = I.getDate() + G; H < Z; ++H)
-        y.push(new Date(M, x, H + 1));
-      return y;
-    }), h = S(() => l.startOfWeekIndex ? l.dayNames.slice(1).concat(l.dayNames[0]) : l.dayNames.slice());
-    E(() => l.modelValue, (y) => {
-      y ? (o.value = new Date(y.getFullYear(), y.getMonth(), y.getDate()), t.value = new Date(o.value.getTime())) : (o.value = null, t.value = new Date(s.getTime())), t.value.setDate(1);
-    }, { immediate: !0 }), E(r, (y) => {
-      y && l.hasInput && te(() => {
-        const M = c.value.$el.getBoundingClientRect(), x = p.value.getBoundingClientRect();
-        a.value = M.left + x.width > window.innerWidth ? "right-0" : "left-0", v.value = M.bottom + x.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
+  setup(e, { emit: f }) {
+    const s = e, a = f, l = (() => {
+      let w = /* @__PURE__ */ new Date();
+      return new Date(w.getFullYear(), w.getMonth(), w.getDate());
+    })(), t = g(new Date(l.getFullYear(), l.getMonth(), 1)), i = g(null), n = g(!s.hasInput), o = g("left-0"), v = g("top-0"), d = g(null), p = g(null), m = S(() => s.hasInput ? { class: ["absolute", n.value ? "block" : "hidden"] } : {}), h = S(() => {
+      const w = [], V = t.value.getFullYear(), $ = t.value.getMonth(), T = new Date(V, $ + 1, 0), Z = new Date(V, $, 0).getDay() + 1 - s.startOfWeekIndex, G = (6 + s.startOfWeekIndex - T.getDay()) % 7;
+      for (let U = -Z, J = T.getDate() + G; U < J; ++U)
+        w.push(new Date(V, $, U + 1));
+      return w;
+    }), y = S(() => s.startOfWeekIndex ? s.dayNames.slice(1).concat(s.dayNames[0]) : s.dayNames.slice());
+    j(() => s.modelValue, (w) => {
+      w ? (i.value = new Date(w.getFullYear(), w.getMonth(), w.getDate()), t.value = new Date(i.value.getTime())) : (i.value = null, t.value = new Date(l.getTime())), t.value.setDate(1);
+    }, { immediate: !0 }), j(n, (w) => {
+      w && s.hasInput && le(() => {
+        const V = d.value.$el.getBoundingClientRect(), $ = p.value.getBoundingClientRect();
+        o.value = V.left + $.width > window.innerWidth ? "right-0" : "left-0", v.value = V.bottom + $.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
       });
-    }), le(p, () => r.value = !1);
-    const k = () => {
-      t.value = new Date(t.value.getFullYear(), t.value.getMonth() - 1, 1), n("month-change", t.value);
-    }, Y = () => {
-      t.value = new Date(t.value.getFullYear(), t.value.getMonth() + 1, 1), n("month-change", t.value);
-    }, L = (y) => {
-      o.value = y, n("update:modelValue", y), r.value = !l.hasInput;
-    }, z = (y) => {
-      o.value = y, n("update:modelValue", y);
+    }), se(p, () => n.value = !1);
+    const N = () => {
+      t.value = new Date(t.value.getFullYear(), t.value.getMonth() - 1, 1), a("month-change", t.value);
+    }, z = () => {
+      t.value = new Date(t.value.getFullYear(), t.value.getMonth() + 1, 1), a("month-change", t.value);
+    }, L = (w) => {
+      i.value = w, a("update:modelValue", w), n.value = !s.hasInput;
+    }, X = (w) => {
+      i.value = w, a("update:modelValue", w);
     };
-    return (y, M) => (u(), d("div", {
-      class: $(["relative", y.$attrs.class])
+    return (w, V) => (r(), c("div", {
+      class: k(["relative", w.$attrs.class])
     }, [
-      e.hasInput ? (u(), R(at, O({
+      e.hasInput ? (r(), R(nt, Y({
         key: 0,
-        modelValue: o.value,
-        onToggleDatepicker: M[0] || (M[0] = (x) => r.value = !0),
-        "onUpdate:modelValue": z
-      }, y.$attrs, {
+        modelValue: i.value,
+        onToggleDatepicker: V[0] || (V[0] = ($) => n.value = !0),
+        "onUpdate:modelValue": X
+      }, w.$attrs, {
         ref_key: "input",
-        ref: c,
+        ref: d,
         class: "w-full",
         locale: e.locale
       }), {
         default: K(() => [
-          D(y.$slots, "default")
+          M(w.$slots, "default")
         ]),
         _: 3
       }, 16, ["modelValue", "locale"])) : C("", !0),
-      i("div", O({ class: "z-10 bg-white shadow-md" }, m.value, {
+      u("div", Y({ class: "z-10 bg-white shadow-md" }, m.value, {
         ref_key: "calendar",
         ref: p,
-        class: [a.value, v.value]
+        class: [o.value, v.value]
       }), [
-        i("div", ut, [
-          i("button", {
-            onClick: A(k, ["stop"]),
+        u("div", it, [
+          u("button", {
+            onClick: P(N, ["stop"]),
             class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
           }, [
-            N(P(ve), { class: "w-6 h-6" })
-          ], 8, it),
-          i("div", ct, _(t.value.toLocaleString(e.locale, { month: "long" })) + " " + _(t.value.getFullYear()), 1),
-          i("button", {
-            onClick: A(Y, ["stop"]),
+            E(A(fe), { class: "w-6 h-6" })
+          ], 8, ct),
+          u("div", dt, _(t.value.toLocaleString(e.locale, { month: "long" })) + " " + _(t.value.getFullYear()), 1),
+          u("button", {
+            onClick: P(z, ["stop"]),
             class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
           }, [
-            N(P(fe), { class: "w-6 h-6" })
-          ], 8, dt)
+            E(A(me), { class: "w-6 h-6" })
+          ], 8, vt)
         ]),
-        i("div", vt, [
-          (u(!0), d(V, null, B(h.value, (x, I) => (u(), d("div", {
+        u("div", ft, [
+          (r(!0), c(D, null, B(y.value, ($, T) => (r(), c("div", {
             class: "py-2 text-center bg-gray-200",
-            key: I
-          }, _(x), 1))), 128)),
-          (u(!0), d(V, null, B(f.value, (x) => (u(), d("div", {
-            class: $(["text-center", x.getMonth() - t.value.getMonth() === 0 ? "text-vxvue-700" : "text-gray-400"])
+            key: T
+          }, _($), 1))), 128)),
+          (r(!0), c(D, null, B(h.value, ($) => (r(), c("div", {
+            class: k(["text-center", $.getMonth() - t.value.getMonth() === 0 ? "text-vxvue-700" : "text-gray-400"])
           }, [
-            i("button", {
-              class: $([
+            u("button", {
+              class: k([
                 {
-                  "bg-vxvue-700 text-white": o.value && x.getTime() === o.value.getTime(),
-                  "bg-gray-200": x.getTime() === P(s).getTime(),
-                  "text-red-400": e.validFrom && e.validFrom > x || e.validUntil && e.validUntil < x
+                  "bg-vxvue-700 text-white": i.value && $.getTime() === i.value.getTime(),
+                  "bg-gray-200": $.getTime() === A(l).getTime(),
+                  "text-red-400": e.validFrom && e.validFrom > $ || e.validUntil && e.validUntil < $
                 },
                 "py-2 px-3 rounded-sm"
               ]),
-              disabled: e.validFrom && e.validFrom > x || e.validUntil && e.validUntil < x,
-              onClick: A((I) => e.validFrom && e.validFrom > x || e.validUntil && e.validUntil < x ? null : L(x), ["stop"])
-            }, _(x.getDate()), 11, ft)
+              disabled: e.validFrom && e.validFrom > $ || e.validUntil && e.validUntil < $,
+              onClick: P((T) => e.validFrom && e.validFrom > $ || e.validUntil && e.validUntil < $ ? null : L($), ["stop"])
+            }, _($.getDate()), 11, mt)
           ], 2))), 256))
         ])
       ], 16)
     ], 2));
   }
-}, ht = ["for"], pt = ["id", "multiple", "accept"], cl = {
+}, pt = ["for"], ht = ["id", "multiple", "accept"], hl = {
   __name: "form-file-button",
   props: {
     modelValue: { type: Array },
@@ -638,97 +638,98 @@ const ut = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-70
     id: { type: String, default: "form-file-button-" + Math.ceil(Math.random() * 1e3) }
   },
   emits: ["update:modelValue", "form-data"],
-  setup(e, { emit: n }) {
-    const l = e, s = (o) => {
-      const r = new FormData();
-      for (let a of o)
-        r.append(l.name, a, a.name);
-      return r;
-    }, t = (o) => {
-      const r = o.target.files || o.dataTransfer.files;
-      if (r) {
-        const a = [...r];
-        n("update:modelValue", a), n("form-data", s(a));
+  setup(e, { emit: f }) {
+    const s = f, a = e, l = (i) => {
+      const n = new FormData();
+      for (let o of i)
+        n.append(a.name, o, o.name);
+      return n;
+    }, t = (i) => {
+      const n = i.target.files || i.dataTransfer.files;
+      if (n) {
+        const o = [...n];
+        s("update:modelValue", o), s("form-data", l(o));
       }
     };
-    return (o, r) => (u(), d("label", { for: e.id }, [
-      D(o.$slots, "default", {}, () => [
-        j("Upload")
+    return (i, n) => (r(), c("label", { for: e.id }, [
+      M(i.$slots, "default", {}, () => [
+        F("Upload")
       ]),
-      i("input", {
+      u("input", {
         type: "file",
         id: e.id,
         multiple: e.multiple,
         accept: e.accept,
         onChange: t,
         class: "hidden"
-      }, null, 40, pt)
-    ], 8, ht));
+      }, null, 40, ht)
+    ], 8, pt));
   }
-}, mt = ["value"], gt = {
+}, gt = ["value"], bt = {
   key: 0,
   disabled: "",
   value: ""
-}, bt = ["value", "selected"], dl = {
+}, xt = ["value", "selected"], yt = {
   __name: "form-select",
   props: { options: Array, modelValue: [String, Number], disabledLabel: String },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    return (l, s) => (u(), d("select", O(l.$attrs, {
+  setup(e, { emit: f }) {
+    const s = f;
+    return (a, l) => (r(), c("select", Y(a.$attrs, {
       value: e.modelValue,
       class: "form-select",
-      onChange: s[0] || (s[0] = (t) => n("update:modelValue", t.target.value))
+      onChange: l[0] || (l[0] = (t) => s("update:modelValue", t.target.value))
     }), [
-      e.disabledLabel ? (u(), d("option", gt, _(e.disabledLabel), 1)) : C("", !0),
-      (u(!0), d(V, null, B(e.options, (t) => (u(), d("option", {
+      e.disabledLabel ? (r(), c("option", bt, _(e.disabledLabel), 1)) : C("", !0),
+      (r(!0), c(D, null, B(e.options, (t) => (r(), c("option", {
         value: t.key !== void 0 ? t.key : t.label || t,
         selected: (t.key !== void 0 ? t.key : t.label || t) === e.modelValue
-      }, _(t.label || t), 9, bt))), 256))
-    ], 16, mt));
+      }, _(t.label || t), 9, xt))), 256))
+    ], 16, gt));
   }
-}, wt = ["aria-checked"], yt = ["checked"], vl = {
+}, wt = ["aria-checked"], kt = ["checked"], gl = {
   __name: "form-switch",
   props: ["modelValue"],
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const l = e, s = S(() => l.modelValue ? "bg-vxvue" : "bg-slate-200"), t = S(() => l.modelValue ? "translate-x-5" : "translate-x-0"), o = S(() => {
-      let r = Object.assign({}, q());
-      return delete r.class, r;
+  setup(e, { emit: f }) {
+    const s = e, a = f, l = S(() => s.modelValue ? "bg-vxvue" : "bg-slate-200"), t = S(() => s.modelValue ? "translate-x-5" : "translate-x-0"), i = S(() => {
+      let n = Object.assign({}, q());
+      return delete n.class, n;
     });
-    return (r, a) => (u(), d(V, null, [
-      i("label", {
-        class: $(r.$attrs.class)
+    return (n, o) => (r(), c(D, null, [
+      u("label", {
+        class: k(n.$attrs.class)
       }, [
-        i("span", {
-          class: $([s.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"]),
+        u("span", {
+          class: k([l.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
         }, [
-          i("span", {
+          u("span", {
             "aria-hidden": "true",
-            class: $([t.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: k([t.value, "inline-block w-5 h-5 bg-white rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none"])
           }, null, 2),
-          i("input", O({
+          u("input", Y({
             class: "hidden",
             value: "1",
             type: "checkbox",
-            onChange: a[0] || (a[0] = (v) => n("update:modelValue", v.target.checked))
-          }, o.value, { checked: e.modelValue }), null, 16, yt)
+            onChange: o[0] || (o[0] = (v) => a("update:modelValue", v.target.checked))
+          }, i.value, { checked: e.modelValue }), null, 16, kt)
         ], 10, wt)
       ], 2),
-      D(r.$slots, "default")
+      M(n.$slots, "default")
     ], 64));
   }
 };
-const he = (e, n) => {
-  const l = e.__vccOpts || e;
-  for (const [s, t] of n)
-    l[s] = t;
-  return l;
-}, xt = (e) => ($e("data-v-da8a4323"), e = e(), _e(), e), kt = {
+const pe = (e, f) => {
+  const s = e.__vccOpts || e;
+  for (const [a, l] of f)
+    s[a] = l;
+  return s;
+}, $t = (e) => (_e("data-v-1be10676"), e = e(), Ce(), e), _t = {
   "aria-live": "assertive",
   class: "flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"
-}, $t = { class: "flex flex-col items-center space-y-4 w-full" }, _t = { class: "p-4" }, Ct = { class: "flex items-start" }, St = { class: "flex-shrink-0" }, Mt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Dt = { class: "font-bold" }, Vt = { class: "mt-1" }, Pt = { class: "flex flex-shrink-0 ml-4" }, At = /* @__PURE__ */ xt(() => /* @__PURE__ */ i("span", { class: "sr-only" }, "Close", -1)), Bt = /* @__PURE__ */ Object.assign({
+}, Ct = { class: "flex flex-col items-center space-y-4 w-full" }, St = { class: "p-4" }, Mt = { class: "flex items-start" }, Dt = { class: "flex-shrink-0" }, Vt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Pt = { class: "font-bold" }, At = { class: "mt-1" }, Bt = { class: "flex flex-shrink-0 ml-4" }, It = /* @__PURE__ */ $t(() => /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1)), Ft = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "message-toast",
@@ -739,44 +740,44 @@ const he = (e, n) => {
     active: { type: Boolean, default: !1 }
   },
   emits: ["timeout", "close"],
-  setup(e, { emit: n }) {
-    const l = e, s = g(null), t = S(() => typeof l.message == "string" ? [l.message] : l.message), o = () => {
-      window.clearTimeout(s.value), l.active && l.timeout && (s.value = window.setTimeout(() => {
-        n("timeout");
-      }, l.timeout));
+  setup(e, { emit: f }) {
+    const s = e, a = f, l = g(null), t = S(() => typeof s.message == "string" ? [s.message] : s.message), i = () => {
+      window.clearTimeout(l.value), s.active && s.timeout && (l.value = window.setTimeout(() => {
+        a("timeout");
+      }, s.timeout));
     };
-    return E(() => l.active, o), re(o), (r, a) => (u(), d("div", kt, [
-      i("div", $t, [
-        N(ee, { name: "messagetoast-fade" }, {
+    return j(() => s.active, i), ue(i), (n, o) => (r(), c("div", _t, [
+      u("div", Ct, [
+        E(te, { name: "messagetoast-fade" }, {
           default: K(() => [
-            e.active ? (u(), d("div", {
+            e.active ? (r(), c("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", r.$attrs.class])
+              class: k(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", n.$attrs.class])
             }, [
-              i("div", _t, [
-                i("div", Ct, [
-                  i("div", St, [
-                    D(r.$slots, "icon", {}, void 0, !0)
+              u("div", St, [
+                u("div", Mt, [
+                  u("div", Dt, [
+                    M(n.$slots, "icon", {}, void 0, !0)
                   ]),
-                  i("div", Mt, [
-                    i("p", Dt, [
-                      D(r.$slots, "title", {}, () => [
-                        j(_(e.title), 1)
+                  u("div", Vt, [
+                    u("p", Pt, [
+                      M(n.$slots, "title", {}, () => [
+                        F(_(e.title), 1)
                       ], !0)
                     ]),
-                    (u(!0), d(V, null, B(t.value, (v) => (u(), d("p", Vt, [
-                      D(r.$slots, "default", {}, () => [
-                        j(_(v), 1)
+                    (r(!0), c(D, null, B(t.value, (v) => (r(), c("p", At, [
+                      M(n.$slots, "default", {}, () => [
+                        F(_(v), 1)
                       ], !0)
                     ]))), 256))
                   ]),
-                  i("div", Pt, [
-                    i("button", {
-                      onClick: a[0] || (a[0] = (v) => n("close")),
+                  u("div", Bt, [
+                    u("button", {
+                      onClick: o[0] || (o[0] = (v) => a("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"
                     }, [
-                      At,
-                      N(P(rt), { class: "w-5 h-5" })
+                      It,
+                      E(A(ut), { class: "w-5 h-5" })
                     ])
                   ])
                 ])
@@ -788,14 +789,14 @@ const he = (e, n) => {
       ])
     ]));
   }
-}), fl = /* @__PURE__ */ he(Bt, [["__scopeId", "data-v-da8a4323"]]), Ft = {
+}), bl = /* @__PURE__ */ pe(Ft, [["__scopeId", "data-v-1be10676"]]), Lt = {
   key: 0,
   class: "fixed inset-0 z-[9998] bg-white/50 backdrop-blur-sm",
   "aria-hidden": "true"
-}, Lt = {
+}, Tt = {
   key: 0,
   class: "fixed inset-0 z-[9999]"
-}, It = { class: "flex justify-center items-center h-screen" }, hl = {
+}, Ot = { class: "flex justify-center items-center h-screen" }, xl = {
   __name: "modal",
   props: {
     show: Boolean,
@@ -804,28 +805,28 @@ const he = (e, n) => {
     contentClass: { type: String, default: "" }
   },
   emits: ["clicked-outside"],
-  setup(e, { emit: n }) {
-    const l = g(null);
-    return le(l, () => n("clicked-outside")), (s, t) => (u(), d(V, null, [
-      e.show ? (u(), d("div", Ft)) : C("", !0),
-      N(ee, { name: "appear" }, {
+  setup(e, { emit: f }) {
+    const s = f, a = g(null);
+    return se(a, () => s("clicked-outside")), (l, t) => (r(), c(D, null, [
+      e.show ? (r(), c("div", Lt)) : C("", !0),
+      E(te, { name: "appear" }, {
         default: K(() => [
-          e.show ? (u(), d("div", Lt, [
-            i("div", It, [
-              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]),
+          e.show ? (r(), c("div", Tt, [
+            u("div", Ot, [
+              u("div", {
+                class: k(["overflow-hidden relative max-w-full bg-white rounded ring-1 ring-black ring-opacity-10 shadow-xl transition-all transform xl:max-w-screen-xl", e.containerClass]),
                 ref_key: "container",
-                ref: l
+                ref: a
               }, [
-                i("div", {
-                  class: $(e.headerClass)
+                u("div", {
+                  class: k(e.headerClass)
                 }, [
-                  D(s.$slots, "title")
+                  M(l.$slots, "title")
                 ], 2),
-                i("div", {
-                  class: $(["overflow-y-auto h-full pb-4 mt-16", e.contentClass])
+                u("div", {
+                  class: k(["overflow-y-auto h-full pb-4 mt-16", e.contentClass])
                 }, [
-                  D(s.$slots, "default")
+                  M(l.$slots, "default")
                 ], 2)
               ], 2)
             ])
@@ -835,7 +836,7 @@ const he = (e, n) => {
       })
     ], 64));
   }
-}, Tt = { class: "flex justify-between items-center px-4 sm:px-0" }, Ot = { class: "flex flex-1 -mt-px w-0" }, jt = ["onClick"], Yt = { class: "hidden md:flex md:-mt-px" }, Et = { class: "flex flex-1 justify-end -mt-px w-0" }, Nt = ["onClick"], pl = {
+}, jt = { class: "flex justify-between items-center px-4 sm:px-0" }, Yt = { class: "flex flex-1 -mt-px w-0" }, Et = ["onClick"], Nt = { class: "hidden md:flex md:-mt-px" }, zt = { class: "flex flex-1 justify-end -mt-px w-0" }, Rt = ["onClick"], yl = {
   __name: "pagination",
   props: {
     page: { type: Number, default: 1 },
@@ -860,69 +861,69 @@ const he = (e, n) => {
     }
   },
   emits: ["update:page"],
-  setup(e, { emit: n }) {
-    const l = e, s = g(Math.ceil(l.total / l.perPage)), t = g(null), o = S(() => l.markerPosition === "above" ? "border-t-2 pt-4" : "border-b-2 pb-4"), r = S(() => {
-      let c = [1];
-      if (l.showAllPages || s.value <= 7) {
-        for (let p = 2; p <= s.value; ++p)
-          c.push(p);
-        return c;
+  setup(e, { emit: f }) {
+    const s = f, a = e, l = g(Math.ceil(a.total / a.perPage)), t = g(null), i = S(() => a.markerPosition === "above" ? "border-t-2 pt-4" : "border-b-2 pb-4"), n = S(() => {
+      let d = [1];
+      if (a.showAllPages || l.value <= 7) {
+        for (let p = 2; p <= l.value; ++p)
+          d.push(p);
+        return d;
       }
-      return t.value >= s.value ? c.push("dots", t.value - 2, t.value - 1) : t.value - 1 && t.value - 1 > 1 && (t.value > 1 && c.push("dots"), c.push(t.value - 1)), t.value > 1 && c.push(t.value), t.value + 1 < s.value && (c.push(t.value + 1), t.value <= 1 && c.push(t.value + 2), t.value + 2 < s.value && c.push("dots")), t.value < s.value && c.push(s.value), c;
-    }), a = () => {
-      t.value > 1 && n("update:page", t.value - 1);
+      return t.value >= l.value ? d.push("dots", t.value - 2, t.value - 1) : t.value - 1 && t.value - 1 > 1 && (t.value > 1 && d.push("dots"), d.push(t.value - 1)), t.value > 1 && d.push(t.value), t.value + 1 < l.value && (d.push(t.value + 1), t.value <= 1 && d.push(t.value + 2), t.value + 2 < l.value && d.push("dots")), t.value < l.value && d.push(l.value), d;
+    }), o = () => {
+      t.value > 1 && s("update:page", t.value - 1);
     }, v = () => {
-      t.value < s.value && n("update:page", t.value + 1);
+      t.value < l.value && s("update:page", t.value + 1);
     };
-    return E(() => l.page, (c) => t.value = Math.min(Math.max(c, 1), s.value), { immediate: !0 }), E(() => l.perPage, (c) => {
-      s.value = Math.ceil(l.total / l.perPage), n("update:page", 1);
-    }), E(() => l.total, (c) => {
-      s.value = Math.ceil(l.total / l.perPage), t.value > s.value && n("update:page", 1);
-    }), (c, p) => (u(), d("nav", Tt, [
-      i("div", Ot, [
-        e.showNavButtons ? (u(), d("a", {
+    return j(() => a.page, (d) => t.value = Math.min(Math.max(d, 1), l.value), { immediate: !0 }), j(() => a.perPage, (d) => {
+      l.value = Math.ceil(a.total / a.perPage), s("update:page", 1);
+    }), j(() => a.total, (d) => {
+      l.value = Math.ceil(a.total / a.perPage), t.value > l.value && s("update:page", 1);
+    }), (d, p) => (r(), c("nav", jt, [
+      u("div", Yt, [
+        e.showNavButtons ? (r(), c("a", {
           key: 0,
-          onClick: A(a, ["prevent"]),
+          onClick: P(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", [{ "cursor-default pointer-events-none": t.value <= 1 }, o.value]])
+          class: k(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [{ "cursor-default pointer-events-none": t.value <= 1 }, i.value]])
         }, [
-          N(P(ve), { class: "w-5 h-5" }),
-          j(" " + _(e.prevText), 1)
-        ], 10, jt)) : C("", !0)
+          E(A(fe), { class: "w-5 h-5" }),
+          F(" " + _(e.prevText), 1)
+        ], 10, Et)) : C("", !0)
       ]),
-      i("div", Yt, [
-        (u(!0), d(V, null, B(r.value, (m, f) => (u(), R(ue(m !== "dots" ? "a" : "span"), {
-          onClick: A((h) => m !== "dots" ? n("update:page", m) : null, ["prevent"]),
-          key: f,
+      u("div", Nt, [
+        (r(!0), c(D, null, B(n.value, (m, h) => (r(), R(ie(m !== "dots" ? "a" : "span"), {
+          onClick: P((y) => m !== "dots" ? s("update:page", m) : null, ["prevent"]),
+          key: h,
           href: m !== "dots" ? "#" : null,
-          class: $(["inline-flex items-center px-4 text-sm font-medium", [{
+          class: k(["inline-flex items-center px-4 text-sm font-medium", [{
             "border-vxvue-500 text-vxvue-700": m === t.value,
             "border-transparent text-gray-500": m !== t.value,
             "hover:text-gray-700 hover:border-gray-300": m !== "dots"
-          }, o.value]])
+          }, i.value]])
         }, {
           default: K(() => [
-            j(_(m !== "dots" ? m : "..."), 1)
+            F(_(m !== "dots" ? m : "..."), 1)
           ]),
           _: 2
         }, 1032, ["onClick", "href", "class"]))), 128))
       ]),
-      i("div", Et, [
-        e.showNavButtons ? (u(), d("a", {
+      u("div", zt, [
+        e.showNavButtons ? (r(), c("a", {
           key: 0,
-          onClick: A(v, ["prevent"]),
+          onClick: P(v, ["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", [o.value, { "cursor-default pointer-events-none": t.value >= s.value }]])
+          class: k(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [i.value, { "cursor-default pointer-events-none": t.value >= l.value }]])
         }, [
-          j(_(e.nextText) + " ", 1),
-          N(P(fe), { class: "w-5 h-5" })
-        ], 10, Nt)) : C("", !0)
+          F(_(e.nextText) + " ", 1),
+          E(A(me), { class: "w-5 h-5" })
+        ], 10, Rt)) : C("", !0)
       ])
     ]));
   }
 };
-function zt(e, n) {
-  return u(), d("svg", {
+function Ut(e, f) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -930,15 +931,15 @@ function zt(e, n) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    i("path", {
+    u("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"
     })
   ]);
 }
-function Rt(e, n) {
-  return u(), d("svg", {
+function Ht(e, f) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -946,126 +947,126 @@ function Rt(e, n) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    i("path", {
+    u("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"
     }),
-    i("path", {
+    u("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
     })
   ]);
 }
-const Ht = ["value", "type"], ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Wt = ["value", "type"], wl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "password-input",
   props: ["modelValue"],
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const l = g(!1), s = S(() => {
+  setup(e, { emit: f }) {
+    const s = f, a = g(!1), l = S(() => {
       let t = Object.assign({}, q());
       return delete t.class, t;
     });
-    return (t, o) => (u(), d("div", {
-      class: $("inline-block relative " + q().class)
+    return (t, i) => (r(), c("div", {
+      class: k("inline-block relative " + q().class)
     }, [
-      i("input", O({
+      u("input", Y({
         value: e.modelValue,
-        type: l.value ? "text" : "password",
-        onInput: o[0] || (o[0] = (r) => n("update:modelValue", r.target.value))
-      }, s.value, { class: "block pr-10 w-full form-input peer" }), null, 16, Ht),
-      i("button", {
-        onClick: o[1] || (o[1] = A((r) => l.value = !l.value, ["stop"])),
+        type: a.value ? "text" : "password",
+        onInput: i[0] || (i[0] = (n) => s("update:modelValue", n.target.value))
+      }, l.value, { class: "block pr-10 w-full form-input peer" }), null, 16, Wt),
+      u("button", {
+        onClick: i[1] || (i[1] = P((n) => a.value = !a.value, ["stop"])),
         class: "flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand"
       }, [
-        l.value ? (u(), R(P(zt), {
+        a.value ? (r(), R(A(Ut), {
           key: 0,
           class: "w-5 h-5"
-        })) : (u(), R(P(Rt), {
+        })) : (r(), R(A(Ht), {
           key: 1,
           class: "w-5 h-5"
         }))
       ]),
-      D(t.$slots, "default")
+      M(t.$slots, "default")
     ], 2));
   }
-}), Ut = { class: "flex items-center pb-1" }, Wt = ["id", "checked"], qt = ["for"], Kt = { key: 1 }, Gt = ["href"], Xt = {
+}), qt = { class: "flex items-center pb-1" }, Kt = ["id", "checked"], Gt = ["for"], Xt = { key: 1 }, Zt = ["href"], Jt = {
   key: 0,
   class: "ml-6"
-}, gl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, kl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "simple-tree",
   props: { branch: { type: Object, default: {} } },
   emits: ["branch-selected", "expand"],
-  setup(e, { emit: n }) {
-    const l = e, s = g(!1);
-    return re(() => {
-      l.branch.current && n("expand", !0);
-    }), (t, o) => {
-      const r = Ce("simple-tree", !0);
-      return u(), d("div", {
-        class: $([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", t.$attrs.class])
+  setup(e, { emit: f }) {
+    const s = e, a = f, l = g(!1);
+    return ue(() => {
+      s.branch.current && a("expand", !0);
+    }), (t, i) => {
+      const n = Se("simple-tree", !0);
+      return r(), c("div", {
+        class: k([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", t.$attrs.class])
       }, [
-        i("div", Ut, [
-          e.branch.branches && e.branch.branches.length ? (u(), d(V, { key: 0 }, [
-            i("input", {
+        u("div", qt, [
+          e.branch.branches && e.branch.branches.length ? (r(), c(D, { key: 0 }, [
+            u("input", {
               type: "checkbox",
               id: "branch-" + e.branch.id,
-              onClick: o[0] || (o[0] = (a) => s.value = !s.value),
-              checked: s.value,
+              onClick: i[0] || (i[0] = (o) => l.value = !l.value),
+              checked: l.value,
               class: "hidden"
-            }, null, 8, Wt),
-            i("label", {
+            }, null, 8, Kt),
+            u("label", {
               for: "branch-" + e.branch.id,
               class: "mr-2"
             }, [
-              (u(), R(ue(s.value ? P(nt) : P(ot)), { class: "w-4 h-4 border" }))
-            ], 8, qt)
+              (r(), R(ie(l.value ? A(ot) : A(rt)), { class: "w-4 h-4 border" }))
+            ], 8, Gt)
           ], 64)) : C("", !0),
-          e.branch.current ? (u(), d("strong", Kt, _(e.branch.label), 1)) : (u(), d("a", {
+          e.branch.current ? (r(), c("strong", Xt, _(e.branch.label), 1)) : (r(), c("a", {
             key: 2,
             href: e.branch.path,
-            onClick: o[1] || (o[1] = A((a) => n("branch-selected", e.branch), ["prevent"]))
-          }, _(e.branch.label), 9, Gt))
+            onClick: i[1] || (i[1] = P((o) => a("branch-selected", e.branch), ["prevent"]))
+          }, _(e.branch.label), 9, Zt))
         ]),
-        e.branch.branches && e.branch.branches.length ? oe((u(), d("ul", Xt, [
-          (u(!0), d(V, null, B(e.branch.branches, (a) => (u(), R(r, {
-            branch: a,
-            key: a.id,
-            onBranchSelected: o[2] || (o[2] = (v) => n("branch-selected", v)),
-            onExpand: o[3] || (o[3] = (v) => {
-              s.value = v, n("expand", v);
+        e.branch.branches && e.branch.branches.length ? re((r(), c("ul", Jt, [
+          (r(!0), c(D, null, B(e.branch.branches, (o) => (r(), R(n, {
+            branch: o,
+            key: o.id,
+            onBranchSelected: i[2] || (i[2] = (v) => a("branch-selected", v)),
+            onExpand: i[3] || (i[3] = (v) => {
+              l.value = v, a("expand", v);
             })
           }, null, 8, ["branch"]))), 128))
         ], 512)), [
-          [Se, s.value]
+          [Me, l.value]
         ]) : C("", !0)
       ], 2);
     };
   }
 });
-const Zt = { class: "overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-slate-500" }, Jt = { class: "min-w-full divide-y divide-y-slate-900" }, Qt = { class: "text-white bg-slate-700" }, el = ["onClick"], tl = { class: "flex items-center" }, ll = {
+const Qt = { class: "w-full divide-y divide-y-slate-900" }, el = { class: "text-white bg-slate-700" }, tl = ["onClick"], ll = { class: "flex items-center" }, sl = {
   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"
-}, sl = ["d"], al = {
+}, al = ["d"], nl = {
   key: 1,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M8 9l4-4 4 4m0 6l-4 4-4-4"
-}, nl = {
+}, ol = {
   __name: "sortable",
   props: {
     columns: {
       type: Array,
       required: !0,
       validator: (e) => {
-        for (const n of e)
-          if (n.label === void 0 || n.prop === void 0)
+        for (const f of e)
+          if (f.label === void 0 || f.prop === void 0)
             return !1;
         return !0;
       }
@@ -1078,77 +1079,142 @@ const Zt = { class: "overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-
     keyProperty: { type: String, default: "key" }
   },
   emits: ["before-sort", "after-sort"],
-  setup(e, { emit: n }) {
-    const l = e, s = g(l.sortProp), t = g(l.sortDirection), o = S(() => {
-      let a = l.rows.slice();
-      const v = l.columns.find(({ prop: c }) => c === s.value);
-      return v && (t.value === "asc" && v.sortAscFunction ? a.sort(v.sortAscFunction) : t.value === "desc" && v.sortDescFunction ? a.sort(v.sortDescFunction) : a.sort((c, p) => c[s.value] < p[s.value] ? t.value === "asc" ? -1 : 1 : c[s.value] > p[s.value] ? t.value === "asc" ? 1 : -1 : 0)), a.slice(l.offset || 0, (l.offset || 0) + (l.count || a.length));
-    }), r = (a) => {
-      n("before-sort", { prop: s.value, dir: t.value }), s.value === a ? t.value = t.value === "asc" ? "desc" : "asc" : (s.value = a, t.value = t.value || "asc"), te(() => n("after-sort", { prop: s.value, dir: t.value }));
+  setup(e, { emit: f }) {
+    const s = e, a = f, l = g(s.sortProp), t = g(s.sortDirection), i = S(() => {
+      let o = s.rows.slice();
+      const v = s.columns.find(({ prop: d }) => d === l.value);
+      return v && (t.value === "asc" && v.sortAscFunction ? o.sort(v.sortAscFunction) : t.value === "desc" && v.sortDescFunction ? o.sort(v.sortDescFunction) : o.sort((d, p) => d[l.value] < p[l.value] ? t.value === "asc" ? -1 : 1 : d[l.value] > p[l.value] ? t.value === "asc" ? 1 : -1 : 0)), o.slice(s.offset || 0, (s.offset || 0) + (s.count || o.length));
+    }), n = (o) => {
+      a("before-sort", { prop: l.value, dir: t.value }), l.value === o ? t.value = t.value === "asc" ? "desc" : "asc" : (l.value = o, t.value = t.value || "asc"), le(() => a("after-sort", { prop: l.value, dir: t.value }));
     };
-    return (a, v) => (u(), d("div", Zt, [
-      i("table", Jt, [
-        i("thead", Qt, [
-          i("tr", null, [
-            (u(!0), d(V, null, B(e.columns, (c) => (u(), d("th", {
-              scope: "col",
-              class: $(["py-3 px-6 text-left", [
-                { "cursor-pointer": c.sortable, active: s.value === c.prop },
-                c.cssClass
-              ]]),
-              onClick: (p) => c.sortable ? r(c.prop) : null
+    return (o, v) => (r(), c("table", Qt, [
+      u("thead", el, [
+        u("tr", null, [
+          (r(!0), c(D, null, B(e.columns, (d) => (r(), c("th", {
+            scope: "col",
+            class: k(["py-3 px-6 text-left", [
+              { "cursor-pointer": d.sortable, active: l.value === d.prop },
+              d.cssClass
+            ]]),
+            onClick: (p) => d.sortable ? n(d.prop) : null
+          }, [
+            M(o.$slots, d.prop + "-header", {
+              column: d,
+              sortDir: t.value,
+              sortProp: l.value
+            }, () => [
+              u("div", ll, [
+                u("span", null, _(d.label), 1),
+                d.sortable ? (r(), c("svg", sl, [
+                  l.value === d.prop ? (r(), c("path", {
+                    key: 0,
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: t.value === "asc" ? "M19 9l-7 7-7-7" : "M5 15l7-7 7 7"
+                  }, null, 8, al)) : (r(), c("path", nl))
+                ])) : C("", !0)
+              ])
+            ], !0)
+          ], 10, tl))), 256))
+        ])
+      ]),
+      u("tbody", null, [
+        (r(!0), c(D, null, B(i.value, (d) => (r(), c("tr", {
+          key: d[e.keyProperty],
+          class: k(d.cssClass)
+        }, [
+          (r(!0), c(D, null, B(e.columns, (p) => (r(), c("td", {
+            class: k(["py-3 px-6 whitespace-nowrap", { active: l.value === p.prop }])
+          }, [
+            M(o.$slots, p.prop, { row: d }, () => [
+              F(_(d[p.prop]), 1)
+            ], !0)
+          ], 2))), 256))
+        ], 2))), 128))
+      ])
+    ]));
+  }
+}, $l = /* @__PURE__ */ pe(ol, [["__scopeId", "data-v-1c751c5a"]]), rl = { class: "sm:hidden" }, ul = { class: "hidden sm:block" }, il = { class: "border-b border-gray-200" }, cl = {
+  class: "flex -mb-px space-x-8",
+  "aria-label": "Tabs"
+}, dl = ["onClick", "aria-current"], _l = {
+  __name: "tabs",
+  props: {
+    items: { type: Array, default: [] },
+    activeIndex: { type: Number, default: 0 }
+  },
+  emits: ["update:active-index"],
+  setup(e, { emit: f }) {
+    const s = e, a = f, l = g(s.items[s.activeIndex] || {}), t = S(() => {
+      let n = [];
+      return s.items.forEach((o, v) => {
+        o.disabled || n.push({ label: o.name, key: v });
+      }), n;
+    });
+    j(() => s.activeIndex, (n) => {
+      l.value = s.items[n] || {};
+    });
+    const i = (n) => {
+      n.disabled || (l.value = n, a("update:active-index", s.items.indexOf(n)));
+    };
+    return (n, o) => (r(), c(D, null, [
+      u("div", rl, [
+        E(yt, {
+          options: t.value,
+          "model-value": e.activeIndex,
+          "onUpdate:modelValue": o[0] || (o[0] = (v) => a("update:activeIndex", v)),
+          class: "w-full"
+        }, null, 8, ["options", "model-value"])
+      ]),
+      u("div", ul, [
+        u("div", il, [
+          u("nav", cl, [
+            (r(!0), c(D, null, B(e.items, (v) => (r(), c("a", {
+              key: v.name,
+              href: "#",
+              onClick: P((d) => i(v), ["prevent"]),
+              class: k([
+                l.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" : "",
+                "group inline-flex items-center py-4 px-1 border-b-4 font-medium"
+              ]),
+              "aria-current": l.value === v ? "page" : void 0
             }, [
-              D(a.$slots, c.prop + "-header", {
-                column: c,
-                sortDir: t.value,
-                sortProp: s.value
-              }, () => [
-                i("div", tl, [
-                  i("span", null, _(c.label), 1),
-                  c.sortable ? (u(), d("svg", ll, [
-                    s.value === c.prop ? (u(), d("path", {
-                      key: 0,
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round",
-                      "stroke-width": "2",
-                      d: t.value === "asc" ? "M19 9l-7 7-7-7" : "M5 15l7-7 7 7"
-                    }, null, 8, sl)) : (u(), d("path", al))
-                  ])) : C("", !0)
+              M(n.$slots, "icon", { tab: v }),
+              u("span", null, [
+                M(n.$slots, "default", { tab: v }, () => [
+                  F(_(v.name), 1)
+                ])
+              ]),
+              v.badge ? (r(), c("span", {
+                key: 0,
+                class: k([
+                  l.value === v ? "bg-vxvue-50 text-vxvue-700" : "bg-gray-200 text-gray-900",
+                  v.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"
                 ])
-              ], !0)
-            ], 10, el))), 256))
+              }, _(v.badge), 3)) : C("", !0)
+            ], 10, dl))), 128))
           ])
-        ]),
-        i("tbody", null, [
-          (u(!0), d(V, null, B(o.value, (c) => (u(), d("tr", {
-            key: c[e.keyProperty],
-            class: $(c.cssClass)
-          }, [
-            (u(!0), d(V, null, B(e.columns, (p) => (u(), d("td", {
-              class: $(["py-3 px-6 whitespace-nowrap", { active: s.value === p.prop }])
-            }, [
-              D(a.$slots, p.prop, { row: c }, () => [
-                j(_(c[p.prop]), 1)
-              ], !0)
-            ], 2))), 256))
-          ], 2))), 128))
         ])
       ])
-    ]));
+    ], 64));
   }
-}, bl = /* @__PURE__ */ he(nl, [["__scopeId", "data-v-f21d3cc3"]]);
+};
 export {
-  rl as Autocomplete,
-  ul as Confirm,
-  at as DateInput,
-  il as Datepicker,
-  cl as FormFileButton,
-  dl as FormSelect,
-  vl as FormSwitch,
-  fl as MessageToast,
-  hl as Modal,
-  pl as Pagination,
-  ml as PasswordInput,
-  gl as SimpleTree,
-  bl as Sortable
+  fl as Autocomplete,
+  ml as Confirm,
+  nt as DateInput,
+  pl as Datepicker,
+  hl as FormFileButton,
+  yt as FormSelect,
+  gl as FormSwitch,
+  bl as MessageToast,
+  xl as Modal,
+  yl as Pagination,
+  wl as PasswordInput,
+  kl as SimpleTree,
+  $l as Sortable,
+  _l as Tabs
 };