vx-vue 1.3.3 → 1.3.5

package/dist/vxvue.es.js

@@ -1,10 +1,10 @@
-import { useSlots as Ce, ref as $, computed as z, onBeforeUpdate as Me, createElementBlock as m, openBlock as d, Fragment as E, renderList as j, createBlock as Z, resolveDynamicComponent as de, createElementVNode as v, useAttrs as K, normalizeClass as C, unref as D, renderSlot as L, toValue as F, watch as X, getCurrentScope as Ve, onScopeDispose as Ae, onUpdated as De, createCommentVNode as I, mergeProps as R, withKeys as se, withModifiers as _, toDisplayString as B, Transition as Le, withCtx as te, createVNode as Y, createTextVNode as J, nextTick as ve, withDirectives as xe, vModelText as Te, onMounted as me, normalizeStyle as ye, resolveComponent as Pe, createSlots as Be, vShow as ze, toHandlers as ue } from "vue";
-const kl = {
+import { useSlots as Me, ref as $, computed as z, onBeforeUpdate as Ve, createElementBlock as m, openBlock as c, Fragment as O, renderList as j, createBlock as Z, resolveDynamicComponent as ce, createElementVNode as v, useAttrs as K, normalizeClass as C, unref as A, renderSlot as L, toValue as F, watch as X, getCurrentScope as De, onScopeDispose as Ae, onUpdated as Le, createCommentVNode as I, mergeProps as R, withKeys as se, withModifiers as _, toDisplayString as B, Transition as Te, withCtx as te, createVNode as Y, createTextVNode as J, nextTick as fe, withDirectives as ue, vShow as me, vModelText as Pe, onMounted as he, normalizeStyle as we, resolveComponent as Be, createSlots as ze, toHandlers as ie } from "vue";
+const wl = {
   __name: "Accordion",
   props: { activeIndex: { type: [Number, Array], default: null } },
   emits: ["update:activeIndex"],
   setup(e, { emit: u }) {
-    const t = e, n = u, a = Ce(), l = $([]), c = (f) => l.value.push(f), s = z(
+    const t = e, n = u, a = Me(), l = $([]), i = (f) => l.value.push(f), s = z(
       () => a.default().reduce((f, x) => ((x.type.__name || x.type.name) === "AccordionPanel" && f.push(x), f), [])
     ), o = (f) => {
       if (Array.isArray(t.activeIndex)) {
@@ -18,29 +18,29 @@ const kl = {
         return;
       }
       r(f);
-    }, i = (f) => {
+    }, d = (f) => {
       if (f = (f || s.value.length) - 1, !l.value[f].disabled) {
         o(f), l.value[f].focus();
         return;
       }
-      i(f);
+      d(f);
     };
-    return Me(() => l.value = []), (f, x) => (d(!0), m(E, null, j(s.value, (y, b) => {
+    return Ve(() => l.value = []), (f, x) => (c(!0), m(O, null, j(s.value, (y, b) => {
       var T;
-      return d(), Z(de(y), {
+      return c(), Z(ce(y), {
         key: b,
         ref_for: !0,
-        ref: c,
+        ref: i,
         show: Array.isArray(e.activeIndex) ? (T = e.activeIndex) == null ? void 0 : T.includes(b) : e.activeIndex === b,
         onSelect: (p) => o(b),
         onKeydown: (p) => r(b),
-        onKeyup: (p) => i(b)
+        onKeyup: (p) => d(b)
       }, null, 40, ["show", "onSelect", "onKeydown", "onKeyup"]);
     }), 128));
   }
 };
 function Ie(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -55,7 +55,7 @@ function Ie(e, u) {
   ]);
 }
 function Ne(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -69,8 +69,8 @@ function Ne(e, u) {
     })
   ]);
 }
-function ie(e, u) {
-  return d(), m("svg", {
+function de(e, u) {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -85,7 +85,7 @@ function ie(e, u) {
   ]);
 }
 function re(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -99,8 +99,8 @@ function re(e, u) {
     })
   ]);
 }
-function Ee(e, u) {
-  return d(), m("svg", {
+function Oe(e, u) {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -115,7 +115,7 @@ function Ee(e, u) {
   ]);
 }
 function Fe(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -129,8 +129,8 @@ function Fe(e, u) {
     })
   ]);
 }
-function Oe(e, u) {
-  return d(), m("svg", {
+function Ee(e, u) {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -145,7 +145,7 @@ function Oe(e, u) {
   ]);
 }
 function _e(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -159,8 +159,8 @@ function _e(e, u) {
     })
   ]);
 }
-function fe(e, u) {
-  return d(), m("svg", {
+function pe(e, u) {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -174,63 +174,63 @@ function fe(e, u) {
     })
   ]);
 }
-const je = ["id", "disabled", "aria-expanded", "aria-controls"], Ye = ["id", "aria-labelledby"], Re = { class: "overflow-hidden rounded-b" }, $l = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const je = ["id", "disabled", "aria-expanded", "aria-controls"], Ye = ["id", "aria-labelledby"], Re = { class: "overflow-hidden rounded-b" }, kl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "AccordionPanel",
   props: { show: Boolean, disabled: Boolean },
   emits: ["select", "keyup", "keydown"],
   setup(e, { expose: u, emit: t }) {
-    const n = t, a = e, l = K(), c = $(null), s = Math.random().toString(20).substring(2, 8), o = (i) => {
+    const n = t, a = e, l = K(), i = $(null), s = Math.random().toString(20).substring(2, 8), o = (d) => {
       if (!a.disabled) {
-        const f = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(i.keyCode);
-        f && (n(f), i.preventDefault());
+        const f = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(d.keyCode);
+        f && (n(f), d.preventDefault());
       }
     };
-    return u({ focus: () => c.value.focus(), disabled: a.disabled }), (i, f) => (d(), m("div", null, [
+    return u({ focus: () => i.value.focus(), disabled: a.disabled }), (d, f) => (c(), m("div", null, [
       v("button", {
-        id: "ap-control-" + D(s),
+        id: "ap-control-" + A(s),
         ref_key: "btn",
-        ref: c,
+        ref: i,
         class: C([
           "flex items-center w-full space-x-2 px-4 py-2 ring-vxvue",
           e.show ? "rounded-t" : "rounded-sm",
           e.disabled ? "bg-slate-300 text-slate-700" : "bg-vxvue hover:bg-vxvue-600 text-white",
-          D(l).class
+          A(l).class
         ]),
         disabled: e.disabled,
         "aria-expanded": e.show,
-        "aria-controls": "ap-" + D(s),
+        "aria-controls": "ap-" + A(s),
         tabindex: "0",
         onClick: f[0] || (f[0] = (x) => n("select")),
         onKeydown: o
       }, [
-        e.disabled ? (d(), Z(D(fe), {
+        e.disabled ? (c(), Z(A(pe), {
           key: 0,
           class: "size-5"
-        })) : (d(), Z(D(re), {
+        })) : (c(), Z(A(re), {
           key: 1,
           class: C(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
         }, null, 8, ["class"])),
         v("span", null, [
-          L(i.$slots, "header")
+          L(d.$slots, "header")
         ])
       ], 42, je),
       v("div", {
-        id: "ap-" + D(s),
+        id: "ap-" + A(s),
         class: C(["grid transition-[grid-template-rows] duration-300 ease-in-out", e.show && !e.disabled ? "grid-rows-1" : "grid-rows-[repeat(1,minmax(0,0fr))]"]),
-        "aria-labelledby": "ap-control-" + D(s)
+        "aria-labelledby": "ap-control-" + A(s)
       }, [
         v("div", Re, [
-          L(i.$slots, "default")
+          L(d.$slots, "default")
         ])
       ], 10, Ye)
     ]));
   }
-}), He = ["viewBox"], Ze = ["cx", "cy", "r", "stroke-width"], We = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], we = {
+}), He = ["viewBox"], Ze = ["cx", "cy", "r", "stroke-width"], We = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], ke = {
   __name: "Spinner",
   props: { radius: { type: Number, default: 10 }, strokeWidth: { type: Number, default: 4 } },
   setup(e) {
     const u = e, t = z(() => u.radius + u.strokeWidth / 2), n = z(() => u.radius * 2 + u.strokeWidth), a = z(() => u.radius * Math.PI / 1.5);
-    return (l, c) => (d(), m("svg", {
+    return (l, i) => (c(), m("svg", {
       class: "animate-spin",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
@@ -258,31 +258,31 @@ const je = ["id", "disabled", "aria-expanded", "aria-controls"], Ye = ["id", "ar
   }
 };
 function qe(e) {
-  return Ve() ? (Ae(e), !0) : !1;
+  return De() ? (Ae(e), !0) : !1;
 }
-const ke = typeof window < "u" && typeof document < "u";
+const $e = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Ue = Object.prototype.toString, Ke = (e) => Ue.call(e) === "[object Object]", le = () => {
 }, Xe = /* @__PURE__ */ Ge();
 function Ge() {
   var e, u;
-  return ke && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((u = window == null ? void 0 : window.navigator) == null ? void 0 : u.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+  return $e && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((u = window == null ? void 0 : window.navigator) == null ? void 0 : u.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function ce(e) {
+function ve(e) {
   return Array.isArray(e) ? e : [e];
 }
 const Je = /[YMDHhms]o|\[([^\]]+)\]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|z{1,4}|SSS/g;
 function Qe(e, u, t, n) {
   let a = e < 12 ? "AM" : "PM";
-  return n && (a = a.split("").reduce((l, c) => l += `${c}.`, "")), t ? a.toLowerCase() : a;
+  return n && (a = a.split("").reduce((l, i) => l += `${i}.`, "")), t ? a.toLowerCase() : a;
 }
 function ee(e) {
   const u = ["th", "st", "nd", "rd"], t = e % 100;
   return e + (u[(t - 20) % 10] || u[t] || u[0]);
 }
-function ge(e, u, t = {}) {
+function xe(e, u, t = {}) {
   var n;
-  const a = e.getFullYear(), l = e.getMonth(), c = e.getDate(), s = e.getHours(), o = e.getMinutes(), r = e.getSeconds(), i = e.getMilliseconds(), f = e.getDay(), x = (n = t.customMeridiem) != null ? n : Qe, y = (T) => {
+  const a = e.getFullYear(), l = e.getMonth(), i = e.getDate(), s = e.getHours(), o = e.getMinutes(), r = e.getSeconds(), d = e.getMilliseconds(), f = e.getDay(), x = (n = t.customMeridiem) != null ? n : Qe, y = (T) => {
     var p;
     return (p = T.split(" ")[1]) != null ? p : "";
   }, b = {
@@ -294,9 +294,9 @@ function ge(e, u, t = {}) {
     MM: () => `${l + 1}`.padStart(2, "0"),
     MMM: () => e.toLocaleDateString(F(t.locales), { month: "short" }),
     MMMM: () => e.toLocaleDateString(F(t.locales), { month: "long" }),
-    D: () => String(c),
-    Do: () => ee(c),
-    DD: () => `${c}`.padStart(2, "0"),
+    D: () => String(i),
+    Do: () => ee(i),
+    DD: () => `${i}`.padStart(2, "0"),
     H: () => String(s),
     Ho: () => ee(s),
     HH: () => `${s}`.padStart(2, "0"),
@@ -309,7 +309,7 @@ function ge(e, u, t = {}) {
     s: () => String(r),
     so: () => ee(r),
     ss: () => `${r}`.padStart(2, "0"),
-    SSS: () => `${i}`.padStart(3, "0"),
+    SSS: () => `${d}`.padStart(3, "0"),
     d: () => f,
     dd: () => e.toLocaleDateString(F(t.locales), { weekday: "narrow" }),
     ddd: () => e.toLocaleDateString(F(t.locales), { weekday: "short" }),
@@ -324,8 +324,8 @@ function ge(e, u, t = {}) {
     zzzz: () => y(e.toLocaleDateString(F(t.locales), { timeZoneName: "longOffset" }))
   };
   return u.replace(Je, (T, p) => {
-    var k, A;
-    return (A = p ?? ((k = b[T]) == null ? void 0 : k.call(b))) != null ? A : T;
+    var k, D;
+    return (D = p ?? ((k = b[T]) == null ? void 0 : k.call(b))) != null ? D : T;
   });
 }
 function et(e, u, t) {
@@ -338,7 +338,7 @@ function et(e, u, t) {
     }
   );
 }
-const $e = ke ? window : void 0;
+const Se = $e ? window : void 0;
 function oe(e) {
   var u;
   const t = F(e);
@@ -347,24 +347,24 @@ function oe(e) {
 function ne(...e) {
   const u = [], t = () => {
     u.forEach((s) => s()), u.length = 0;
-  }, n = (s, o, r, i) => (s.addEventListener(o, r, i), () => s.removeEventListener(o, r, i)), a = z(() => {
-    const s = ce(F(e[0])).filter((o) => o != null);
+  }, n = (s, o, r, d) => (s.addEventListener(o, r, d), () => s.removeEventListener(o, r, d)), a = z(() => {
+    const s = ve(F(e[0])).filter((o) => o != null);
     return s.every((o) => typeof o != "string") ? s : void 0;
   }), l = et(
     () => {
       var s, o;
       return [
-        (o = (s = a.value) == null ? void 0 : s.map((r) => oe(r))) != null ? o : [$e].filter((r) => r != null),
-        ce(F(a.value ? e[1] : e[0])),
-        ce(D(a.value ? e[2] : e[1])),
+        (o = (s = a.value) == null ? void 0 : s.map((r) => oe(r))) != null ? o : [Se].filter((r) => r != null),
+        ve(F(a.value ? e[1] : e[0])),
+        ve(A(a.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
         F(a.value ? e[3] : e[2])
       ];
     },
-    ([s, o, r, i]) => {
+    ([s, o, r, d]) => {
       if (t(), !(s != null && s.length) || !(o != null && o.length) || !(r != null && r.length))
         return;
-      const f = Ke(i) ? { ...i } : i;
+      const f = Ke(d) ? { ...d } : d;
       u.push(
         ...s.flatMap(
           (x) => o.flatMap(
@@ -374,41 +374,41 @@ function ne(...e) {
       );
     },
     { flush: "post" }
-  ), c = () => {
+  ), i = () => {
     l(), t();
   };
-  return qe(t), c;
+  return qe(t), i;
 }
-let be = !1;
-function he(e, u, t = {}) {
-  const { window: n = $e, ignore: a = [], capture: l = !0, detectIframe: c = !1, controls: s = !1 } = t;
+let ye = !1;
+function ge(e, u, t = {}) {
+  const { window: n = Se, ignore: a = [], capture: l = !0, detectIframe: i = !1, controls: s = !1 } = t;
   if (!n)
     return s ? { stop: le, cancel: le, trigger: le } : le;
-  if (Xe && !be) {
-    be = !0;
+  if (Xe && !ye) {
+    ye = !0;
     const p = { passive: !0 };
     Array.from(n.document.body.children).forEach((k) => ne(k, "click", le, p)), ne(n.document.documentElement, "click", le, p);
   }
   let o = !0;
   const r = (p) => F(a).some((k) => {
     if (typeof k == "string")
-      return Array.from(n.document.querySelectorAll(k)).some((A) => A === p.target || p.composedPath().includes(A));
+      return Array.from(n.document.querySelectorAll(k)).some((D) => D === p.target || p.composedPath().includes(D));
     {
-      const A = oe(k);
-      return A && (p.target === A || p.composedPath().includes(A));
+      const D = oe(k);
+      return D && (p.target === D || p.composedPath().includes(D));
     }
   });
-  function i(p) {
+  function d(p) {
     const k = F(p);
     return k && k.$.subTree.shapeFlag === 16;
   }
   function f(p, k) {
-    const A = F(p), W = A.$.subTree && A.$.subTree.children;
+    const D = F(p), W = D.$.subTree && D.$.subTree.children;
     return W == null || !Array.isArray(W) ? !1 : W.some((H) => H.el === k.target || k.composedPath().includes(H.el));
   }
   const x = (p) => {
     const k = oe(e);
-    if (p.target != null && !(!(k instanceof Element) && i(e) && f(e, p)) && !(!k || k === p.target || p.composedPath().includes(k))) {
+    if (p.target != null && !(!(k instanceof Element) && d(e) && f(e, p)) && !(!k || k === p.target || p.composedPath().includes(k))) {
       if ("detail" in p && p.detail === 0 && (o = !r(p)), !o) {
         o = !0;
         return;
@@ -427,11 +427,11 @@ function he(e, u, t = {}) {
       const k = oe(e);
       o = !r(p) && !!(k && !p.composedPath().includes(k));
     }, { passive: !0 }),
-    c && ne(n, "blur", (p) => {
+    i && ne(n, "blur", (p) => {
       setTimeout(() => {
         var k;
-        const A = oe(e);
-        ((k = n.document.activeElement) == null ? void 0 : k.tagName) === "IFRAME" && !(A != null && A.contains(n.document.activeElement)) && u(p);
+        const D = oe(e);
+        ((k = n.document.activeElement) == null ? void 0 : k.tagName) === "IFRAME" && !(D != null && D.contains(n.document.activeElement)) && u(p);
       }, 0);
     }, { passive: !0 })
   ].filter(Boolean), T = () => b.forEach((p) => p());
@@ -445,7 +445,7 @@ function he(e, u, t = {}) {
     }
   } : T;
 }
-const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, at = ["data-result-index"], Sl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, at = ["data-result-index"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Autocomplete",
   props: {
     modelValue: { type: String, default: "" },
@@ -457,17 +457,17 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
   },
   emits: ["update:modelValue", "blur-sm", "submit"],
   setup(e, { emit: u }) {
-    const t = u, n = e, a = K(), c = (/* @__PURE__ */ (() => {
+    const t = u, n = e, a = K(), i = (/* @__PURE__ */ (() => {
       let V = 0;
       return (P) => (P || "") + ++V;
-    })())((a.id || "autocomplete") + "-"), s = $([]), o = $(-1), r = $(0), i = $(!1), f = $(!1), x = $("top-0 translate-y-12"), y = $(!0), b = $(null), T = $(null), p = $(null), k = z(
+    })())((a.id || "autocomplete") + "-"), s = $([]), o = $(-1), r = $(0), d = $(!1), f = $(!1), x = $("top-0 translate-y-12"), y = $(!0), b = $(null), T = $(null), p = $(null), k = z(
       () => s.value.map((V, P) => ({
         id: (a.id || "autocomplete") + "-item-" + P,
         class: [n.resultItemClass, { "bg-vxvue-700 text-white": o.value === P }],
         role: "option",
         ...o.value === P ? { "aria-selected": "true" } : {}
       }))
-    ), A = z(() => ({
+    ), D = z(() => ({
       role: "combobox",
       autocomplete: "off",
       autocapitalize: "off",
@@ -475,29 +475,29 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
       spellcheck: "false",
       "aria-autocomplete": "list",
       "aria-haspopup": "listbox",
-      "aria-owns": c,
-      "aria-expanded": i.value ? "true" : "false",
+      "aria-owns": i,
+      "aria-expanded": d.value ? "true" : "false",
       "aria-activedescendant": o.value > -1 ? k.value[o.value].id : "",
       ...a
     })), W = z(() => ({
-      id: c,
+      id: i,
       class: ["absolute min-w-full transform z-10", n.resultListClass, x.value],
       role: "listbox"
     })), H = () => {
-      o.value = -1, s.value = [], i.value = !1, y.value = !0;
+      o.value = -1, s.value = [], d.value = !1, y.value = !0;
     }, S = (V) => {
       const P = n.search(V);
       if (P instanceof Promise) {
         const G = ++r.value;
         f.value = !0, P.then((U) => {
-          G === r.value && (s.value = U, f.value = !1, s.value.length ? (o.value = n.autoSelect ? 0 : -1, i.value = !0) : H());
+          G === r.value && (s.value = U, f.value = !1, s.value.length ? (o.value = n.autoSelect ? 0 : -1, d.value = !0) : H());
         });
       } else
-        s.value = P, s.value.length === 0 ? H() : (o.value = n.autoSelect ? 0 : -1, i.value = !0);
+        s.value = P, s.value.length === 0 ? H() : (o.value = n.autoSelect ? 0 : -1, d.value = !0);
     }, M = () => {
       const V = s.value[o.value];
       return V && t("update:modelValue", n.getResultValue(V)), H(), V;
-    }, O = (V) => {
+    }, E = (V) => {
       t("update:modelValue", V), S(V);
     }, h = (V) => S(V.target.value), g = () => {
       H(), t("blur-sm");
@@ -505,7 +505,7 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
       const V = s.value.length;
       o.value = ((o.value - 1) % V + V) % V;
     }, N = (V) => {
-      i.value || h(V);
+      d.value || h(V);
       const P = s.value.length;
       o.value = ((o.value + 1) % P + P) % P;
     }, q = () => {
@@ -514,7 +514,7 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
       const P = V.target.closest("[data-result-index]");
       P && (o.value = parseInt(P.dataset.resultIndex, 10), t("submit", M()));
     };
-    return he(p, H), De(() => {
+    return ge(p, H), Le(() => {
       if (b.value) {
         const V = T.value.getBoundingClientRect(), P = b.value.getBoundingClientRect();
         y.value && s.value.length && (y.value = !1, x.value = V.bottom + P.height > window.innerHeight && window.innerHeight - V.bottom < V.top && window.pageYOffset + V.top - P.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
@@ -524,7 +524,7 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
           U.top < P.top ? b.value.scrollTop -= P.top - U.top : U.bottom > P.bottom && (b.value.scrollTop += U.bottom - P.bottom);
         }
       }
-    }), (V, P) => (d(), m("div", {
+    }), (V, P) => (c(), m("div", {
       ref_key: "container",
       ref: p,
       class: C(["inline-block relative", V.$attrs.class])
@@ -534,8 +534,8 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
         ref: T,
         class: "block pr-10 w-full form-input focus:border-vxvue",
         value: e.modelValue
-      }, A.value, {
-        onInput: P[0] || (P[0] = (G) => O(G.target.value)),
+      }, D.value, {
+        onInput: P[0] || (P[0] = (G) => E(G.target.value)),
         onKeydown: [
           se(ae, ["enter"]),
           se(q, ["esc"]),
@@ -547,12 +547,12 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
         onBlur: g
       }), null, 16, tt),
       v("span", lt, [
-        f.value ? (d(), Z(we, {
+        f.value ? (c(), Z(ke, {
           key: 0,
           class: "size-5"
         })) : I("", !0)
       ]),
-      s.value.length ? (d(), m("div", R({
+      s.value.length ? (c(), m("div", R({
         key: 0,
         ref_key: "resultList",
         ref: b
@@ -561,12 +561,12 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
         onMousedown: P[1] || (P[1] = _(() => {
         }, ["prevent"]))
       }), [
-        (d(!0), m(E, null, j(s.value, (G, U) => (d(), m("div", { "data-result-index": U }, [
+        (c(!0), m(O, null, j(s.value, (G, U) => (c(), m("div", { "data-result-index": U }, [
           L(V.$slots, "result", {
             result: G,
             props: k.value[U]
           }, () => [
-            (d(), m("div", R({
+            (c(), m("div", R({
               key: k.value[U].id,
               ref_for: !0
             }, k.value[U]), B(e.getResultValue(G)), 17))
@@ -575,7 +575,7 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
       ], 16)) : I("", !0)
     ], 2));
   }
-}), Se = (e, u) => {
+}), Ce = (e, u) => {
   const t = e.__vccOpts || e;
   for (const [n, a] of u)
     t[n] = a;
@@ -584,21 +584,21 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
   __name: "VxVueTransition",
   props: { name: { type: String, required: !0, validator: (e) => ["appear", "vert-fade"].includes(e) } },
   setup(e) {
-    return (u, t) => (d(), Z(Le, { name: e.name }, {
+    return (u, t) => (c(), Z(Te, { name: e.name }, {
       default: te(() => [
         L(u.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["name"]));
   }
-}, pe = /* @__PURE__ */ Se(st, [["__scopeId", "data-v-d4ea10e0"]]), nt = {
+}, be = /* @__PURE__ */ Ce(st, [["__scopeId", "data-v-d4ea10e0"]]), nt = {
   key: 0,
   class: "fixed inset-0 z-50 bg-black/50 backdrop-blur-xs",
   "aria-hidden": "true"
 }, ot = {
   key: 0,
   class: "overflow-y-auto fixed inset-0 z-50"
-}, rt = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, ut = { key: 0 }, it = { class: "inline-block overflow-hidden text-left align-bottom bg-white rounded-sm shadow-xl transition-all transform sm:my-8 sm:w-full sm:max-w-sm sm:align-middle lg:max-w-lg" }, dt = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, ct = { class: "flex flex-row items-center" }, vt = { class: "shrink-0" }, mt = { class: "grow text-center" }, ft = ["onClick"], Cl = {
+}, rt = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, ut = { key: 0 }, it = { class: "inline-block overflow-hidden text-left align-bottom bg-white rounded-sm shadow-xl transition-all transform sm:my-8 sm:w-full sm:max-w-sm sm:align-middle lg:max-w-lg" }, dt = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, ct = { class: "flex flex-row items-center" }, vt = { class: "shrink-0" }, mt = { class: "grow text-center" }, ft = ["onClick"], Sl = {
   __name: "Confirm",
   props: {
     buttons: {
@@ -617,29 +617,29 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
   },
   setup(e, { expose: u }) {
     const t = e, n = $(""), a = $(""), l = $(!1);
-    let c = null, s = null;
-    const o = z(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), r = $(null), i = (x, y) => {
-      l.value = !1, x.value !== void 0 ? x.value ? c() : s() : y ? s() : c();
+    let i = null, s = null;
+    const o = z(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), r = $(null), d = (x, y) => {
+      l.value = !1, x.value !== void 0 ? x.value ? i() : s() : y ? s() : i();
     };
-    return u({ open: (x, y) => (n.value = x, a.value = y, l.value = !0, ve(() => r.value.firstElementChild.focus()), new Promise((b, T) => {
-      c = b, s = T;
-    })) }), (x, y) => (d(), m(E, null, [
-      l.value ? (d(), m("div", nt)) : I("", !0),
-      Y(pe, { name: "appear" }, {
+    return u({ open: (x, y) => (n.value = x, a.value = y, l.value = !0, fe(() => r.value.firstElementChild.focus()), new Promise((b, T) => {
+      i = b, s = T;
+    })) }), (x, y) => (c(), m(O, null, [
+      l.value ? (c(), m("div", nt)) : I("", !0),
+      Y(be, { name: "appear" }, {
         default: te(() => [
-          l.value ? (d(), m("div", ot, [
+          l.value ? (c(), m("div", ot, [
             v("div", rt, [
-              l.value ? (d(), m("div", ut, [
+              l.value ? (c(), m("div", ut, [
                 y[0] || (y[0] = v("span", {
                   class: "hidden sm:inline-block sm:h-screen sm:align-middle",
                   "aria-hidden": "true"
                 }, "​", -1)),
                 v("div", it, [
-                  n.value || x.$slots.title ? (d(), m("h3", {
+                  n.value || x.$slots.title ? (c(), m("h3", {
                     key: 0,
                     class: C(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
-                    L(x.$slots, "title", {}, () => [
+                    L(x.$slots, "title", { title: n.value }, () => [
                       J(B(n.value), 1)
                     ])
                   ], 2)) : I("", !0),
@@ -649,7 +649,7 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
                         L(x.$slots, "icon")
                       ]),
                       v("p", mt, [
-                        L(x.$slots, "default", {}, () => [
+                        L(x.$slots, "default", { message: a.value }, () => [
                           J(B(a.value), 1)
                         ])
                       ])
@@ -659,10 +659,10 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
                       ref: r,
                       class: "flex justify-center mt-5 space-x-2 sm:mt-6"
                     }, [
-                      (d(!0), m(E, null, j(o.value, (b, T) => (d(), m("button", {
+                      (c(!0), m(O, null, j(o.value, (b, T) => (c(), m("button", {
                         key: b.label,
                         class: C([e.buttonClass, b.class]),
-                        onClick: _((p) => i(b, T), ["prevent"])
+                        onClick: _((p) => d(b, T), ["prevent"])
                       }, B(b.label), 11, ft))), 128))
                     ], 512)
                   ])
@@ -678,32 +678,32 @@ const tt = ["value", "onKeydown"], lt = { class: "flex absolute inset-y-0 right-
 };
 function ht(e, u) {
   const t = $(!1), n = F(u);
-  let a, l = n.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
+  let a, l = n.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = [];
   if ((a = n.match(/\bd\b/gi)) && a.length === 1)
     l = l.replace("d", "(\\d{1,2})");
   else if ((a = n.match(/\bdd\b/gi)) && a.length === 1)
     l = l.replace("dd", "(\\d{2})");
   else
     return { date: t };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("d"), destPos: 2 }), (a = n.match(/\bm\b/gi)) && a.length === 1)
+  if (i.push({ srcPos: n.toLowerCase().indexOf("d"), destPos: 2 }), (a = n.match(/\bm\b/gi)) && a.length === 1)
     l = l.replace("m", "(\\d{1,2})");
   else if ((a = n.match(/\bmm\b/gi)) && a.length === 1)
     l = l.replace("mm", "(\\d{2})");
   else
     return { date: t };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("m"), destPos: 1 }), (a = n.match(/\byyyy\b/gi)) && a.length === 1)
+  if (i.push({ srcPos: n.toLowerCase().indexOf("m"), destPos: 1 }), (a = n.match(/\byyyy\b/gi)) && a.length === 1)
     l = l.replace("yyyy", "(\\d{4})");
   else
     return { date: t };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("y"), destPos: 0 }), !(a = F(e).match(l)))
+  if (i.push({ srcPos: n.toLowerCase().indexOf("y"), destPos: 0 }), !(a = F(e).match(l)))
     return { date: t };
-  a.shift(), c.sort((i, f) => i.srcPos < f.srcPos ? -1 : 1);
+  a.shift(), i.sort((d, f) => d.srcPos < f.srcPos ? -1 : 1);
   let s = [], o, r;
   for (; o = a.shift(); )
-    r = c.shift(), s[r.destPos] = o;
+    r = i.shift(), s[r.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 pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const pt = { class: "text-vxvue-700" }, gt = ["disabled"], bt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "DateInput",
   props: {
     outputFormat: { type: String, default: "YYYY-MM-DD" },
@@ -713,55 +713,61 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
   },
   emits: ["update:modelValue", "toggle-datepicker"],
   setup(e, { emit: u }) {
-    const t = u, n = e, a = $(""), l = z(() => n.modelValue ? ge(n.modelValue, n.outputFormat) : ""), c = z(() => {
+    const t = u, n = e, a = $(""), l = z(() => n.modelValue ? xe(n.modelValue, n.outputFormat) : ""), i = z(() => {
       let s = Object.assign({}, K());
       return delete s.class, s;
     });
-    return X(() => n.modelValue, (s) => a.value = s ? ge(s, n.outputFormat) : ""), (s, o) => (d(), m("div", {
+    return X(() => n.modelValue, (s) => a.value = s ? xe(s, n.outputFormat) : ""), (s, o) => (c(), m("div", {
       class: C(["inline-block relative", s.$attrs.class])
     }, [
-      l.value ? (d(), m("div", pt, [
+      ue(v("div", null, [
         v("div", {
           class: C(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showToggle }])
         }, [
-          v("span", gt, B(l.value), 1),
-          c.value.disabled ? I("", !0) : (d(), m("button", {
+          v("span", pt, B(l.value), 1),
+          i.value.disabled ? I("", !0) : (c(), m("button", {
             key: 0,
             class: "inline-flex shrink-0 justify-center items-center ml-2 rounded-full focus:text-white focus:outline-hidden size-4 text-vxvue hover:bg-vxvue-100 hover:text-vue-700 focus:bg-vxvue-700",
             onClick: o[0] || (o[0] = (r) => t("update:modelValue", null))
           }, [
-            Y(D(fe), { class: "size-4" })
+            Y(A(pe), { class: "size-4" })
           ]))
         ], 2)
-      ])) : xe((d(), m("input", R({
-        key: 1,
-        "onUpdate:modelValue": o[1] || (o[1] = (r) => a.value = r),
-        type: "text",
-        class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showToggle }]
-      }, c.value, {
-        onBlur: o[2] || (o[2] = (r) => {
-          var i;
-          return t("update:modelValue", ((i = D(ht)(a.value, n.inputFormat).date) == null ? void 0 : i.value) || null);
-        }),
-        onInput: o[3] || (o[3] = _(() => {
-        }, ["prevent"]))
-      }), null, 16)), [
-        [Te, a.value]
+      ], 512), [
+        [me, l.value]
+      ]),
+      ue(v("div", null, [
+        ue(v("input", R({
+          "onUpdate:modelValue": o[1] || (o[1] = (r) => a.value = r),
+          type: "text",
+          class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showToggle }]
+        }, i.value, {
+          onBlur: o[2] || (o[2] = (r) => {
+            var d;
+            return t("update:modelValue", ((d = A(ht)(a.value, n.inputFormat).date) == null ? void 0 : d.value) || null);
+          }),
+          onInput: o[3] || (o[3] = _(() => {
+          }, ["prevent"]))
+        }), null, 16), [
+          [Pe, a.value]
+        ])
+      ], 512), [
+        [me, !l.value]
       ]),
-      e.showToggle ? (d(), m("button", {
-        key: 2,
+      e.showToggle ? (c(), m("button", {
+        key: 0,
         ref: "toggleButton",
-        class: C(["flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700", c.value.disabled ? "cursor-not-allowed" : "hover:text-vxvue"]),
-        disabled: c.value.disabled,
+        class: C(["flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700", i.value.disabled ? "cursor-not-allowed" : "hover:text-vxvue"]),
+        disabled: i.value.disabled,
         "aria-label": "datepicker-toggle",
         onClick: o[4] || (o[4] = _((r) => t("toggle-datepicker"), ["stop"]))
       }, [
-        Y(D(Ie), { class: "size-6" })
-      ], 10, bt)) : I("", !0),
+        Y(A(Ie), { class: "size-6" })
+      ], 10, gt)) : I("", !0),
       L(s.$slots, "default")
     ], 2));
   }
-}), yt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, wt = { class: "flex justify-between w-1/2" }, kt = { class: "flex justify-between w-1/2" }, $t = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, St = ["disabled", "onClick"], Ct = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, Mt = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, Vt = ["onClick"], Ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), xt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, yt = { class: "flex justify-between w-1/2" }, wt = { class: "flex justify-between w-1/2" }, kt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, $t = ["disabled", "onClick"], St = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, Ct = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, Mt = ["onClick"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Datepicker",
   props: {
     modelValue: { type: [Date, Array], default: null, validator: (e, u) => e instanceof Date && u.maxNumberOfValues === 1 || e.every((t) => t instanceof Date || t === null) && e.length <= u.maxNumberOfValues },
@@ -780,7 +786,7 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
     const t = e, n = u, a = (() => {
       const h = /* @__PURE__ */ new Date();
       return new Date(h.getFullYear(), h.getMonth(), h.getDate());
-    })(), l = $(null), c = $([]), s = $(!1), o = $("days"), r = $(0), i = $({ horiz: "left-0", vert: "top-0" }), f = $(null), x = $(null), y = $(null), b = z(() => t.hasInput && t.maxNumberOfValues === 1), T = z(() => b.value ? { class: ["absolute", s.value ? "block" : "hidden"] } : {}), p = z(() => {
+    })(), l = $(null), i = $([]), s = $(!1), o = $("days"), r = $(0), d = $({ horiz: "left-0", vert: "top-0" }), f = $(null), x = $(null), y = $(null), b = z(() => t.hasInput && t.maxNumberOfValues === 1), T = z(() => b.value ? { class: ["absolute", s.value ? "block" : "hidden"] } : {}), p = z(() => {
       const h = [], g = l.value.getFullYear(), w = l.value.getMonth(), N = new Date(g, w + 1, 0), q = new Date(g, w, 0).getDay() + 1 - t.startOfWeekIndex, ae = (6 + t.startOfWeekIndex - N.getDay()) % 7;
       for (let Q = -q, V = N.getDate() + ae; Q < V; ++Q)
         h.push(new Date(g, w, Q + 1));
@@ -789,28 +795,28 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
     X(() => t.modelValue, (h) => {
       if (h)
         if (Array.isArray(h)) {
-          const g = [], w = c.value;
+          const g = [], w = i.value;
           h.forEach((N) => {
             N && g.push(new Date(N.getFullYear(), N.getMonth(), N.getDate()));
-          }), (g.length !== w.length || ![.../* @__PURE__ */ new Set([...g, ...w])].every((N) => g.filter((q) => q.getTime() === N.getTime()).length === w.filter((q) => q.getTime() === N.getTime()).length)) && (c.value = g, l.value = new Date((g[0] || a).getTime()), l.value.setDate(1));
+          }), (g.length !== w.length || ![.../* @__PURE__ */ new Set([...g, ...w])].every((N) => g.filter((q) => q.getTime() === N.getTime()).length === w.filter((q) => q.getTime() === N.getTime()).length)) && (i.value = g, l.value = new Date((g[0] || a).getTime()), l.value.setDate(1));
         } else
-          c.value = [new Date(h.getFullYear(), h.getMonth(), h.getDate())], l.value = new Date(h.getFullYear(), h.getMonth(), 1);
+          i.value = [new Date(h.getFullYear(), h.getMonth(), h.getDate())], l.value = new Date(h.getFullYear(), h.getMonth(), 1);
       else
-        c.value = [], l.value = new Date(a.getFullYear(), a.getMonth(), 1);
+        i.value = [], l.value = new Date(a.getFullYear(), a.getMonth(), 1);
     }, { immediate: !0 }), X(() => t.shownMonth, (h) => {
       l.value = new Date((h || a).getTime()), l.value.setDate(1);
     }, { immediate: !0 }), X(s, (h) => {
-      h && b.value && ve(() => {
+      h && b.value && fe(() => {
         const g = f.value.$el.getBoundingClientRect(), w = x.value.getBoundingClientRect();
-        i.value = {
+        d.value = {
           horiz: g.right - w.width < 0 ? "left-0" : "right-0",
           vert: g.bottom + w.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12"
         };
       });
-    }), he(x, () => {
+    }), ge(x, () => {
       s.value = !1, o.value = "days";
     }, { ignore: [y] });
-    const A = (h) => {
+    const D = (h) => {
       l.value = new Date(l.value.getFullYear(), h, 1), n("month-change", l.value);
     }, W = (h) => {
       l.value = new Date(h, l.value.getMonth(), 1), n("year-change", l.value);
@@ -818,12 +824,12 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
       if (s.value = !1, t.maxNumberOfValues === 1)
         n("update:modelValue", h);
       else {
-        const g = c.value;
+        const g = i.value;
         let w = g.findIndex((N) => N.getTime() === h.getTime());
         w !== -1 ? g.splice(w, 1) : g.length < t.maxNumberOfValues && g.push(h), n("update:modelValue", g);
       }
-    }, M = (h) => c.value.find((g) => (g == null ? void 0 : g.getTime()) === h.getTime()), O = (h) => {
-      const g = h.getMonth() !== l.value.getMonth(), w = M(h), N = h.getTime() === a.getTime(), q = t.validFrom && t.validFrom > h || t.validUntil && t.validUntil < h, ae = !w && t.maxNumberOfValues > 1 && c.value.length === t.maxNumberOfValues, Q = t.highlightRange && h > Math.min(...c.value) && h < Math.max(...c.value);
+    }, M = (h) => i.value.find((g) => (g == null ? void 0 : g.getTime()) === h.getTime()), E = (h) => {
+      const g = h.getMonth() !== l.value.getMonth(), w = M(h), N = h.getTime() === a.getTime(), q = t.validFrom && t.validFrom > h || t.validUntil && t.validUntil < h, ae = !w && t.maxNumberOfValues > 1 && i.value.length === t.maxNumberOfValues, Q = t.highlightRange && h > Math.min(...i.value) && h < Math.max(...i.value);
       return {
         "cursor-not-allowed": q || ae,
         "text-vxvue-700": !q && !g && !N && !w,
@@ -835,16 +841,16 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
         "bg-vxvue-100/50": Q && !N && !w
       };
     };
-    return me(() => {
+    return he(() => {
       var h;
       return y.value = (h = f.value) == null ? void 0 : h.$refs.toggleButton;
-    }), (h, g) => (d(), m("div", {
+    }), (h, g) => (c(), m("div", {
       class: C(["relative", h.$attrs.class])
     }, [
-      b.value ? (d(), Z(xt, R({ key: 0 }, h.$attrs, {
+      b.value ? (c(), Z(bt, R({ key: 0 }, h.$attrs, {
         ref_key: "input",
         ref: f,
-        "model-value": c.value[0],
+        "model-value": i.value[0],
         "show-toggle": !0,
         class: "w-full",
         onToggleDatepicker: g[0] || (g[0] = (w) => s.value = !s.value),
@@ -858,31 +864,31 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
       v("div", R(T.value, {
         ref_key: "calendar",
         ref: x,
-        class: ["overflow-hidden z-10 bg-white rounded-sm shadow-md min-w-72 sm:min-w-80", [i.value.horiz, i.value.vert]]
+        class: ["overflow-hidden z-10 bg-white rounded-sm shadow-md min-w-72 sm:min-w-80", [d.value.horiz, d.value.vert]]
       }), [
-        o.value === "days" ? (d(), m(E, { key: 0 }, [
-          v("div", yt, [
-            v("div", wt, [
+        o.value === "days" ? (c(), m(O, { key: 0 }, [
+          v("div", xt, [
+            v("div", yt, [
               v("button", {
                 class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                onClick: g[1] || (g[1] = _((w) => A(l.value.getMonth() - 1), ["stop"]))
+                onClick: g[1] || (g[1] = _((w) => D(l.value.getMonth() - 1), ["stop"]))
               }, [
-                Y(D(ie), { class: "size-6" })
+                Y(A(de), { class: "size-6" })
               ]),
               v("span", null, B(l.value.toLocaleString(e.locale, { month: "long" })), 1),
               v("button", {
                 class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                onClick: g[2] || (g[2] = _((w) => A(l.value.getMonth() + 1), ["stop"]))
+                onClick: g[2] || (g[2] = _((w) => D(l.value.getMonth() + 1), ["stop"]))
               }, [
-                Y(D(re), { class: "size-6" })
+                Y(A(re), { class: "size-6" })
               ])
             ]),
-            v("div", kt, [
+            v("div", wt, [
               v("button", {
                 class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
                 onClick: g[3] || (g[3] = _((w) => W(l.value.getFullYear() - 1), ["stop"]))
               }, [
-                Y(D(ie), { class: "size-6" })
+                Y(A(de), { class: "size-6" })
               ]),
               v("button", {
                 class: "text-vxvue-100 hover:text-vxvue-50",
@@ -894,41 +900,41 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
                 class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
                 onClick: g[5] || (g[5] = _((w) => W(l.value.getFullYear() + 1), ["stop"]))
               }, [
-                Y(D(re), { class: "size-6" })
+                Y(A(re), { class: "size-6" })
               ])
             ])
           ]),
-          v("div", $t, [
-            (d(!0), m(E, null, j(k.value, (w, N) => (d(), m("div", {
+          v("div", kt, [
+            (c(!0), m(O, null, j(k.value, (w, N) => (c(), m("div", {
               key: N,
               class: "py-2 text-center bg-gray-200"
             }, B(w), 1))), 128)),
-            (d(!0), m(E, null, j(p.value, (w) => (d(), m("button", {
+            (c(!0), m(O, null, j(p.value, (w) => (c(), m("button", {
               key: w,
-              class: C(["py-2 rounded-xs block text-center", O(w)]),
-              disabled: e.validFrom && e.validFrom > w || e.validUntil && e.validUntil < w || e.maxNumberOfValues > 1 && c.value.length === e.maxNumberOfValues && !M(w),
+              class: C(["py-2 rounded-xs block text-center", E(w)]),
+              disabled: e.validFrom && e.validFrom > w || e.validUntil && e.validUntil < w || e.maxNumberOfValues > 1 && i.value.length === e.maxNumberOfValues && !M(w),
               onClick: _((N) => S(w), ["stop"])
-            }, B(w.getDate()), 11, St))), 128))
+            }, B(w.getDate()), 11, $t))), 128))
           ])
         ], 64)) : I("", !0),
-        o.value === "years" ? (d(), m(E, { key: 1 }, [
-          v("div", Ct, [
+        o.value === "years" ? (c(), m(O, { key: 1 }, [
+          v("div", St, [
             v("button", {
               class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
               onClick: g[6] || (g[6] = _((w) => r.value -= 10, ["stop"]))
             }, [
-              Y(D(ie), { class: "size-6" })
+              Y(A(de), { class: "size-6" })
             ]),
             v("span", null, B(r.value) + " - " + B(r.value + 9), 1),
             v("button", {
               class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
               onClick: g[7] || (g[7] = _((w) => r.value += 10, ["stop"]))
             }, [
-              Y(D(re), { class: "size-6" })
+              Y(A(re), { class: "size-6" })
             ])
           ]),
-          v("div", Mt, [
-            (d(), m(E, null, j(10, (w) => v("div", {
+          v("div", Ct, [
+            (c(), m(O, null, j(10, (w) => v("div", {
               key: w,
               class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue"
             }, [
@@ -937,14 +943,14 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
                 onClick: _((N) => {
                   W(r.value + w - 1), o.value = "days";
                 }, ["stop"])
-              }, B(r.value + w - 1), 9, Vt)
+              }, B(r.value + w - 1), 9, Mt)
             ])), 64))
           ])
         ], 64)) : I("", !0)
       ], 16)
     ], 2));
   }
-}), At = ["for"], Dt = ["id", "multiple", "accept"], Vl = {
+}), Vt = ["for"], Dt = ["id", "multiple", "accept"], Ml = {
   __name: "FormFileButton",
   props: {
     modelValue: { type: Array, default: () => [] },
@@ -955,20 +961,20 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
   },
   emits: ["update:modelValue", "form-data"],
   setup(e, { emit: u }) {
-    const t = u, n = e, a = (c) => {
+    const t = u, n = e, a = (i) => {
       const s = new FormData();
-      for (let o of c)
+      for (let o of i)
         s.append(n.name, o, o.name);
       return s;
-    }, l = (c) => {
-      const s = c.target.files || c.dataTransfer.files;
+    }, l = (i) => {
+      const s = i.target.files || i.dataTransfer.files;
       if (s) {
         const o = [...s];
         t("update:modelValue", o), t("form-data", a(o));
       }
     };
-    return (c, s) => (d(), m("label", { for: e.id }, [
-      L(c.$slots, "default", {}, () => [
+    return (i, s) => (c(), m("label", { for: e.id }, [
+      L(i.$slots, "default", {}, () => [
         s[0] || (s[0] = J("Upload"))
       ]),
       v("input", {
@@ -979,13 +985,13 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
         class: "hidden",
         onChange: l
       }, null, 40, Dt)
-    ], 8, At));
+    ], 8, Vt));
   }
-}, Lt = ["value"], Tt = {
+}, At = ["value"], Lt = {
   key: 0,
   disabled: "",
   value: ""
-}, Pt = ["selected", "value"], Bt = {
+}, Tt = ["selected", "value"], Pt = {
   __name: "FormSelect",
   props: {
     options: { type: Array, default: () => [] },
@@ -995,20 +1001,20 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
   emits: ["update:modelValue"],
   setup(e, { emit: u }) {
     const t = u;
-    return (n, a) => (d(), m("select", R(n.$attrs, {
+    return (n, a) => (c(), m("select", R(n.$attrs, {
       value: e.modelValue,
       class: "form-select",
       onChange: a[0] || (a[0] = (l) => t("update:modelValue", l.target.value))
     }), [
-      e.disabledLabel ? (d(), m("option", Tt, B(e.disabledLabel), 1)) : I("", !0),
-      (d(!0), m(E, null, j(e.options, (l) => (d(), m("option", {
+      e.disabledLabel ? (c(), m("option", Lt, B(e.disabledLabel), 1)) : I("", !0),
+      (c(!0), m(O, null, j(e.options, (l) => (c(), m("option", {
         key: l.key !== void 0 ? l.key : l.label || l,
         selected: (l.key !== void 0 ? l.key : l.label || l) === e.modelValue,
         value: l.key !== void 0 ? l.key : l.label || l
-      }, B(l.label || l), 9, Pt))), 128))
-    ], 16, Lt));
+      }, B(l.label || l), 9, Tt))), 128))
+    ], 16, At));
   }
-}, zt = ["aria-checked", "aria-label"], It = ["d"], Nt = ["checked"], Al = {
+}, Bt = ["aria-checked", "aria-label"], zt = ["d"], It = ["checked"], Vl = {
   __name: "FormSwitch",
   props: { modelValue: Boolean },
   emits: ["update:modelValue"],
@@ -1017,7 +1023,7 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
       let l = Object.assign({}, K());
       return delete l.class, l;
     }), a = z(() => K().disabled || K().disabled === "");
-    return (l, c) => (d(), m("label", {
+    return (l, i) => (c(), m("label", {
       class: C(l.$attrs.class),
       tabindex: "0"
     }, [
@@ -1039,7 +1045,7 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
           ])
         }, [
           L(l.$slots, "handle", {}, () => [
-            (d(), m("svg", {
+            (c(), m("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
@@ -1051,7 +1057,7 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 d: e.modelValue ? "M12 18 V6" : "m18.5 12 c0 3.5 -3 6.5 -6.5 6.5 -3.5 0 -6.5 -3 -6.5 -6.5 0 -3.5 3 -6.5 6.5 -6.5 3.5 0 6.5 3 6.5 6.5z"
-              }, null, 8, It)
+              }, null, 8, zt)
             ], 2))
           ])
         ], 2),
@@ -1060,16 +1066,16 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
           class: "hidden",
           value: "1",
           type: "checkbox",
-          onChange: c[0] || (c[0] = (s) => t("update:modelValue", s.target.checked))
-        }), null, 16, Nt)
-      ], 10, zt),
+          onChange: i[0] || (i[0] = (s) => t("update:modelValue", s.target.checked))
+        }), null, 16, It)
+      ], 10, Bt),
       L(l.$slots, "default")
     ], 2));
   }
-}, Et = {
+}, Nt = {
   "aria-live": "assertive",
   class: "flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"
-}, Ft = { class: "flex flex-col items-center space-y-4 w-full" }, Ot = { class: "p-4" }, _t = { class: "flex items-start" }, jt = { class: "shrink-0" }, Yt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Rt = { class: "font-bold" }, Ht = { class: "mt-1" }, Zt = { class: "flex shrink-0 ml-4" }, Dl = /* @__PURE__ */ Object.assign({
+}, Ot = { class: "flex flex-col items-center space-y-4 w-full" }, Ft = { class: "p-4" }, Et = { class: "flex items-start" }, _t = { class: "shrink-0" }, jt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Yt = { class: "font-bold" }, Rt = { class: "mt-1" }, Ht = { class: "flex shrink-0 ml-4" }, Dl = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "MessageToast",
@@ -1083,48 +1089,48 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
   emits: ["timeout", "close"],
   setup(e, { emit: u }) {
     const t = e, n = u, a = z(() => typeof t.message == "string" ? [t.message] : t.message), l = $(0);
-    let c = null;
+    let i = null;
     const s = () => {
-      window.clearTimeout(c), l.value = 100, t.active && t.timeout && (c = window.setTimeout(() => {
+      window.clearTimeout(i), l.value = 100, t.active && t.timeout && (i = window.setTimeout(() => {
         n("timeout");
       }, t.timeout), window.setTimeout(() => l.value = 0, 0));
     };
-    return X(() => t.active, s), me(s), (o, r) => (d(), m("div", Et, [
-      v("div", Ft, [
-        Y(pe, { name: "vert-fade" }, {
+    return X(() => t.active, s), he(s), (o, r) => (c(), m("div", Nt, [
+      v("div", Ot, [
+        Y(be, { name: "vert-fade" }, {
           default: te(() => [
-            e.active ? (d(), m("div", {
+            e.active ? (c(), m("div", {
               key: 0,
               class: C(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black/5 shadow-lg pointer-events-auto", o.$attrs.class])
             }, [
-              v("div", Ot, [
-                v("div", _t, [
-                  v("div", jt, [
+              v("div", Ft, [
+                v("div", Et, [
+                  v("div", _t, [
                     L(o.$slots, "icon")
                   ]),
-                  v("div", Yt, [
+                  v("div", jt, [
                     L(o.$slots, "title", {}, () => [
-                      v("div", Rt, B(e.title), 1)
+                      v("div", Yt, B(e.title), 1)
                     ]),
                     L(o.$slots, "default", {}, () => [
-                      (d(!0), m(E, null, j(a.value, (i) => (d(), m("p", Ht, B(i), 1))), 256))
+                      (c(!0), m(O, null, j(a.value, (d) => (c(), m("p", Rt, B(d), 1))), 256))
                     ])
                   ]),
-                  v("div", Zt, [
+                  v("div", Ht, [
                     v("button", {
                       class: "inline-flex text-white bg-black/20 rounded-xs focus:ring-2 focus:outline-hidden hover:text-stone-200 focus:ring-stone-200",
-                      onClick: r[0] || (r[0] = (i) => n("close"))
+                      onClick: r[0] || (r[0] = (d) => n("close"))
                     }, [
                       r[1] || (r[1] = v("span", { class: "sr-only" }, "Close", -1)),
-                      Y(D(fe), { class: "size-5" })
+                      Y(A(pe), { class: "size-5" })
                     ])
                   ])
                 ])
               ]),
-              e.showTimeoutProgress && e.timeout ? (d(), m("div", {
+              e.showTimeoutProgress && e.timeout ? (c(), m("div", {
                 key: 0,
                 class: "h-1 transition-all ease-linear bg-vxvue-alt",
-                style: ye({
+                style: we({
                   width: l.value + "%",
                   "transition-duration": e.timeout + "ms"
                 }),
@@ -1139,14 +1145,14 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
       ])
     ]));
   }
-}), Wt = {
+}), Zt = {
   key: 0,
   class: "fixed inset-0 z-9998 bg-white/50 backdrop-blur-xs",
   "aria-hidden": "true"
-}, qt = {
+}, Wt = {
   key: 0,
   class: "fixed inset-0 z-9999"
-}, Ut = { class: "flex justify-center items-center h-screen" }, Ll = {
+}, qt = { class: "flex justify-center items-center h-screen" }, Al = {
   __name: "Modal",
   props: {
     show: Boolean,
@@ -1157,12 +1163,12 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
   emits: ["clicked-outside"],
   setup(e, { emit: u }) {
     const t = u, n = $(null);
-    return he(n, () => t("clicked-outside")), (a, l) => (d(), m(E, null, [
-      e.show ? (d(), m("div", Wt)) : I("", !0),
-      Y(pe, { name: "appear" }, {
+    return ge(n, () => t("clicked-outside")), (a, l) => (c(), m(O, null, [
+      e.show ? (c(), m("div", Zt)) : I("", !0),
+      Y(be, { name: "appear" }, {
         default: te(() => [
-          e.show ? (d(), m("div", qt, [
-            v("div", Ut, [
+          e.show ? (c(), m("div", Wt, [
+            v("div", qt, [
               v("div", {
                 ref_key: "container",
                 ref: n,
@@ -1186,7 +1192,7 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
       })
     ], 64));
   }
-}, Kt = { class: "flex justify-between items-center px-4 sm:px-0" }, Xt = { class: "flex flex-1 -mt-px w-0" }, Gt = ["disabled"], Jt = { class: "hidden md:flex md:-mt-px" }, Qt = { class: "flex flex-1 justify-end -mt-px w-0" }, el = ["disabled"], Tl = {
+}, Ut = { class: "flex justify-between items-center px-4 sm:px-0" }, Kt = { class: "flex flex-1 -mt-px w-0" }, Xt = ["disabled"], Gt = { class: "hidden md:flex md:-mt-px" }, Jt = { class: "flex flex-1 justify-end -mt-px w-0" }, Qt = ["disabled"], Ll = {
   __name: "Pagination",
   props: {
     page: { type: Number, default: 1 },
@@ -1200,26 +1206,26 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
   },
   emits: ["update:page"],
   setup(e, { emit: u }) {
-    const t = u, n = e, a = $(Math.ceil(n.total / n.perPage)), l = $(null), c = z(() => (n.markerPosition === "above" ? "border-t-4 -mt-[4px]" : "border-b-4 -mb-[4px]") + " py-4"), s = z(() => {
-      let i = [1];
+    const t = u, n = e, a = $(Math.ceil(n.total / n.perPage)), l = $(null), i = z(() => (n.markerPosition === "above" ? "border-t-4 -mt-[4px]" : "border-b-4 -mb-[4px]") + " py-4"), s = z(() => {
+      let d = [1];
       if (n.showAllPages || a.value <= 7) {
         for (let f = 2; f <= a.value; ++f)
-          i.push(f);
-        return i;
+          d.push(f);
+        return d;
       }
-      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;
+      return l.value >= a.value ? d.push("dots", l.value - 2, l.value - 1) : l.value - 1 && l.value - 1 > 1 && (l.value > 1 && d.push("dots"), d.push(l.value - 1)), l.value > 1 && d.push(l.value), l.value + 1 < a.value && (d.push(l.value + 1), l.value <= 1 && d.push(l.value + 2), l.value + 2 < a.value && d.push("dots")), l.value < a.value && d.push(a.value), d;
     }), o = () => {
       l.value > 1 && t("update:page", l.value - 1);
     }, r = () => {
       l.value < a.value && t("update:page", l.value + 1);
     };
-    return X(() => n.page, (i) => l.value = Math.min(Math.max(i, 1), a.value), { immediate: !0 }), X(() => n.perPage, (i) => {
+    return X(() => n.page, (d) => l.value = Math.min(Math.max(d, 1), a.value), { immediate: !0 }), X(() => n.perPage, (d) => {
       a.value = Math.ceil(n.total / n.perPage), t("update:page", 1);
-    }), X(() => n.total, (i) => {
+    }), X(() => n.total, (d) => {
       a.value = Math.ceil(n.total / n.perPage), l.value > a.value && t("update:page", a.value);
-    }), (i, f) => (d(), m("nav", Kt, [
-      v("div", Xt, [
-        e.showNavButtons ? (d(), m("button", {
+    }), (d, f) => (c(), m("nav", Ut, [
+      v("div", Kt, [
+        e.showNavButtons ? (c(), m("button", {
           key: 0,
           disabled: l.value <= 1,
           class: C([
@@ -1228,17 +1234,17 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
           ]),
           onClick: o
         }, [
-          Y(D(ie), { class: "size-5" }),
+          Y(A(de), { class: "size-5" }),
           J(" " + B(e.prevText), 1)
-        ], 10, Gt)) : I("", !0)
+        ], 10, Xt)) : I("", !0)
       ]),
-      v("div", Jt, [
-        (d(!0), m(E, null, j(s.value, (x, y) => (d(), Z(de(e.page !== "dots" ? "button" : "span"), {
+      v("div", Gt, [
+        (c(!0), m(O, null, j(s.value, (x, y) => (c(), Z(ce(e.page !== "dots" ? "button" : "span"), {
           key: y,
           class: C([
             { "pointer-events-none": x === "dots" },
             x === l.value ? "border-vxvue text-vxvue font-bold" : "border-transparent text-gray-500 hover:border-gray-300",
-            c.value,
+            i.value,
             "inline-flex items-center px-4 text-sm"
           ]),
           onClick: (b) => x !== "dots" ? t("update:page", x) : null
@@ -1249,8 +1255,8 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
           _: 2
         }, 1032, ["class", "onClick"]))), 128))
       ]),
-      v("div", Qt, [
-        e.showNavButtons ? (d(), m("button", {
+      v("div", Jt, [
+        e.showNavButtons ? (c(), m("button", {
           key: 0,
           disabled: l.value >= a.value,
           class: C([
@@ -1260,14 +1266,14 @@ const pt = { key: 0 }, gt = { class: "text-vxvue-700" }, bt = ["disabled"], xt =
           onClick: r
         }, [
           J(B(e.nextText) + " ", 1),
-          Y(D(re), { class: "size-5" })
-        ], 10, el)) : I("", !0)
+          Y(A(re), { class: "size-5" })
+        ], 10, Qt)) : I("", !0)
       ])
     ]));
   }
 };
-function tl(e, u) {
-  return d(), m("svg", {
+function el(e, u) {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1283,8 +1289,8 @@ function tl(e, u) {
     })
   ]);
 }
-function ll(e, u) {
-  return d(), m("svg", {
+function tl(e, u) {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1305,7 +1311,7 @@ function ll(e, u) {
     })
   ]);
 }
-const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const ll = ["value", "type"], al = ["disabled"], Tl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "PasswordInput",
   props: { modelValue: { type: String, default: "" } },
   emits: ["update:modelValue"],
@@ -1314,7 +1320,7 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
       let l = Object.assign({}, K());
       return delete l.class, l;
     });
-    return (l, c) => (d(), m("div", {
+    return (l, i) => (c(), m("div", {
       class: C("inline-block relative " + K().class)
     }, [
       v("input", R({
@@ -1322,28 +1328,28 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
         type: n.value ? "text" : "password"
       }, a.value, {
         class: "block pr-12 w-full form-input peer",
-        onInput: c[0] || (c[0] = (s) => t("update:modelValue", s.target.value))
-      }), null, 16, al),
+        onInput: i[0] || (i[0] = (s) => t("update:modelValue", s.target.value))
+      }), null, 16, ll),
       v("button", {
         class: "flex absolute inset-y-0 right-0 items-center px-3 text-brand-700 hover:text-brand",
         "aria-label": "show-password-toggle",
         disabled: K().disabled ?? !1,
-        onClick: c[1] || (c[1] = _((s) => n.value = !n.value, ["stop"]))
+        onClick: i[1] || (i[1] = _((s) => n.value = !n.value, ["stop"]))
       }, [
-        n.value ? (d(), Z(D(tl), {
+        n.value ? (c(), Z(A(el), {
           key: 0,
           class: "size-5"
-        })) : (d(), Z(D(ll), {
+        })) : (c(), Z(A(tl), {
           key: 1,
           class: "size-5"
         }))
-      ], 8, sl)
+      ], 8, al)
     ], 2));
   }
-}), nl = { class: "flex items-center pb-1" }, ol = {
+}), sl = { class: "flex items-center pb-1" }, nl = {
   key: 0,
   class: "ml-6"
-}, Bl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "SimpleTree",
   props: {
     branch: { type: Object, default: () => ({}) },
@@ -1352,24 +1358,24 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
   emits: ["update:modelValue", "expand"],
   setup(e, { emit: u }) {
     const t = e, n = u, a = $(!1);
-    return me(() => {
+    return he(() => {
       t.branch === t.modelValue && n("expand", !0);
-    }), (l, c) => {
-      const s = Pe("simple-tree", !0);
-      return d(), m("div", {
+    }), (l, i) => {
+      const s = Be("simple-tree", !0);
+      return c(), m("div", {
         class: C([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", l.$attrs.class])
       }, [
-        v("div", nl, [
-          e.branch.branches && e.branch.branches.length ? (d(), m("button", {
+        v("div", sl, [
+          e.branch.branches && e.branch.branches.length ? (c(), m("button", {
             key: 0,
             class: "mr-2",
-            onClick: c[0] || (c[0] = (o) => a.value = !a.value)
+            onClick: i[0] || (i[0] = (o) => a.value = !a.value)
           }, [
             L(l.$slots, "toggle", {
               branch: e.branch,
               expanded: a.value
             }, () => [
-              (d(), Z(de(a.value ? D(Oe) : D(_e)), { class: "p-1 text-white rounded-xs size-5 bg-vxvue-700 hover:bg-vxvue" }))
+              (c(), Z(ce(a.value ? A(Ee) : A(_e)), { class: "p-1 text-white rounded-xs size-5 bg-vxvue-700 hover:bg-vxvue" }))
             ])
           ])) : I("", !0),
           e.branch === e.modelValue ? L(l.$slots, "label-selected", {
@@ -1377,61 +1383,61 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
             branch: e.branch
           }, () => [
             v("strong", null, B(e.branch.label), 1)
-          ]) : (d(), m("button", {
+          ]) : (c(), m("button", {
             key: 2,
-            onClick: c[1] || (c[1] = (o) => n("update:modelValue", e.branch))
+            onClick: i[1] || (i[1] = (o) => n("update:modelValue", e.branch))
           }, [
             L(l.$slots, "label", { branch: e.branch }, () => [
               J(B(e.branch.label), 1)
             ])
           ]))
         ]),
-        e.branch.branches && e.branch.branches.length ? xe((d(), m("div", ol, [
-          (d(!0), m(E, null, j(e.branch.branches, (o) => (d(), Z(s, {
+        e.branch.branches && e.branch.branches.length ? ue((c(), m("div", nl, [
+          (c(!0), m(O, null, j(e.branch.branches, (o) => (c(), Z(s, {
             key: o.id || o.key || null,
             branch: o,
             "model-value": e.modelValue,
-            "onUpdate:modelValue": c[2] || (c[2] = (r) => n("update:modelValue", r)),
-            onExpand: c[3] || (c[3] = (r) => {
+            "onUpdate:modelValue": i[2] || (i[2] = (r) => n("update:modelValue", r)),
+            onExpand: i[3] || (i[3] = (r) => {
               a.value = r, n("expand", r);
             })
-          }, Be({ _: 2 }, [
-            j(l.$slots, (r, i) => ({
-              name: i,
+          }, ze({ _: 2 }, [
+            j(l.$slots, (r, d) => ({
+              name: d,
               fn: te((f) => [
-                L(l.$slots, i, R({ ref_for: !0 }, f))
+                L(l.$slots, d, R({ ref_for: !0 }, f))
               ])
             }))
           ]), 1032, ["branch", "model-value"]))), 128))
         ], 512)), [
-          [ze, a.value]
+          [me, a.value]
         ]) : I("", !0)
       ], 2);
     };
   }
-}), zl = {
+}), Bl = {
   __name: "Sizable",
   props: { vertical: Boolean },
   emits: ["dragStart", "dragStop"],
   setup(e, { emit: u }) {
     const t = e, n = u, a = $(null), l = $(null);
-    let c = !1, s = {}, o = null, r = null, i = null;
+    let i = !1, s = {}, o = null, r = null, d = null;
     const f = (b) => {
       var T;
-      if (c) {
+      if (i) {
         b.preventDefault();
         const { pageX: p, pageY: k } = ((T = b.touches) == null ? void 0 : T[0]) ?? b;
-        t.vertical ? a.value.style.height = Math.min(r.height - i.height - (o.y - r.y), Math.max(0, o.height + k - s.y)) + "px" : a.value.style.width = Math.min(r.width - i.width - (o.x - r.x), Math.max(0, o.width + p - s.x)) + "px";
+        t.vertical ? a.value.style.height = Math.min(r.height - d.height - (o.y - r.y), Math.max(0, o.height + k - s.y)) + "px" : a.value.style.width = Math.min(r.width - d.width - (o.x - r.x), Math.max(0, o.width + p - s.x)) + "px";
       }
     }, x = (b) => {
       var k;
-      b.preventDefault(), b.currentTarget.focus(), c = !0;
+      b.preventDefault(), b.currentTarget.focus(), i = !0;
       const { pageX: T, pageY: p } = ((k = b.touches) == null ? void 0 : k[0]) ?? b;
-      s = { x: T, y: p }, i = l.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), r = a.value.parentElement.getBoundingClientRect(), b.type === "mousedown" ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", y)) : (document.addEventListener("touchmove", f), document.addEventListener("touchend", y)), n("dragStart");
+      s = { x: T, y: p }, d = l.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), r = a.value.parentElement.getBoundingClientRect(), b.type === "mousedown" ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", y)) : (document.addEventListener("touchmove", f), document.addEventListener("touchend", y)), n("dragStart");
     }, y = (b) => {
-      c && (c = !1, b.type === "mouseup" ? (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", y)) : (document.removeEventListener("touchmove", f), document.removeEventListener("touchend", y)), setTimeout(() => n("dragStop"), 0));
+      i && (i = !1, b.type === "mouseup" ? (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", y)) : (document.removeEventListener("touchmove", f), document.removeEventListener("touchend", y)), setTimeout(() => n("dragStop"), 0));
     };
-    return (b, T) => (d(), m("div", {
+    return (b, T) => (c(), m("div", {
       ref_key: "box",
       ref: a,
       class: "relative"
@@ -1441,7 +1447,7 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
         ref_key: "handle",
         ref: l,
         class: ["absolute flex", t.vertical ? "inset-x-0 top-full justify-center py-1 cursor-ns-resize" : "inset-y-0 left-full items-center px-1 cursor-ew-resize"]
-      }, ue({
+      }, ie({
         touchstart: x,
         mousedown: x,
         touchend: y,
@@ -1455,7 +1461,7 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
       ], 16)
     ], 512));
   }
-}, rl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], ul = ["id"], il = ["id", "aria-label"], Il = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ol = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], rl = ["id"], ul = ["id", "aria-label"], zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Slider",
   props: {
     min: { type: Number, default: 0 },
@@ -1468,39 +1474,39 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
   },
   emits: ["update:modelValue", "dragStart", "dragStop"],
   setup(e, { emit: u }) {
-    const t = e, n = u, a = K(), l = { x: null, y: null }, c = { w: null, h: null };
+    const t = e, n = u, a = K(), l = { x: null, y: null }, i = { w: null, h: null };
     let s = !1;
-    const o = $(null), r = $(0), i = z(() => {
+    const o = $(null), r = $(0), d = z(() => {
       const S = t.max, M = t.min;
-      return t.modelValue instanceof Array ? t.modelValue.map((O) => (Math.max(Math.min(O, S), M) - M) * 100 / (S - M)) : (Math.max(Math.min(t.modelValue, S), M) - M) * 100 / (S - M);
+      return t.modelValue instanceof Array ? t.modelValue.map((E) => (Math.max(Math.min(E, S), M) - M) * 100 / (S - M)) : (Math.max(Math.min(t.modelValue, S), M) - M) * 100 / (S - M);
     }), f = z(() => {
       if (t.modelValue instanceof Array) {
-        const S = Math.min(...i.value) + "%", M = Math.max(...i.value) - Math.min(...i.value) + "%";
+        const S = Math.min(...d.value) + "%", M = Math.max(...d.value) - Math.min(...d.value) + "%";
         return t.vertical ? { bottom: S, height: M } : { left: S, width: M };
       }
-      return t.vertical ? { bottom: 0, height: i.value + "%" } : { width: i.value + "%" };
+      return t.vertical ? { bottom: 0, height: d.value + "%" } : { width: d.value + "%" };
     }), 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 size-5 rounded-full border-2 bg-white transition-colors duration-200 " + (t.disabled ? "" : " focus:ring-4 focus:outline-hidden border-vxvue cursor-grab hover:bg-vxvue focus:ring-vxvue/50"),
       tabindex: 0
     }), y = (S) => {
       let M = parseFloat(S.toFixed(10));
       if (M = Math.min(t.max, Math.max(t.min, M)), t.modelValue instanceof Array) {
-        let O = [...t.modelValue];
-        O[r.value] = M, n("update:modelValue", O);
+        let E = [...t.modelValue];
+        E[r.value] = M, n("update:modelValue", E);
       } else
         n("update:modelValue", M);
     }, b = (S) => {
-      const { pageX: M, pageY: O } = S.touches ? S.touches[0] : S, h = t.vertical ? (-O + l.y) / c.h : (M - l.x) / c.w;
+      const { pageX: M, pageY: E } = S.touches ? S.touches[0] : S, h = t.vertical ? (-E + l.y) / i.h : (M - l.x) / i.w;
       y(Math.floor((t.max - t.min) * h + t.min));
     }, T = () => {
-      const { clientLeft: S, clientTop: M, scrollLeft: O, scrollTop: h } = document.documentElement, g = o.value.getBoundingClientRect();
-      l.x = g.left + O - S, l.y = g.bottom + h - M, c.w = o.value.offsetWidth, c.h = o.value.offsetHeight;
+      const { clientLeft: S, clientTop: M, scrollLeft: E, scrollTop: h } = document.documentElement, g = o.value.getBoundingClientRect();
+      l.x = g.left + E - S, l.y = g.bottom + h - M, i.w = o.value.offsetWidth, i.h = o.value.offsetHeight;
     }, p = (S) => {
       s && (S.preventDefault(), b(S));
     }, k = (S) => {
-      S.preventDefault(), S.currentTarget.focus(), T(), s = !0, S.type === "mousedown" ? (document.addEventListener("mousemove", p), document.addEventListener("mouseup", A)) : (document.addEventListener("touchmove", p), document.addEventListener("touchend", A)), n("dragStart");
-    }, A = (S) => {
-      s && (s = !1, S.type === "mouseup" ? (document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", A)) : (document.removeEventListener("touchmove", p), document.removeEventListener("touchend", A)), setTimeout(() => n("dragStop"), 0));
+      S.preventDefault(), S.currentTarget.focus(), T(), s = !0, S.type === "mousedown" ? (document.addEventListener("mousemove", p), document.addEventListener("mouseup", D)) : (document.addEventListener("touchmove", p), document.addEventListener("touchend", D)), n("dragStart");
+    }, D = (S) => {
+      s && (s = !1, S.type === "mouseup" ? (document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", D)) : (document.removeEventListener("touchmove", p), document.removeEventListener("touchend", D)), setTimeout(() => n("dragStop"), 0));
     }, W = (S) => {
       S.keyCode >= 33 && S.keyCode <= 40 && S.preventDefault();
       const M = t.modelValue[r.value] ?? t.modelValue;
@@ -1528,7 +1534,7 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
     }, H = (S) => {
       T(), b(S);
     };
-    return (S, M) => (d(), m("div", R({
+    return (S, M) => (c(), m("div", R({
       ref_key: "track",
       ref: o,
       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"],
@@ -1538,20 +1544,20 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
       "aria-valuemax": t.max,
       "aria-valuenow": e.modelValue[0] ?? e.modelValue,
       "aria-valuetext": e.modelValue
-    }, ue(e.disabled ? {} : {
+    }, ie(e.disabled ? {} : {
       click: H
     }, !0)), [
-      e.disabled ? I("", !0) : (d(), m("div", {
+      e.disabled ? I("", !0) : (c(), m("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: ye(f.value)
+        style: we(f.value)
       }, null, 6)),
-      e.modelValue.length ? (d(!0), m(E, { key: 2 }, j(e.modelValue, (O, h) => (d(), m("button", R({
-        id: h ? null : D(a).id,
-        style: e.vertical ? { bottom: i.value[h] + "%" } : { left: i.value[h] + "%" },
+      e.modelValue.length ? (c(!0), m(O, { key: 2 }, j(e.modelValue, (E, h) => (c(), m("button", R({
+        id: h ? null : A(a).id,
+        style: e.vertical ? { bottom: d.value[h] + "%" } : { left: d.value[h] + "%" },
         "aria-label": "slider-thumb-" + (h + 1),
         ref_for: !0
-      }, x.value, ue(e.disabled ? {} : {
+      }, x.value, ie(e.disabled ? {} : {
         focus: () => r.value = h,
         keydown: W,
         touchstart: (g) => {
@@ -1560,28 +1566,28 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
         mousedown: (g) => {
           r.value = h, k(g);
         },
-        touchend: A,
-        mouseup: A
-      }, !0)), null, 16, il))), 256)) : (d(), m("button", R({
+        touchend: D,
+        mouseup: D
+      }, !0)), null, 16, ul))), 256)) : (c(), m("button", R({
         key: 1,
-        id: D(a).id,
-        style: e.vertical ? { bottom: i.value + "%" } : { left: i.value + "%" },
+        id: A(a).id,
+        style: e.vertical ? { bottom: d.value + "%" } : { left: d.value + "%" },
         "aria-label": "slider-thumb"
-      }, x.value, ue(e.disabled ? {} : {
+      }, x.value, ie(e.disabled ? {} : {
         focus: () => r.value = 0,
         keydown: W,
-        touchstart: (O) => {
-          r.value = 0, k(O);
+        touchstart: (E) => {
+          r.value = 0, k(E);
         },
-        mousedown: (O) => {
-          r.value = 0, k(O);
+        mousedown: (E) => {
+          r.value = 0, k(E);
         },
-        touchend: A,
-        mouseup: A
-      }, !0)), null, 16, ul))
-    ], 16, rl));
+        touchend: D,
+        mouseup: D
+      }, !0)), null, 16, rl))
+    ], 16, ol));
   }
-}), dl = ["data-active", "onClick"], cl = { class: "flex items-center space-x-1" }, vl = ["data-active"], Nl = {
+}), il = ["data-active", "onClick"], dl = { class: "flex items-center space-x-1" }, cl = ["data-active"], Il = {
   __name: "Sortable",
   props: {
     columns: {
@@ -1605,68 +1611,68 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
   },
   emits: ["before-sort", "after-sort"],
   setup(e, { emit: u }) {
-    const t = e, n = u, a = $(t.sortProp), l = $(t.sortDirection), c = z(() => {
+    const t = e, n = u, a = $(t.sortProp), l = $(t.sortDirection), i = z(() => {
       let o = t.rows.slice();
-      const r = t.columns.find(({ prop: i }) => i === a.value);
-      return r && (l.value === "asc" && r.sortAscFunction ? o.sort(r.sortAscFunction) : l.value === "desc" && r.sortDescFunction ? o.sort(r.sortDescFunction) : o.sort((i, f) => i[a.value] < f[a.value] ? l.value === "asc" ? -1 : 1 : i[a.value] > f[a.value] ? l.value === "asc" ? 1 : -1 : 0)), o.slice(t.offset || 0, (t.offset || 0) + (t.count || o.length));
+      const r = t.columns.find(({ prop: d }) => d === a.value);
+      return r && (l.value === "asc" && r.sortAscFunction ? o.sort(r.sortAscFunction) : l.value === "desc" && r.sortDescFunction ? o.sort(r.sortDescFunction) : o.sort((d, f) => d[a.value] < f[a.value] ? l.value === "asc" ? -1 : 1 : d[a.value] > f[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"), ve(() => n("after-sort", { prop: a.value, dir: l.value }));
+      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"), fe(() => n("after-sort", { prop: a.value, dir: l.value }));
     };
-    return (o, r) => (d(), m("table", {
+    return (o, r) => (c(), m("table", {
       class: C(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
     }, [
       v("thead", {
         class: C(e.headerClass)
       }, [
         v("tr", null, [
-          (d(!0), m(E, null, j(e.columns, (i) => (d(), m("th", {
-            key: i.prop,
+          (c(!0), m(O, null, j(e.columns, (d) => (c(), m("th", {
+            key: d.prop,
             scope: "col",
-            "data-active": a.value === i.prop ? "active" : null,
+            "data-active": a.value === d.prop ? "active" : null,
             class: C([
               "py-3 px-6 text-left",
-              { "cursor-pointer": i.sortable },
-              i.cssClass
+              { "cursor-pointer": d.sortable },
+              d.cssClass
             ]),
-            onClick: (f) => i.sortable ? s(i.prop) : null
+            onClick: (f) => d.sortable ? s(d.prop) : null
           }, [
-            L(o.$slots, i.prop + "-header", {
-              column: i,
+            L(o.$slots, d.prop + "-header", {
+              column: d,
               sortDir: l.value,
               sortProp: a.value
             }, () => [
-              v("div", cl, [
-                v("span", null, B(i.label), 1),
-                i.sortable ? (d(), Z(de(a.value !== i.prop ? D(Ee) : l.value === "asc" ? D(Ne) : D(Fe)), {
+              v("div", dl, [
+                v("span", null, B(d.label), 1),
+                d.sortable ? (c(), Z(ce(a.value !== d.prop ? A(Oe) : l.value === "asc" ? A(Ne) : A(Fe)), {
                   key: 0,
                   class: "size-4"
                 })) : I("", !0)
               ])
             ])
-          ], 10, dl))), 128))
+          ], 10, il))), 128))
         ])
       ], 2),
       v("tbody", {
         class: C(e.bodyClass)
       }, [
-        (d(!0), m(E, null, j(c.value, (i) => (d(), m("tr", {
-          key: i[e.keyProperty],
-          class: C(i.cssClass)
+        (c(!0), m(O, null, j(i.value, (d) => (c(), m("tr", {
+          key: d[e.keyProperty],
+          class: C(d.cssClass)
         }, [
-          (d(!0), m(E, null, j(e.columns, (f) => (d(), m("td", {
+          (c(!0), m(O, null, j(e.columns, (f) => (c(), m("td", {
             key: f.prop,
             "data-active": a.value === f.prop ? "active" : null,
             class: "overflow-hidden py-3 px-6 whitespace-nowrap text-ellipsis"
           }, [
-            L(o.$slots, f.prop, { row: i }, () => [
-              J(B(i[f.prop]), 1)
+            L(o.$slots, f.prop, { row: d }, () => [
+              J(B(d[f.prop]), 1)
             ])
-          ], 8, vl))), 128))
+          ], 8, cl))), 128))
         ], 2))), 128))
       ], 2)
     ], 2));
   }
-}, ml = { class: "flex items-center space-x-2" }, fl = ["disabled"], hl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, vl = { class: "flex items-center space-x-2" }, ml = ["disabled"], fl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "SubmitButton",
   props: {
     busy: Boolean,
@@ -1676,7 +1682,7 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
   emits: ["submit"],
   setup(e, { emit: u }) {
     const t = u;
-    return (n, a) => (d(), m("div", ml, [
+    return (n, a) => (c(), m("div", vl, [
       v("button", {
         class: C([n.$attrs.class, e.theme]),
         disabled: n.$attrs.disabled || e.busy,
@@ -1684,17 +1690,17 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
         onClick: a[0] || (a[0] = (l) => t("submit"))
       }, [
         L(n.$slots, "default", {}, void 0, !0)
-      ], 10, fl),
-      e.busy ? (d(), Z(we, {
+      ], 10, ml),
+      e.busy ? (c(), Z(ke, {
         key: 0,
         class: C(e.spinnerClass || ["size-5", { error: "text-error", success: "text-success", default: "text-vxvue" }[e.theme || "default"]])
       }, null, 8, ["class"])) : I("", !0)
     ]));
   }
-}), El = /* @__PURE__ */ Se(hl, [["__scopeId", "data-v-55a337c8"]]), pl = { class: "sm:hidden" }, gl = { class: "hidden sm:block" }, bl = { class: "border-b border-gray-200" }, xl = {
+}), Nl = /* @__PURE__ */ Ce(fl, [["__scopeId", "data-v-55a337c8"]]), hl = { class: "sm:hidden" }, pl = { class: "hidden sm:block" }, gl = { class: "border-b border-gray-200" }, bl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
-}, yl = ["aria-current", "onClick"], Fl = {
+}, xl = ["aria-current", "onClick"], Ol = {
   __name: "Tabs",
   props: {
     items: { type: Array, default: () => [] },
@@ -1711,22 +1717,22 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
     X(() => t.activeIndex, (s) => {
       a.value = t.items[s] || {};
     });
-    const c = (s) => {
+    const i = (s) => {
       s.disabled || (a.value = s, n("update:activeIndex", t.items.indexOf(s)));
     };
-    return (s, o) => (d(), m(E, null, [
-      v("div", pl, [
-        Y(Bt, {
+    return (s, o) => (c(), m(O, null, [
+      v("div", hl, [
+        Y(Pt, {
           options: l.value,
           "model-value": e.activeIndex,
           class: "w-full",
           "onUpdate:modelValue": o[0] || (o[0] = (r) => n("update:activeIndex", r))
         }, null, 8, ["options", "model-value"])
       ]),
-      v("div", gl, [
-        v("div", bl, [
-          v("nav", xl, [
-            (d(!0), m(E, null, j(e.items, (r) => (d(), m("a", {
+      v("div", pl, [
+        v("div", gl, [
+          v("nav", bl, [
+            (c(!0), m(O, null, j(e.items, (r) => (c(), m("a", {
               key: r.name,
               href: "#",
               class: C([
@@ -1738,7 +1744,7 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
                 }
               ]),
               "aria-current": a.value === r ? "page" : void 0,
-              onClick: _((i) => c(r), ["prevent"])
+              onClick: _((d) => i(r), ["prevent"])
             }, [
               L(s.$slots, "icon", { tab: r }),
               v("span", null, [
@@ -1747,7 +1753,7 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
                 ])
               ]),
               L(s.$slots, "badge", { tab: r }, () => [
-                r.badge ? (d(), m("span", {
+                r.badge ? (c(), m("span", {
                   key: 0,
                   class: C([
                     "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block text-current",
@@ -1759,61 +1765,62 @@ const al = ["value", "type"], sl = ["disabled"], Pl = /* @__PURE__ */ Object.ass
                   ])
                 }, B(r.badge), 3)) : I("", !0)
               ])
-            ], 10, yl))), 128))
+            ], 10, xl))), 128))
           ])
         ])
       ])
     ], 64));
   }
-}, Ol = {
+}, Fl = {
   mounted: (e) => e.focus()
-}, _l = {
+}, El = {
   mounted: (e, u) => {
-    var l, c;
+    var t, n;
     if (!["INPUT", "TEXTAREA"].includes(e.nodeName)) {
-      let s = e.querySelector('input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="url"],input[type="tel"]');
-      s || (s = e.querySelector("textarea")), e = s;
+      let a = e.querySelector('input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="url"],input[type="tel"]');
+      a || (a = e.querySelector("textarea")), e = a;
+    }
+    if (e) {
+      if (e.querySelector("label")) throw new Error("VFloatingLabel directive: LABEL element found.");
+      const a = Math.random().toString(36).substring(2), l = document.createElement("div");
+      l.classList.add("relative");
+      const i = document.createElement("label");
+      i.classList.add(
+        ..."absolute px-2 left-1 top-2 scale-90 text-sm z-10 origin-[0] bg-white -translate-y-4 transform-gpu duration-200".split(" "),
+        ..."peer-focus:top-2 peer-focus:scale-90 peer-focus:-translate-y-full".split(" "),
+        ..."peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2".split(" "),
+        e.nodeName === "TEXTAREA" ? "peer-placeholder-shown:top-4" : "peer-placeholder-shown:top-1/2"
+      ), (t = u.value) != null && t.invalid ? i.classList.add("text-error", "peer-focus:text-error") : i.classList.add("peer-focus:text-blue-600"), e.getAttribute("required") !== null && i.classList.add("required"), i.setAttribute("for", e.getAttribute("id") || a + "-element"), i.innerHTML = ((n = u.value) == null ? void 0 : n.label) || e.getAttribute("placeholder") || a + "-label", e.classList.add("peer"), e.setAttribute("placeholder", " "), e.setAttribute("id", e.getAttribute("id") || a + "-element"), e.parentElement.replaceChild(l, e), l.appendChild(e), l.appendChild(i);
     }
-    if (!e) throw new Error("VFloatingLabel directive: No valid INPUT or TEXTAREA element found.");
-    if (e.querySelector("label")) throw new Error("VFloatingLabel directive: LABEL element found.");
-    const t = Math.random().toString(36).substring(2), n = document.createElement("div");
-    n.classList.add("relative");
-    const a = document.createElement("label");
-    a.classList.add(
-      ..."absolute px-2 left-1 top-2 scale-90 text-sm z-10 origin-[0] bg-white -translate-y-4 transform-gpu duration-200".split(" "),
-      ..."peer-focus:top-2 peer-focus:scale-90 peer-focus:-translate-y-full".split(" "),
-      ..."peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2".split(" "),
-      e.nodeName === "TEXTAREA" ? "peer-placeholder-shown:top-4" : "peer-placeholder-shown:top-1/2"
-    ), (l = u.value) != null && l.invalid ? a.classList.add("text-error", "peer-focus:text-error") : a.classList.add("peer-focus:text-blue-600"), e.getAttribute("required") !== null && a.classList.add("required"), a.setAttribute("for", e.getAttribute("id") || t + "-element"), a.innerHTML = ((c = u.value) == null ? void 0 : c.label) || e.getAttribute("placeholder") || t + "-label", e.classList.add("peer"), e.setAttribute("placeholder", " "), e.setAttribute("id", e.getAttribute("id") || t + "-element"), e.parentElement.replaceChild(n, e), n.appendChild(e), n.appendChild(a);
   },
   updated: (e, u) => {
-    var a, l, c;
+    var a, l, i;
     const t = e.parentNode.querySelector("label"), n = (a = e.getAttribute("placeholder")) == null ? void 0 : a.trim();
-    t.innerHTML = ((l = u.value) == null ? void 0 : l.label) || n || t.innerHTML, n && e.setAttribute("placeholder", " "), (c = u.value) != null && c.invalid ? (t.classList.add("text-error", "peer-focus:text-error"), t.classList.remove("peer-focus:text-blue-600")) : (t.classList.remove("text-error", "peer-focus:text-error"), t.classList.add("peer-focus:text-blue-600")), t.classList[e.getAttribute("required") !== null ? "add" : "remove"]("required");
+    t.innerHTML = ((l = u.value) == null ? void 0 : l.label) || n || t.innerHTML, n && e.setAttribute("placeholder", " "), (i = u.value) != null && i.invalid ? (t.classList.add("text-error", "peer-focus:text-error"), t.classList.remove("peer-focus:text-blue-600")) : (t.classList.remove("text-error", "peer-focus:text-error"), t.classList.add("peer-focus:text-blue-600")), t.classList[e.getAttribute("required") !== null ? "add" : "remove"]("required");
   },
   beforeUnmount: (e) => e.parentNode.parentNode.removeChild(e.parentNode)
 };
 export {
-  kl as Accordion,
-  $l as AccordionPanel,
-  Sl as Autocomplete,
-  Cl as Confirm,
-  xt as DateInput,
-  Ml as Datepicker,
-  Vl as FormFileButton,
-  Bt as FormSelect,
-  Al as FormSwitch,
+  wl as Accordion,
+  kl as AccordionPanel,
+  $l as Autocomplete,
+  Sl as Confirm,
+  bt as DateInput,
+  Cl as Datepicker,
+  Ml as FormFileButton,
+  Pt as FormSelect,
+  Vl as FormSwitch,
   Dl as MessageToast,
-  Ll as Modal,
-  Tl as Pagination,
-  Pl as PasswordInput,
-  Bl as SimpleTree,
-  zl as Sizable,
-  Il as Slider,
-  Nl as Sortable,
-  we as Spinner,
-  El as SubmitButton,
-  Fl as Tabs,
-  _l as VFloatingLabel,
-  Ol as VFocus
+  Al as Modal,
+  Ll as Pagination,
+  Tl as PasswordInput,
+  Pl as SimpleTree,
+  Bl as Sizable,
+  zl as Slider,
+  Il as Sortable,
+  ke as Spinner,
+  Nl as SubmitButton,
+  Ol as Tabs,
+  El as VFloatingLabel,
+  Fl as VFocus
 };