vx-vue 1.3.8 → 1.4.0

package/dist/vxvue.es.js

@@ -1,53 +1,50 @@
-import { useSlots as Le, ref as k, computed as B, onBeforeUpdate as Te, createElementBlock as m, openBlock as c, Fragment as O, renderList as j, createBlock as Z, resolveDynamicComponent as fe, createElementVNode as v, useAttrs as G, normalizeClass as C, unref as L, renderSlot as T, toValue as E, watch as J, getCurrentScope as Ve, onScopeDispose as ze, mergeModels as U, useModel as te, onUpdated as Pe, createCommentVNode as I, mergeProps as H, withKeys as ue, withModifiers as _, toDisplayString as P, Transition as Be, withCtx as ne, createVNode as Y, createTextVNode as ee, nextTick as ge, withDirectives as se, vShow as pe, vModelText as Ie, onMounted as be, vModelSelect as Ne, vModelCheckbox as Oe, normalizeStyle as Se, vModelDynamic as Ee, resolveComponent as Fe, createSlots as _e, toHandlers as ce } from "vue";
+import { useSlots as Le, ref as k, computed as I, onBeforeUpdate as Te, createElementBlock as m, openBlock as d, Fragment as O, renderList as Y, createBlock as H, resolveDynamicComponent as me, createElementVNode as c, useAttrs as K, normalizeClass as S, unref as L, renderSlot as T, Transition as Ve, withCtx as ee, toValue as F, watch as X, getCurrentScope as ze, onScopeDispose as Pe, mergeModels as Z, useModel as te, onUpdated as Be, createVNode as _, mergeProps as R, withKeys as re, withModifiers as j, createCommentVNode as B, toDisplayString as P, createTextVNode as Q, nextTick as be, withDirectives as le, vShow as fe, vModelText as Ie, onMounted as xe, vModelSelect as Ne, vModelCheckbox as Oe, normalizeStyle as Se, vModelDynamic as Ee, resolveComponent as Fe, createSlots as _e, toHandlers as ce } from "vue";
 const Cl = {
   __name: "Accordion",
   props: { activeIndex: { type: [Number, Array], default: null } },
   emits: ["update:activeIndex"],
   setup(e, { emit: u }) {
-    const t = e, s = u, l = Le(), a = k([]), d = (f) => a.value.push(f), r = B(
-      () => l.default().reduce((f, x) => ((x.type.__name || x.type.name) === "AccordionPanel" && f.push(x), f), [])
+    const t = e, a = u, l = Le(), s = k([]), v = (f) => s.value.push(f), r = I(
+      () => l.default().reduce((f, b) => ((b.type.__name || b.type.name) === "AccordionPanel" && f.push(b), f), [])
     ), o = (f) => {
       if (Array.isArray(t.activeIndex)) {
-        let x = [].concat(t.activeIndex), w = x.findIndex((p) => p === f);
-        w === -1 ? s("update:activeIndex", [...x, f]) : (x.splice(w, 1), s("update:activeIndex", x));
+        let b = [].concat(t.activeIndex), w = b.findIndex((g) => g === f);
+        w === -1 ? a("update:activeIndex", [...b, f]) : (b.splice(w, 1), a("update:activeIndex", b));
       } else
-        s("update:activeIndex", f === t.activeIndex ? -1 : f);
+        a("update:activeIndex", f === t.activeIndex ? -1 : f);
     }, n = (f) => {
-      if (f = ++f % r.value.length, !a.value[f].disabled) {
-        o(f), a.value[f].focus();
+      if (f = ++f % r.value.length, !s.value[f].disabled) {
+        o(f), s.value[f].focus();
         return;
       }
       n(f);
     }, i = (f) => {
-      if (f = (f || r.value.length) - 1, !a.value[f].disabled) {
-        o(f), a.value[f].focus();
+      if (f = (f || r.value.length) - 1, !s.value[f].disabled) {
+        o(f), s.value[f].focus();
         return;
       }
       i(f);
     };
-    return Te(() => a.value = []), (f, x) => (c(!0), m(O, null, j(r.value, (w, p) => {
-      var M;
-      return c(), Z(fe(w), {
-        key: p,
-        ref_for: !0,
-        ref: d,
-        show: Array.isArray(e.activeIndex) ? (M = e.activeIndex) == null ? void 0 : M.includes(p) : e.activeIndex === p,
-        onSelect: (g) => o(p),
-        onKeydown: (g) => n(p),
-        onKeyup: (g) => i(p)
-      }, null, 40, ["show", "onSelect", "onKeydown", "onKeyup"]);
-    }), 128));
+    return Te(() => s.value = []), (f, b) => (d(!0), m(O, null, Y(r.value, (w, g) => (d(), H(me(w), {
+      key: g,
+      ref_for: !0,
+      ref: v,
+      show: Array.isArray(e.activeIndex) ? e.activeIndex?.includes(g) : e.activeIndex === g,
+      onSelect: (M) => o(g),
+      onKeydown: (M) => n(g),
+      onKeyup: (M) => i(g)
+    }, null, 40, ["show", "onSelect", "onKeydown", "onKeyup"]))), 128));
   }
 };
 function je(e, u) {
-  return c(), m("svg", {
+  return d(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    v("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M6.75 2.25A.75.75 0 0 1 7.5 3v1.5h9V3A.75.75 0 0 1 18 3v1.5h.75a3 3 0 0 1 3 3v11.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3H6V3a.75.75 0 0 1 .75-.75Zm13.5 9a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5Z",
       "clip-rule": "evenodd"
@@ -55,14 +52,14 @@ function je(e, u) {
   ]);
 }
 function Ye(e, u) {
-  return c(), m("svg", {
+  return d(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    v("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z",
       "clip-rule": "evenodd"
@@ -70,29 +67,29 @@ function Ye(e, u) {
   ]);
 }
 function ve(e, u) {
-  return c(), m("svg", {
+  return d(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    v("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function de(e, u) {
-  return c(), m("svg", {
+function ie(e, u) {
+  return d(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    v("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z",
       "clip-rule": "evenodd"
@@ -100,14 +97,14 @@ function de(e, u) {
   ]);
 }
 function Re(e, u) {
-  return c(), m("svg", {
+  return d(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    v("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M11.47 4.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06L12 6.31 8.78 9.53a.75.75 0 0 1-1.06-1.06l3.75-3.75Zm-3.75 9.75a.75.75 0 0 1 1.06 0L12 17.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 0 1 0-1.06Z",
       "clip-rule": "evenodd"
@@ -115,14 +112,14 @@ function Re(e, u) {
   ]);
 }
 function He(e, u) {
-  return c(), m("svg", {
+  return d(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    v("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z",
       "clip-rule": "evenodd"
@@ -130,14 +127,14 @@ function He(e, u) {
   ]);
 }
 function Ze(e, u) {
-  return c(), m("svg", {
+  return d(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    v("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z",
       "clip-rule": "evenodd"
@@ -145,29 +142,29 @@ function Ze(e, u) {
   ]);
 }
 function Ue(e, u) {
-  return c(), m("svg", {
+  return d(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    v("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function xe(e, u) {
-  return c(), m("svg", {
+function ye(e, u) {
+  return d(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    v("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
       "clip-rule": "evenodd"
@@ -179,47 +176,47 @@ const We = ["id", "disabled", "aria-expanded", "aria-controls"], qe = ["id", "ar
   props: { show: Boolean, disabled: Boolean },
   emits: ["select", "keyup", "keydown"],
   setup(e, { expose: u, emit: t }) {
-    const s = t, l = e, a = G(), d = k(null), r = Math.random().toString(20).substring(2, 8), o = (i) => {
+    const a = t, l = e, s = K(), v = k(null), r = Math.random().toString(20).substring(2, 8), o = (i) => {
       if (!l.disabled) {
         const f = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(i.keyCode);
-        f && (s(f), i.preventDefault());
+        f && (a(f), i.preventDefault());
       }
     };
-    return u({ focus: () => d.value.focus(), disabled: l.disabled }), (i, f) => (c(), m("div", null, [
-      v("button", {
+    return u({ focus: () => v.value.focus(), disabled: l.disabled }), (i, f) => (d(), m("div", null, [
+      c("button", {
         id: "ap-control-" + L(r),
         ref_key: "btn",
-        ref: d,
-        class: C([
+        ref: v,
+        class: S([
           "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",
-          L(a).class
+          L(s).class
         ]),
         disabled: e.disabled,
         "aria-expanded": e.show,
         "aria-controls": "ap-" + L(r),
         tabindex: "0",
-        onClick: f[0] || (f[0] = (x) => s("select")),
+        onClick: f[0] || (f[0] = (b) => a("select")),
         onKeydown: o
       }, [
-        e.disabled ? (c(), Z(L(xe), {
+        e.disabled ? (d(), H(L(ye), {
           key: 0,
           class: "size-5"
-        })) : (c(), Z(L(de), {
+        })) : (d(), H(L(ie), {
           key: 1,
-          class: C(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
+          class: S(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
         }, null, 8, ["class"])),
-        v("span", null, [
+        c("span", null, [
           T(i.$slots, "header")
         ])
       ], 42, We),
-      v("div", {
+      c("div", {
         id: "ap-" + L(r),
-        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))]"]),
+        class: S(["grid transition-[grid-template-rows] duration-300 ease-in-out", e.show && !e.disabled ? "grid-rows-1" : "grid-rows-[repeat(1,minmax(0,0fr))]"]),
         "aria-labelledby": "ap-control-" + L(r)
       }, [
-        v("div", Ke, [
+        c("div", Ke, [
           T(i.$slots, "default")
         ])
       ], 10, qe)
@@ -229,15 +226,15 @@ const We = ["id", "disabled", "aria-expanded", "aria-controls"], qe = ["id", "ar
   __name: "Spinner",
   props: { radius: { type: Number, default: 10 }, strokeWidth: { type: Number, default: 4 } },
   setup(e) {
-    const u = e, t = B(() => u.radius + u.strokeWidth / 2), s = B(() => u.radius * 2 + u.strokeWidth), l = B(() => u.radius * Math.PI / 1.5);
-    return (a, d) => (c(), m("svg", {
+    const u = e, t = I(() => u.radius + u.strokeWidth / 2), a = I(() => u.radius * 2 + u.strokeWidth), l = I(() => u.radius * Math.PI / 1.5);
+    return (s, v) => (d(), m("svg", {
       class: "animate-spin",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
-      viewBox: "0 0 " + s.value + " " + s.value,
+      viewBox: "0 0 " + a.value + " " + a.value,
       role: "progressbar"
     }, [
-      v("circle", {
+      c("circle", {
         class: "opacity-35",
         cx: t.value,
         cy: t.value,
@@ -245,7 +242,7 @@ const We = ["id", "disabled", "aria-expanded", "aria-controls"], qe = ["id", "ar
         stroke: "currentColor",
         "stroke-width": e.strokeWidth
       }, null, 8, Ge),
-      v("circle", {
+      c("circle", {
         cx: t.value,
         cy: t.value,
         r: e.radius,
@@ -256,80 +253,96 @@ const We = ["id", "disabled", "aria-expanded", "aria-controls"], qe = ["id", "ar
       }, null, 8, Je)
     ], 8, Xe));
   }
-};
-function Qe(e) {
-  return Ve() ? (ze(e), !0) : !1;
+}, Me = (e, u) => {
+  const t = e.__vccOpts || e;
+  for (const [a, l] of u)
+    t[a] = l;
+  return t;
+}, Qe = {
+  __name: "VxVueTransition",
+  props: { name: { type: String, required: !0, validator: (e) => ["appear", "vert-fade", "fade"].includes(e) } },
+  setup(e) {
+    return (u, t) => (d(), H(Ve, { name: e.name }, {
+      default: ee(() => [
+        T(u.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+}, de = /* @__PURE__ */ Me(Qe, [["__scopeId", "data-v-f6b1631e"]]);
+function et(e) {
+  return ze() ? (Pe(e), !0) : !1;
 }
-const Me = typeof window < "u" && typeof document < "u";
+const De = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const et = Object.prototype.toString, tt = (e) => et.call(e) === "[object Object]", oe = () => {
-}, lt = /* @__PURE__ */ at();
-function at() {
+const tt = Object.prototype.toString, lt = (e) => tt.call(e) === "[object Object]", ne = () => {
+}, at = /* @__PURE__ */ st();
+function st() {
   var e, u;
-  return Me && ((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 De && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((u = window?.navigator) == null ? void 0 : u.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
 }
-function me(e) {
+function pe(e) {
   return Array.isArray(e) ? e : [e];
 }
-const st = /[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 nt(e, u, t, s) {
+const nt = /[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 ot(e, u, t, a) {
   let l = e < 12 ? "AM" : "PM";
-  return s && (l = l.split("").reduce((a, d) => a += `${d}.`, "")), t ? l.toLowerCase() : l;
+  return a && (l = l.split("").reduce((s, v) => s += `${v}.`, "")), t ? l.toLowerCase() : l;
 }
-function ae(e) {
+function se(e) {
   const u = ["th", "st", "nd", "rd"], t = e % 100;
   return e + (u[(t - 20) % 10] || u[t] || u[0]);
 }
 function ke(e, u, t = {}) {
-  var s;
-  const l = e.getFullYear(), a = e.getMonth(), d = e.getDate(), r = e.getHours(), o = e.getMinutes(), n = e.getSeconds(), i = e.getMilliseconds(), f = e.getDay(), x = (s = t.customMeridiem) != null ? s : nt, w = (M) => {
-    var g;
-    return (g = M.split(" ")[1]) != null ? g : "";
-  }, p = {
-    Yo: () => ae(l),
+  var a;
+  const l = e.getFullYear(), s = e.getMonth(), v = e.getDate(), r = e.getHours(), o = e.getMinutes(), n = e.getSeconds(), i = e.getMilliseconds(), f = e.getDay(), b = (a = t.customMeridiem) != null ? a : ot, w = (M) => {
+    var y;
+    return (y = M.split(" ")[1]) != null ? y : "";
+  }, g = {
+    Yo: () => se(l),
     YY: () => String(l).slice(-2),
     YYYY: () => l,
-    M: () => a + 1,
-    Mo: () => ae(a + 1),
-    MM: () => `${a + 1}`.padStart(2, "0"),
-    MMM: () => e.toLocaleDateString(E(t.locales), { month: "short" }),
-    MMMM: () => e.toLocaleDateString(E(t.locales), { month: "long" }),
-    D: () => String(d),
-    Do: () => ae(d),
-    DD: () => `${d}`.padStart(2, "0"),
+    M: () => s + 1,
+    Mo: () => se(s + 1),
+    MM: () => `${s + 1}`.padStart(2, "0"),
+    MMM: () => e.toLocaleDateString(F(t.locales), { month: "short" }),
+    MMMM: () => e.toLocaleDateString(F(t.locales), { month: "long" }),
+    D: () => String(v),
+    Do: () => se(v),
+    DD: () => `${v}`.padStart(2, "0"),
     H: () => String(r),
-    Ho: () => ae(r),
+    Ho: () => se(r),
     HH: () => `${r}`.padStart(2, "0"),
     h: () => `${r % 12 || 12}`.padStart(1, "0"),
-    ho: () => ae(r % 12 || 12),
+    ho: () => se(r % 12 || 12),
     hh: () => `${r % 12 || 12}`.padStart(2, "0"),
     m: () => String(o),
-    mo: () => ae(o),
+    mo: () => se(o),
     mm: () => `${o}`.padStart(2, "0"),
     s: () => String(n),
-    so: () => ae(n),
+    so: () => se(n),
     ss: () => `${n}`.padStart(2, "0"),
     SSS: () => `${i}`.padStart(3, "0"),
     d: () => f,
-    dd: () => e.toLocaleDateString(E(t.locales), { weekday: "narrow" }),
-    ddd: () => e.toLocaleDateString(E(t.locales), { weekday: "short" }),
-    dddd: () => e.toLocaleDateString(E(t.locales), { weekday: "long" }),
-    A: () => x(r, o),
-    AA: () => x(r, o, !1, !0),
-    a: () => x(r, o, !0),
-    aa: () => x(r, o, !0, !0),
-    z: () => w(e.toLocaleDateString(E(t.locales), { timeZoneName: "shortOffset" })),
-    zz: () => w(e.toLocaleDateString(E(t.locales), { timeZoneName: "shortOffset" })),
-    zzz: () => w(e.toLocaleDateString(E(t.locales), { timeZoneName: "shortOffset" })),
-    zzzz: () => w(e.toLocaleDateString(E(t.locales), { timeZoneName: "longOffset" }))
+    dd: () => e.toLocaleDateString(F(t.locales), { weekday: "narrow" }),
+    ddd: () => e.toLocaleDateString(F(t.locales), { weekday: "short" }),
+    dddd: () => e.toLocaleDateString(F(t.locales), { weekday: "long" }),
+    A: () => b(r, o),
+    AA: () => b(r, o, !1, !0),
+    a: () => b(r, o, !0),
+    aa: () => b(r, o, !0, !0),
+    z: () => w(e.toLocaleDateString(F(t.locales), { timeZoneName: "shortOffset" })),
+    zz: () => w(e.toLocaleDateString(F(t.locales), { timeZoneName: "shortOffset" })),
+    zzz: () => w(e.toLocaleDateString(F(t.locales), { timeZoneName: "shortOffset" })),
+    zzzz: () => w(e.toLocaleDateString(F(t.locales), { timeZoneName: "longOffset" }))
   };
-  return u.replace(st, (M, g) => {
-    var $, z;
-    return (z = g ?? (($ = p[M]) == null ? void 0 : $.call(p))) != null ? z : M;
+  return u.replace(nt, (M, y) => {
+    var C, V;
+    return (V = y ?? ((C = g[M]) == null ? void 0 : C.call(g))) != null ? V : M;
   });
 }
-function ot(e, u, t) {
-  return J(
+function rt(e, u, t) {
+  return X(
     e,
     u,
     {
@@ -338,116 +351,116 @@ function ot(e, u, t) {
     }
   );
 }
-const De = Me ? window : void 0;
-function ie(e) {
+const Ae = De ? window : void 0;
+function ue(e) {
   var u;
-  const t = E(e);
-  return (u = t == null ? void 0 : t.$el) != null ? u : t;
+  const t = F(e);
+  return (u = t?.$el) != null ? u : t;
 }
-function he(...e) {
+function ge(...e) {
   const u = [], t = () => {
     u.forEach((r) => r()), u.length = 0;
-  }, s = (r, o, n, i) => (r.addEventListener(o, n, i), () => r.removeEventListener(o, n, i)), l = B(() => {
-    const r = me(E(e[0])).filter((o) => o != null);
+  }, a = (r, o, n, i) => (r.addEventListener(o, n, i), () => r.removeEventListener(o, n, i)), l = I(() => {
+    const r = pe(F(e[0])).filter((o) => o != null);
     return r.every((o) => typeof o != "string") ? r : void 0;
-  }), a = ot(
+  }), s = rt(
     () => {
       var r, o;
       return [
-        (o = (r = l.value) == null ? void 0 : r.map((n) => ie(n))) != null ? o : [De].filter((n) => n != null),
-        me(E(l.value ? e[1] : e[0])),
-        me(L(l.value ? e[2] : e[1])),
+        (o = (r = l.value) == null ? void 0 : r.map((n) => ue(n))) != null ? o : [Ae].filter((n) => n != null),
+        pe(F(l.value ? e[1] : e[0])),
+        pe(L(l.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        E(l.value ? e[3] : e[2])
+        F(l.value ? e[3] : e[2])
       ];
     },
     ([r, o, n, i]) => {
-      if (t(), !(r != null && r.length) || !(o != null && o.length) || !(n != null && n.length))
+      if (t(), !r?.length || !o?.length || !n?.length)
         return;
-      const f = tt(i) ? { ...i } : i;
+      const f = lt(i) ? { ...i } : i;
       u.push(
         ...r.flatMap(
-          (x) => o.flatMap(
-            (w) => n.map((p) => s(x, w, p, f))
+          (b) => o.flatMap(
+            (w) => n.map((g) => a(b, w, g, f))
           )
         )
       );
     },
     { flush: "post" }
-  ), d = () => {
-    a(), t();
+  ), v = () => {
+    s(), t();
   };
-  return Qe(t), d;
+  return et(t), v;
 }
 let $e = !1;
-function ye(e, u, t = {}) {
-  const { window: s = De, ignore: l = [], capture: a = !0, detectIframe: d = !1, controls: r = !1 } = t;
-  if (!s)
-    return r ? { stop: oe, cancel: oe, trigger: oe } : oe;
-  if (lt && !$e) {
+function we(e, u, t = {}) {
+  const { window: a = Ae, ignore: l = [], capture: s = !0, detectIframe: v = !1, controls: r = !1 } = t;
+  if (!a)
+    return r ? { stop: ne, cancel: ne, trigger: ne } : ne;
+  if (at && !$e) {
     $e = !0;
-    const g = { passive: !0 };
-    Array.from(s.document.body.children).forEach(($) => $.addEventListener("click", oe, g)), s.document.documentElement.addEventListener("click", oe, g);
+    const y = { passive: !0 };
+    Array.from(a.document.body.children).forEach((C) => C.addEventListener("click", ne, y)), a.document.documentElement.addEventListener("click", ne, y);
   }
   let o = !0;
-  const n = (g) => E(l).some(($) => {
-    if (typeof $ == "string")
-      return Array.from(s.document.querySelectorAll($)).some((z) => z === g.target || g.composedPath().includes(z));
+  const n = (y) => F(l).some((C) => {
+    if (typeof C == "string")
+      return Array.from(a.document.querySelectorAll(C)).some((V) => V === y.target || y.composedPath().includes(V));
     {
-      const z = ie($);
-      return z && (g.target === z || g.composedPath().includes(z));
+      const V = ue(C);
+      return V && (y.target === V || y.composedPath().includes(V));
     }
   });
-  function i(g) {
-    const $ = E(g);
-    return $ && $.$.subTree.shapeFlag === 16;
+  function i(y) {
+    const C = F(y);
+    return C && C.$.subTree.shapeFlag === 16;
   }
-  function f(g, $) {
-    const z = E(g), F = z.$.subTree && z.$.subTree.children;
-    return F == null || !Array.isArray(F) ? !1 : F.some((q) => q.el === $.target || $.composedPath().includes(q.el));
+  function f(y, C) {
+    const V = F(y), E = V.$.subTree && V.$.subTree.children;
+    return E == null || !Array.isArray(E) ? !1 : E.some((G) => G.el === C.target || C.composedPath().includes(G.el));
   }
-  const x = (g) => {
-    const $ = ie(e);
-    if (g.target != null && !(!($ instanceof Element) && i(e) && f(e, g)) && !(!$ || $ === g.target || g.composedPath().includes($))) {
-      if ("detail" in g && g.detail === 0 && (o = !n(g)), !o) {
+  const b = (y) => {
+    const C = ue(e);
+    if (y.target != null && !(!(C instanceof Element) && i(e) && f(e, y)) && !(!C || C === y.target || y.composedPath().includes(C))) {
+      if ("detail" in y && y.detail === 0 && (o = !n(y)), !o) {
         o = !0;
         return;
       }
-      u(g);
+      u(y);
     }
   };
   let w = !1;
-  const p = [
-    he(s, "click", (g) => {
+  const g = [
+    ge(a, "click", (y) => {
       w || (w = !0, setTimeout(() => {
         w = !1;
-      }, 0), x(g));
-    }, { passive: !0, capture: a }),
-    he(s, "pointerdown", (g) => {
-      const $ = ie(e);
-      o = !n(g) && !!($ && !g.composedPath().includes($));
+      }, 0), b(y));
+    }, { passive: !0, capture: s }),
+    ge(a, "pointerdown", (y) => {
+      const C = ue(e);
+      o = !n(y) && !!(C && !y.composedPath().includes(C));
     }, { passive: !0 }),
-    d && he(s, "blur", (g) => {
+    v && ge(a, "blur", (y) => {
       setTimeout(() => {
-        var $;
-        const z = ie(e);
-        (($ = s.document.activeElement) == null ? void 0 : $.tagName) === "IFRAME" && !(z != null && z.contains(s.document.activeElement)) && u(g);
+        var C;
+        const V = ue(e);
+        ((C = a.document.activeElement) == null ? void 0 : C.tagName) === "IFRAME" && !V?.contains(a.document.activeElement) && u(y);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), M = () => p.forEach((g) => g());
+  ].filter(Boolean), M = () => g.forEach((y) => y());
   return r ? {
     stop: M,
     cancel: () => {
       o = !1;
     },
-    trigger: (g) => {
-      o = !0, x(g), o = !1;
+    trigger: (y) => {
+      o = !0, b(y), o = !1;
     }
   } : M;
 }
-const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, it = ["data-result-index"], Dl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const ut = ["value", "onKeydown"], it = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, dt = ["data-result-index"], Dl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Autocomplete",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ Z({
     search: { type: Function, required: !0 },
     resultListClass: { type: String, default: "result-list" },
     resultItemClass: { type: String, default: "result-list-item" },
@@ -457,19 +470,19 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
     modelValue: { type: String, default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["blur-sm", "submit"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["blur-sm", "submit"], ["update:modelValue"]),
   setup(e, { emit: u }) {
-    const t = u, s = e, l = te(e, "modelValue"), a = G(), r = (/* @__PURE__ */ (() => {
+    const t = u, a = e, l = te(e, "modelValue"), s = K(), r = (/* @__PURE__ */ (() => {
       let A = 0;
-      return (V) => (V || "") + ++A;
-    })())((a.id || "autocomplete") + "-"), o = k([]), n = k(-1), i = k(0), f = k(!1), x = k(!1), w = k("top-0 translate-y-12"), p = k(!0), M = k(null), g = k(null), $ = k(null), z = B(
-      () => o.value.map((A, V) => ({
-        id: (a.id || "autocomplete") + "-item-" + V,
-        class: [s.resultItemClass, { "bg-vxvue-700 text-white": n.value === V }],
+      return (z) => (z || "") + ++A;
+    })())((s.id || "autocomplete") + "-"), o = k([]), n = k(-1), i = k(0), f = k(!1), b = k(!1), w = k("top-0 translate-y-12"), g = k(!0), M = k(null), y = k(null), C = k(null), V = I(
+      () => o.value.map((A, z) => ({
+        id: (s.id || "autocomplete") + "-item-" + z,
+        class: [a.resultItemClass, { "bg-vxvue-700 text-white": n.value === z }],
         role: "option",
-        ...n.value === V ? { "aria-selected": "true" } : {}
+        ...n.value === z ? { "aria-selected": "true" } : {}
       }))
-    ), F = B(() => ({
+    ), E = I(() => ({
       role: "combobox",
       autocomplete: "off",
       autocapitalize: "off",
@@ -479,128 +492,116 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
       "aria-haspopup": "listbox",
       "aria-owns": r,
       "aria-expanded": f.value ? "true" : "false",
-      "aria-activedescendant": n.value > -1 ? z.value[n.value].id : "",
-      ...a
-    })), q = B(() => ({
+      "aria-activedescendant": n.value > -1 ? V.value[n.value].id : "",
+      ...s
+    })), G = I(() => ({
       id: r,
-      class: ["absolute min-w-full transform z-[var(--zIndex-dropdown)]", s.resultListClass, w.value],
+      class: ["absolute min-w-full transform z-[var(--zIndex-dropdown)]", a.resultListClass, w.value],
       role: "listbox"
-    })), X = () => {
-      n.value = -1, o.value = [], f.value = !1, p.value = !0;
-    }, S = (A) => {
-      const V = s.search(A);
-      if (V instanceof Promise) {
-        const Q = ++i.value;
-        x.value = !0, V.then((K) => {
-          Q === i.value && (o.value = K, x.value = !1, o.value.length ? (n.value = s.autoSelect ? 0 : -1, f.value = !0) : X());
+    })), q = () => {
+      n.value = -1, o.value = [], f.value = !1, g.value = !0;
+    }, $ = (A) => {
+      const z = a.search(A);
+      if (z instanceof Promise) {
+        const J = ++i.value;
+        b.value = !0, z.then((W) => {
+          J === i.value && (o.value = W, b.value = !1, o.value.length ? (n.value = a.autoSelect ? 0 : -1, f.value = !0) : q());
         });
       } else
-        o.value = V, o.value.length === 0 ? X() : (n.value = s.autoSelect ? 0 : -1, f.value = !0);
+        o.value = z, o.value.length === 0 ? q() : (n.value = a.autoSelect ? 0 : -1, f.value = !0);
     }, D = () => {
       const A = o.value[n.value];
-      return A && (l.value = s.getResultValue(A)), X(), A;
-    }, R = (A) => {
-      l.value = A, S(A);
-    }, h = (A) => S(A.target.value), b = () => {
-      X(), t("blur-sm");
-    }, y = () => {
+      return A && (l.value = a.getResultValue(A)), q(), A;
+    }, p = (A) => {
+      l.value = A, $(A);
+    }, h = (A) => $(A.target.value), x = () => {
+      q(), t("blur-sm");
+    }, N = () => {
       const A = o.value.length;
       n.value = ((n.value - 1) % A + A) % A;
-    }, N = (A) => {
+    }, U = (A) => {
       f.value || h(A);
-      const V = o.value.length;
-      n.value = ((n.value + 1) % V + V) % V;
-    }, W = () => {
-      X(), l.value = "";
-    }, re = () => t("submit", D()), le = (A) => {
-      const V = A.target.closest("[data-result-index]");
-      V && (n.value = parseInt(V.dataset.resultIndex, 10), t("submit", D()));
+      const z = o.value.length;
+      n.value = ((n.value + 1) % z + z) % z;
+    }, oe = () => {
+      q(), l.value = "";
+    }, ae = () => t("submit", D()), he = (A) => {
+      const z = A.target.closest("[data-result-index]");
+      z && (n.value = parseInt(z.dataset.resultIndex, 10), t("submit", D()));
     };
-    return ye($, X), Pe(() => {
+    return we(C, q), Be(() => {
       if (M.value) {
-        const A = g.value.getBoundingClientRect(), V = M.value.getBoundingClientRect();
-        p.value && o.value.length && (p.value = !1, w.value = A.bottom + V.height > window.innerHeight && window.innerHeight - A.bottom < A.top && window.pageYOffset + A.top - V.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
-        const Q = M.value.querySelector('[data-result-index="' + n.value + '"]');
-        if (Q) {
-          let K = Q.getBoundingClientRect();
-          K.top < V.top ? M.value.scrollTop -= V.top - K.top : K.bottom > V.bottom && (M.value.scrollTop += K.bottom - V.bottom);
+        const A = y.value.getBoundingClientRect(), z = M.value.getBoundingClientRect();
+        g.value && o.value.length && (g.value = !1, w.value = A.bottom + z.height > window.innerHeight && window.innerHeight - A.bottom < A.top && window.pageYOffset + A.top - z.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
+        const J = M.value.querySelector('[data-result-index="' + n.value + '"]');
+        if (J) {
+          let W = J.getBoundingClientRect();
+          W.top < z.top ? M.value.scrollTop -= z.top - W.top : W.bottom > z.bottom && (M.value.scrollTop += W.bottom - z.bottom);
         }
       }
-    }), (A, V) => (c(), m("div", {
+    }), (A, z) => (d(), m("div", {
       ref_key: "container",
-      ref: $,
-      class: C(["inline-block relative", A.$attrs.class])
+      ref: C,
+      class: S(["inline-block relative", A.$attrs.class])
     }, [
-      v("input", H({
+      c("input", R({
         ref_key: "input",
-        ref: g,
+        ref: y,
         class: "block pr-10 w-full form-input focus:border-vxvue",
         value: l.value
-      }, F.value, {
-        onInput: V[0] || (V[0] = (Q) => R(Q.target.value)),
+      }, E.value, {
+        onInput: z[0] || (z[0] = (J) => p(J.target.value)),
         onKeydown: [
-          ue(re, ["enter"]),
-          ue(W, ["esc"]),
-          ue(D, ["tab"]),
-          ue(_(y, ["prevent"]), ["up"]),
-          ue(_(N, ["prevent"]), ["down"])
+          re(ae, ["enter"]),
+          re(oe, ["esc"]),
+          re(D, ["tab"]),
+          re(j(N, ["prevent"]), ["up"]),
+          re(j(U, ["prevent"]), ["down"])
         ],
         onFocus: h,
-        onBlur: b
-      }), null, 16, rt),
-      v("span", ut, [
-        x.value ? (c(), Z(Ce, {
+        onBlur: x
+      }), null, 16, ut),
+      c("span", it, [
+        b.value ? (d(), H(Ce, {
           key: 0,
           class: "size-5"
-        })) : I("", !0)
+        })) : B("", !0)
       ]),
-      o.value.length ? (c(), m("div", H({
-        key: 0,
-        ref_key: "resultList",
-        ref: M
-      }, q.value, {
-        onClick: le,
-        onMousedown: V[1] || (V[1] = _(() => {
-        }, ["prevent"]))
-      }), [
-        (c(!0), m(O, null, j(o.value, (Q, K) => (c(), m("div", { "data-result-index": K }, [
-          T(A.$slots, "result", {
-            result: Q,
-            props: z.value[K]
-          }, () => [
-            (c(), m("div", H({
-              key: z.value[K].id,
-              ref_for: !0
-            }, z.value[K]), P(e.getResultValue(Q)), 17))
-          ])
-        ], 8, it))), 256))
-      ], 16)) : I("", !0)
+      _(de, { name: "fade" }, {
+        default: ee(() => [
+          o.value.length ? (d(), m("div", R({
+            key: 0,
+            ref_key: "resultList",
+            ref: M
+          }, G.value, {
+            onClick: he,
+            onMousedown: z[1] || (z[1] = j(() => {
+            }, ["prevent"]))
+          }), [
+            (d(!0), m(O, null, Y(o.value, (J, W) => (d(), m("div", { "data-result-index": W }, [
+              T(A.$slots, "result", {
+                result: J,
+                props: V.value[W]
+              }, () => [
+                (d(), m("div", R({
+                  key: V.value[W].id
+                }, { ref_for: !0 }, V.value[W]), P(e.getResultValue(J)), 17))
+              ])
+            ], 8, dt))), 256))
+          ], 16)) : B("", !0)
+        ]),
+        _: 3
+      })
     ], 2));
   }
-}), Ae = (e, u) => {
-  const t = e.__vccOpts || e;
-  for (const [s, l] of u)
-    t[s] = l;
-  return t;
-}, dt = {
-  __name: "VxVueTransition",
-  props: { name: { type: String, required: !0, validator: (e) => ["appear", "vert-fade"].includes(e) } },
-  setup(e) {
-    return (u, t) => (c(), Z(Be, { name: e.name }, {
-      default: ne(() => [
-        T(u.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-}, we = /* @__PURE__ */ Ae(dt, [["__scopeId", "data-v-edc3641f"]]), ct = {
+}), ct = {
   key: 0,
   class: "fixed inset-0 z-[calc(var(--zIndex-confirm)-1)] bg-black/50 backdrop-blur-xs",
   "aria-hidden": "true"
 }, vt = {
   key: 0,
   class: "overflow-y-auto fixed inset-0 z-[var(--zIndex-confirm)]"
-}, ft = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, mt = { key: 0 }, ht = { 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" }, pt = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, gt = { class: "flex flex-row items-center" }, bt = { class: "shrink-0" }, xt = { class: "grow text-center" }, yt = ["onClick"], Al = {
+}, ft = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, mt = { key: 0 }, ht = { class: "inline-block 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" }, pt = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, gt = { class: "flex flex-row items-center" }, bt = { class: "shrink-0" }, xt = { class: "grow text-center" }, yt = ["onClick"], Al = {
   __name: "Confirm",
   props: {
     buttons: {
@@ -618,60 +619,60 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
     }
   },
   setup(e, { expose: u }) {
-    const t = e, s = k(""), l = k(""), a = k(!1);
-    let d = null, r = null;
-    const o = B(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), n = k(null), i = (x, w) => {
-      a.value = !1, x.value !== void 0 ? x.value ? d() : r() : w ? r() : d();
+    const t = e, a = k(""), l = k(""), s = k(!1);
+    let v = null, r = null;
+    const o = I(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), n = k(null), i = (b, w) => {
+      s.value = !1, b.value !== void 0 ? b.value ? v() : r() : w ? r() : v();
     };
-    return u({ open: (x, w) => (s.value = x, l.value = w, a.value = !0, ge(() => n.value.firstElementChild.focus()), new Promise((p, M) => {
-      d = p, r = M;
-    })) }), (x, w) => (c(), m(O, null, [
-      a.value ? (c(), m("div", ct)) : I("", !0),
-      Y(we, { name: "appear" }, {
-        default: ne(() => [
-          a.value ? (c(), m("div", vt, [
-            v("div", ft, [
-              a.value ? (c(), m("div", mt, [
-                w[0] || (w[0] = v("span", {
+    return u({ open: (b, w) => (a.value = b, l.value = w, s.value = !0, be(() => n.value.firstElementChild.focus()), new Promise((g, M) => {
+      v = g, r = M;
+    })) }), (b, w) => (d(), m(O, null, [
+      s.value ? (d(), m("div", ct)) : B("", !0),
+      _(de, { name: "appear" }, {
+        default: ee(() => [
+          s.value ? (d(), m("div", vt, [
+            c("div", ft, [
+              s.value ? (d(), m("div", mt, [
+                w[0] || (w[0] = c("span", {
                   class: "hidden sm:inline-block sm:h-screen sm:align-middle",
                   "aria-hidden": "true"
                 }, "​", -1)),
-                v("div", ht, [
-                  s.value || x.$slots.title ? (c(), m("h3", {
+                c("div", ht, [
+                  a.value || b.$slots.title ? (d(), m("h3", {
                     key: 0,
-                    class: C(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
+                    class: S(["py-4 pt-4 rounded-t-sm text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
-                    T(x.$slots, "title", { title: s.value }, () => [
-                      ee(P(s.value), 1)
+                    T(b.$slots, "title", { title: a.value }, () => [
+                      Q(P(a.value), 1)
                     ])
-                  ], 2)) : I("", !0),
-                  v("div", pt, [
-                    v("div", gt, [
-                      v("div", bt, [
-                        T(x.$slots, "icon")
+                  ], 2)) : B("", !0),
+                  c("div", pt, [
+                    c("div", gt, [
+                      c("div", bt, [
+                        T(b.$slots, "icon")
                       ]),
-                      v("p", xt, [
-                        T(x.$slots, "default", { message: l.value }, () => [
-                          ee(P(l.value), 1)
+                      c("p", xt, [
+                        T(b.$slots, "default", { message: l.value }, () => [
+                          Q(P(l.value), 1)
                         ])
                       ])
                     ]),
-                    v("div", {
+                    c("div", {
                       ref_key: "buttonsContainer",
                       ref: n,
                       class: "flex justify-center mt-5 space-x-2 sm:mt-6"
                     }, [
-                      (c(!0), m(O, null, j(o.value, (p, M) => (c(), m("button", {
-                        key: p.label,
-                        class: C([e.buttonClass, p.class]),
-                        onClick: _((g) => i(p, M), ["prevent"])
-                      }, P(p.label), 11, yt))), 128))
+                      (d(!0), m(O, null, Y(o.value, (g, M) => (d(), m("button", {
+                        key: g.label,
+                        class: S([e.buttonClass, g.class]),
+                        onClick: j((y) => i(g, M), ["prevent"])
+                      }, P(g.label), 11, yt))), 128))
                     ], 512)
                   ])
                 ])
-              ])) : I("", !0)
+              ])) : B("", !0)
             ])
-          ])) : I("", !0)
+          ])) : B("", !0)
         ]),
         _: 3
       })
@@ -679,35 +680,35 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
   }
 };
 function wt(e, u) {
-  const t = k(!1), s = E(u);
-  let l, a = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), d = [];
-  if ((l = s.match(/\bd\b/gi)) && l.length === 1)
-    a = a.replace("d", "(\\d{1,2})");
-  else if ((l = s.match(/\bdd\b/gi)) && l.length === 1)
-    a = a.replace("dd", "(\\d{2})");
+  const t = k(!1), a = F(u);
+  let l, s = a.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), v = [];
+  if ((l = a.match(/\bd\b/gi)) && l.length === 1)
+    s = s.replace("d", "(\\d{1,2})");
+  else if ((l = a.match(/\bdd\b/gi)) && l.length === 1)
+    s = s.replace("dd", "(\\d{2})");
   else
     return { date: t };
-  if (d.push({ srcPos: s.toLowerCase().indexOf("d"), destPos: 2 }), (l = s.match(/\bm\b/gi)) && l.length === 1)
-    a = a.replace("m", "(\\d{1,2})");
-  else if ((l = s.match(/\bmm\b/gi)) && l.length === 1)
-    a = a.replace("mm", "(\\d{2})");
+  if (v.push({ srcPos: a.toLowerCase().indexOf("d"), destPos: 2 }), (l = a.match(/\bm\b/gi)) && l.length === 1)
+    s = s.replace("m", "(\\d{1,2})");
+  else if ((l = a.match(/\bmm\b/gi)) && l.length === 1)
+    s = s.replace("mm", "(\\d{2})");
   else
     return { date: t };
-  if (d.push({ srcPos: s.toLowerCase().indexOf("m"), destPos: 1 }), (l = s.match(/\byyyy\b/gi)) && l.length === 1)
-    a = a.replace("yyyy", "(\\d{4})");
+  if (v.push({ srcPos: a.toLowerCase().indexOf("m"), destPos: 1 }), (l = a.match(/\byyyy\b/gi)) && l.length === 1)
+    s = s.replace("yyyy", "(\\d{4})");
   else
     return { date: t };
-  if (d.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(l = E(e).match(a)))
+  if (v.push({ srcPos: a.toLowerCase().indexOf("y"), destPos: 0 }), !(l = F(e).match(s)))
     return { date: t };
-  l.shift(), d.sort((i, f) => i.srcPos < f.srcPos ? -1 : 1);
+  l.shift(), v.sort((i, f) => i.srcPos < f.srcPos ? -1 : 1);
   let r = [], o, n;
   for (; o = l.shift(); )
-    n = d.shift(), r[n.destPos] = o;
+    n = v.shift(), r[n.destPos] = o;
   return r = Date.parse(r.join("-")), r && (r = new Date(r), t.value = new Date(r.getFullYear(), r.getMonth(), r.getDate(), 0, 0, 0)), { date: t };
 }
 const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "DateInput",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ Z({
     outputFormat: { type: String, default: "YYYY-MM-DD" },
     inputFormat: { type: String, default: "YYYY-MM-DD" },
     showToggle: { type: Boolean, default: !1 }
@@ -715,65 +716,62 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
     modelValue: { type: Date, default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["toggle-datepicker"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["toggle-datepicker"], ["update:modelValue"]),
   setup(e, { emit: u }) {
-    const t = u, s = e, l = te(e, "modelValue"), a = k(""), d = B(() => l.value ? ke(l.value, s.outputFormat) : ""), r = B(() => {
-      let o = Object.assign({}, G());
+    const t = u, a = e, l = te(e, "modelValue"), s = k(""), v = I(() => l.value ? ke(l.value, a.outputFormat) : ""), r = I(() => {
+      let o = Object.assign({}, K());
       return delete o.class, o;
     });
-    return J(l, (o) => a.value === o ? ke(o, s.outputFormat) : ""), (o, n) => (c(), m("div", {
-      class: C(["inline-block relative", o.$attrs.class])
+    return X(l, (o) => s.value === o ? ke(o, a.outputFormat) : ""), (o, n) => (d(), m("div", {
+      class: S(["inline-block relative", o.$attrs.class])
     }, [
-      se(v("div", null, [
-        v("div", {
-          class: C(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showToggle }])
+      le(c("div", null, [
+        c("div", {
+          class: S(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showToggle }])
         }, [
-          v("span", kt, P(d.value), 1),
-          r.value.disabled ? I("", !0) : (c(), m("button", {
+          c("span", kt, P(v.value), 1),
+          r.value.disabled ? B("", !0) : (d(), 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: n[0] || (n[0] = (i) => l.value = null)
           }, [
-            Y(L(xe), { class: "size-4" })
+            _(L(ye), { class: "size-4" })
           ]))
         ], 2)
       ], 512), [
-        [pe, d.value]
+        [fe, v.value]
       ]),
-      se(v("div", null, [
-        se(v("input", H({
-          "onUpdate:modelValue": n[1] || (n[1] = (i) => a.value = i),
+      le(c("div", null, [
+        le(c("input", R({
+          "onUpdate:modelValue": n[1] || (n[1] = (i) => s.value = i),
           type: "text",
           class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showToggle }]
         }, r.value, {
-          onBlur: n[2] || (n[2] = (i) => {
-            var f;
-            return l.value = ((f = L(wt)(a.value, s.inputFormat).date) == null ? void 0 : f.value) || null;
-          }),
-          onInput: n[3] || (n[3] = _(() => {
+          onBlur: n[2] || (n[2] = (i) => l.value = L(wt)(s.value, a.inputFormat).date?.value || null),
+          onInput: n[3] || (n[3] = j(() => {
           }, ["prevent"]))
         }), null, 16), [
-          [Ie, a.value]
+          [Ie, s.value]
         ])
       ], 512), [
-        [pe, !d.value]
+        [fe, !v.value]
       ]),
-      e.showToggle ? (c(), m("button", {
+      e.showToggle ? (d(), m("button", {
         key: 0,
         ref: "toggleButton",
-        class: C(["flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700", r.value.disabled ? "cursor-not-allowed" : "hover:text-vxvue"]),
+        class: S(["flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700", r.value.disabled ? "cursor-not-allowed" : "hover:text-vxvue"]),
         disabled: r.value.disabled,
         "aria-label": "datepicker-toggle",
-        onClick: n[4] || (n[4] = _((i) => t("toggle-datepicker"), ["stop"]))
+        onClick: n[4] || (n[4] = j((i) => t("toggle-datepicker"), ["stop"]))
       }, [
-        Y(L(je), { class: "size-6" })
-      ], 10, $t)) : I("", !0),
+        _(L(je), { class: "size-6" })
+      ], 10, $t)) : B("", !0),
       T(o.$slots, "default")
     ], 2));
   }
 }), Ct = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, Mt = { class: "flex justify-between w-1/2" }, Dt = { class: "flex justify-between w-1/2" }, At = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, Lt = ["disabled", "onClick"], Tt = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, Vt = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, zt = ["onClick"], Ll = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Datepicker",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ Z({
     shownMonth: Date,
     maxNumberOfValues: { type: Number, default: 1 },
     validFrom: Date,
@@ -791,178 +789,184 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["month-change", "year-change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["month-change", "year-change"], ["update:modelValue"]),
   setup(e, { emit: u }) {
-    const t = e, s = te(e, "modelValue"), l = u, a = (() => {
-      const h = /* @__PURE__ */ new Date();
-      return new Date(h.getFullYear(), h.getMonth(), h.getDate());
-    })(), d = k(null), r = k([]), o = k(!1), n = k("days"), i = k(0), f = k({ horiz: "left-0", vert: "top-0" }), x = k(null), w = k(null), p = k(null), M = B(() => t.hasInput && t.maxNumberOfValues === 1), g = B(() => M.value ? { class: ["absolute", o.value ? "block" : "hidden"] } : {}), $ = B(() => {
-      const h = [], b = d.value.getFullYear(), y = d.value.getMonth(), N = new Date(b, y + 1, 0), W = new Date(b, y, 0).getDay() + 1 - t.startOfWeekIndex, re = (6 + t.startOfWeekIndex - N.getDay()) % 7;
-      for (let le = -W, A = N.getDate() + re; le < A; ++le)
-        h.push(new Date(b, y, le + 1));
-      return h;
-    }), z = B(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames);
-    J(s, (h) => {
-      if (h)
-        if (Array.isArray(h)) {
-          const b = [], y = r.value;
-          h.forEach((N) => {
-            N && b.push(new Date(N.getFullYear(), N.getMonth(), N.getDate()));
-          }), (b.length !== y.length || ![.../* @__PURE__ */ new Set([...b, ...y])].every((N) => b.filter((W) => W.getTime() === N.getTime()).length === y.filter((W) => W.getTime() === N.getTime()).length)) && (r.value = b, d.value = new Date((b[0] || a).getTime()), d.value.setDate(1));
-        } else
-          r.value = [new Date(h.getFullYear(), h.getMonth(), h.getDate())], d.value = new Date(h.getFullYear(), h.getMonth(), 1);
-      else
-        r.value = [], d.value = new Date(a.getFullYear(), a.getMonth(), 1);
-    }, { immediate: !0 }), J(() => t.shownMonth, (h) => {
-      d.value = new Date((h || a).getTime()), d.value.setDate(1);
-    }, { immediate: !0 }), J(o, (h) => {
-      h && M.value && ge(() => {
-        const b = x.value.$el.getBoundingClientRect(), y = w.value.getBoundingClientRect();
-        f.value = {
-          horiz: b.right - y.width < 0 ? "left-0" : "right-0",
-          vert: b.bottom + y.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12"
-        };
-      });
-    }), ye(w, () => {
-      o.value = !1, n.value = "days";
-    }, { ignore: [p] });
-    const F = (h) => {
-      d.value = new Date(d.value.getFullYear(), h, 1), l("month-change", d.value);
-    }, q = (h) => {
-      d.value = new Date(h, d.value.getMonth(), 1), l("year-change", d.value);
-    }, X = (h) => s.value = h, S = (h) => {
+    const t = e, a = te(e, "modelValue"), l = u, s = (() => {
+      const p = /* @__PURE__ */ new Date();
+      return new Date(p.getFullYear(), p.getMonth(), p.getDate());
+    })(), v = k(null), r = k([]), o = k(!1), n = k("days"), i = k(0), f = k({ horiz: "left-0", vert: "top-0" }), b = k(null), w = k(null), g = k(null), M = I(() => t.hasInput && t.maxNumberOfValues === 1), y = I(() => {
+      const p = [], h = v.value.getFullYear(), x = v.value.getMonth(), N = new Date(h, x + 1, 0), U = new Date(h, x, 0).getDay() + 1 - t.startOfWeekIndex, oe = (6 + t.startOfWeekIndex - N.getDay()) % 7;
+      for (let ae = -U, he = N.getDate() + oe; ae < he; ++ae)
+        p.push(new Date(h, x, ae + 1));
+      return p;
+    }), C = I(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames), V = (p) => {
+      v.value = new Date(v.value.getFullYear(), p, 1), l("month-change", v.value);
+    }, E = (p) => {
+      v.value = new Date(p, v.value.getMonth(), 1), l("year-change", v.value);
+    }, G = (p) => a.value = p, q = (p) => {
       if (o.value = !1, t.maxNumberOfValues === 1)
-        s.value = h;
+        a.value = p;
       else {
-        const b = r.value;
-        let y = b.findIndex((N) => N.getTime() === h.getTime());
-        y !== -1 ? b.splice(y, 1) : b.length < t.maxNumberOfValues && b.push(h), s.value = b;
+        const h = r.value;
+        let x = h.findIndex((N) => N.getTime() === p.getTime());
+        x !== -1 ? h.splice(x, 1) : h.length < t.maxNumberOfValues && h.push(p), a.value = h;
       }
-    }, D = (h) => r.value.find((b) => (b == null ? void 0 : b.getTime()) === h.getTime()), R = (h) => {
-      const b = h.getMonth() !== d.value.getMonth(), y = D(h), N = h.getTime() === a.getTime(), W = t.validFrom && t.validFrom > h || t.validUntil && t.validUntil < h, re = !y && t.maxNumberOfValues > 1 && r.value.length === t.maxNumberOfValues, le = t.highlightRange && h > Math.min(...r.value) && h < Math.max(...r.value);
+    }, $ = (p) => r.value.find((h) => h?.getTime() === p.getTime()), D = (p) => {
+      const h = p.getMonth() !== v.value.getMonth(), x = $(p), N = p.getTime() === s.getTime(), U = t.validFrom && t.validFrom > p || t.validUntil && t.validUntil < p, oe = !x && t.maxNumberOfValues > 1 && r.value.length === t.maxNumberOfValues, ae = t.highlightRange && p > Math.min(...r.value) && p < Math.max(...r.value);
       return {
-        "cursor-not-allowed": W || re,
-        "text-vxvue-700": !W && !b && !N && !y,
-        "text-error": W && !b,
-        "text-gray-400": b && !N && !y,
-        "bg-vxvue-alt-300 font-bold": N && !y,
-        "bg-vxvue-700 text-white": y,
-        "hover:ring-2 hover:ring-vxvue": !W,
-        "bg-vxvue-100/50": le && !N && !y
+        "cursor-not-allowed": U || oe,
+        "text-vxvue-700": !U && !h && !N && !x,
+        "text-error": U && !h,
+        "text-gray-400": h && !N && !x,
+        "bg-vxvue-alt-300 font-bold": N && !x,
+        "bg-vxvue-700 text-white": x,
+        "hover:ring-2 hover:ring-vxvue": !U,
+        "bg-vxvue-100/50": ae && !N && !x
       };
     };
-    return be(() => {
-      var h;
-      return p.value = (h = x.value) == null ? void 0 : h.$refs.toggleButton;
-    }), (h, b) => (c(), m("div", {
-      class: C(["relative", h.$attrs.class])
+    return we(w, () => {
+      o.value = !1, n.value = "days";
+    }, { ignore: [g] }), xe(() => g.value = b.value?.$refs.toggleButton), X(o, (p) => {
+      p && M.value && be(() => {
+        const h = b.value.$el.getBoundingClientRect(), x = w.value.getBoundingClientRect();
+        f.value.horiz = h.right - x.width < 0 ? "left-0" : "right-0", f.value.vert = h.bottom + x.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
+      });
+    }), X(a, (p) => {
+      if (p)
+        if (Array.isArray(p)) {
+          const h = [], x = r.value;
+          p.forEach((N) => {
+            N && h.push(new Date(N.getFullYear(), N.getMonth(), N.getDate()));
+          }), (h.length !== x.length || ![.../* @__PURE__ */ new Set([...h, ...x])].every((N) => h.filter((U) => U.getTime() === N.getTime()).length === x.filter((U) => U.getTime() === N.getTime()).length)) && (r.value = h, v.value = new Date((h[0] || s).getTime()), v.value.setDate(1));
+        } else
+          r.value = [new Date(p.getFullYear(), p.getMonth(), p.getDate())], v.value = new Date(p.getFullYear(), p.getMonth(), 1);
+      else
+        r.value = [], v.value = new Date(s.getFullYear(), s.getMonth(), 1);
+    }, { immediate: !0 }), X(() => t.shownMonth, (p) => {
+      v.value = new Date((p || s).getTime()), v.value.setDate(1);
+    }, { immediate: !0 }), (p, h) => (d(), m("div", {
+      class: S(["relative", p.$attrs.class])
     }, [
-      M.value ? (c(), Z(St, H({ key: 0 }, h.$attrs, {
+      M.value ? (d(), H(St, R({ key: 0 }, p.$attrs, {
         ref_key: "input",
-        ref: x,
+        ref: b,
         "model-value": r.value[0],
         "show-toggle": !0,
         class: "w-full",
-        onToggleDatepicker: b[0] || (b[0] = (y) => o.value = !o.value),
-        "onUpdate:modelValue": X
+        onToggleDatepicker: h[0] || (h[0] = (x) => o.value = !o.value),
+        "onUpdate:modelValue": G
       }), {
-        default: ne(() => [
-          T(h.$slots, "default")
+        default: ee(() => [
+          T(p.$slots, "default")
         ]),
         _: 3
-      }, 16, ["model-value"])) : I("", !0),
-      v("div", H(g.value, {
-        ref_key: "calendar",
-        ref: w,
-        class: ["overflow-hidden z-[var(--zIndex-dropdown)] bg-white rounded-sm shadow-md min-w-72 sm:min-w-80", [f.value.horiz, f.value.vert]]
-      }), [
-        n.value === "days" ? (c(), m(O, { key: 0 }, [
-          v("div", Ct, [
-            v("div", Mt, [
-              v("button", {
-                class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                onClick: b[1] || (b[1] = _((y) => F(d.value.getMonth() - 1), ["stop"]))
-              }, [
-                Y(L(ve), { class: "size-6" })
+      }, 16, ["model-value"])) : B("", !0),
+      _(de, { name: "fade" }, {
+        default: ee(() => [
+          le(c("div", {
+            ref_key: "calendar",
+            ref: w,
+            class: S([
+              "overflow-hidden z-[var(--zIndex-dropdown)] bg-white rounded-sm shadow-md min-w-72 sm:min-w-80",
+              f.value.horiz,
+              f.value.vert,
+              {
+                absolute: M.value
+              }
+            ])
+          }, [
+            n.value === "days" ? (d(), m(O, { key: 0 }, [
+              c("div", Ct, [
+                c("div", Mt, [
+                  c("button", {
+                    class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+                    onClick: h[1] || (h[1] = j((x) => V(v.value.getMonth() - 1), ["stop"]))
+                  }, [
+                    _(L(ve), { class: "size-6" })
+                  ]),
+                  c("span", null, P(v.value.toLocaleString(e.locale, { month: "long" })), 1),
+                  c("button", {
+                    class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+                    onClick: h[2] || (h[2] = j((x) => V(v.value.getMonth() + 1), ["stop"]))
+                  }, [
+                    _(L(ie), { class: "size-6" })
+                  ])
+                ]),
+                c("div", Dt, [
+                  c("button", {
+                    class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+                    onClick: h[3] || (h[3] = j((x) => E(v.value.getFullYear() - 1), ["stop"]))
+                  }, [
+                    _(L(ve), { class: "size-6" })
+                  ]),
+                  c("button", {
+                    class: "text-vxvue-100 hover:text-vxvue-50",
+                    onClick: h[4] || (h[4] = (x) => {
+                      n.value = "years", i.value = v.value.getFullYear();
+                    })
+                  }, P(v.value.getFullYear()), 1),
+                  c("button", {
+                    class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+                    onClick: h[5] || (h[5] = j((x) => E(v.value.getFullYear() + 1), ["stop"]))
+                  }, [
+                    _(L(ie), { class: "size-6" })
+                  ])
+                ])
               ]),
-              v("span", null, P(d.value.toLocaleString(e.locale, { month: "long" })), 1),
-              v("button", {
-                class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                onClick: b[2] || (b[2] = _((y) => F(d.value.getMonth() + 1), ["stop"]))
-              }, [
-                Y(L(de), { class: "size-6" })
+              c("div", At, [
+                (d(!0), m(O, null, Y(C.value, (x, N) => (d(), m("div", {
+                  key: N,
+                  class: "py-2 text-center bg-gray-200"
+                }, P(x), 1))), 128)),
+                (d(!0), m(O, null, Y(y.value, (x) => (d(), m("button", {
+                  key: x,
+                  class: S(["py-2 rounded-xs block text-center", D(x)]),
+                  disabled: e.validFrom && e.validFrom > x || e.validUntil && e.validUntil < x || e.maxNumberOfValues > 1 && r.value.length === e.maxNumberOfValues && !$(x),
+                  onClick: j((N) => q(x), ["stop"])
+                }, P(x.getDate()), 11, Lt))), 128))
               ])
-            ]),
-            v("div", Dt, [
-              v("button", {
-                class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                onClick: b[3] || (b[3] = _((y) => q(d.value.getFullYear() - 1), ["stop"]))
-              }, [
-                Y(L(ve), { class: "size-6" })
+            ], 64)) : B("", !0),
+            n.value === "years" ? (d(), m(O, { key: 1 }, [
+              c("div", Tt, [
+                c("button", {
+                  class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+                  onClick: h[6] || (h[6] = j((x) => i.value -= 10, ["stop"]))
+                }, [
+                  _(L(ve), { class: "size-6" })
+                ]),
+                c("span", null, P(i.value) + " - " + P(i.value + 9), 1),
+                c("button", {
+                  class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
+                  onClick: h[7] || (h[7] = j((x) => i.value += 10, ["stop"]))
+                }, [
+                  _(L(ie), { class: "size-6" })
+                ])
               ]),
-              v("button", {
-                class: "text-vxvue-100 hover:text-vxvue-50",
-                onClick: b[4] || (b[4] = (y) => {
-                  n.value = "years", i.value = d.value.getFullYear();
-                })
-              }, P(d.value.getFullYear()), 1),
-              v("button", {
-                class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                onClick: b[5] || (b[5] = _((y) => q(d.value.getFullYear() + 1), ["stop"]))
-              }, [
-                Y(L(de), { class: "size-6" })
+              c("div", Vt, [
+                (d(), m(O, null, Y(10, (x) => c("div", {
+                  key: x,
+                  class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue"
+                }, [
+                  c("button", {
+                    class: "py-2 px-3",
+                    onClick: j((N) => {
+                      E(i.value + x - 1), n.value = "days";
+                    }, ["stop"])
+                  }, P(i.value + x - 1), 9, zt)
+                ])), 64))
               ])
-            ])
-          ]),
-          v("div", At, [
-            (c(!0), m(O, null, j(z.value, (y, N) => (c(), m("div", {
-              key: N,
-              class: "py-2 text-center bg-gray-200"
-            }, P(y), 1))), 128)),
-            (c(!0), m(O, null, j($.value, (y) => (c(), m("button", {
-              key: y,
-              class: C(["py-2 rounded-xs block text-center", R(y)]),
-              disabled: e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y || e.maxNumberOfValues > 1 && r.value.length === e.maxNumberOfValues && !D(y),
-              onClick: _((N) => S(y), ["stop"])
-            }, P(y.getDate()), 11, Lt))), 128))
+            ], 64)) : B("", !0)
+          ], 2), [
+            [fe, o.value]
           ])
-        ], 64)) : I("", !0),
-        n.value === "years" ? (c(), m(O, { key: 1 }, [
-          v("div", Tt, [
-            v("button", {
-              class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-              onClick: b[6] || (b[6] = _((y) => i.value -= 10, ["stop"]))
-            }, [
-              Y(L(ve), { class: "size-6" })
-            ]),
-            v("span", null, P(i.value) + " - " + P(i.value + 9), 1),
-            v("button", {
-              class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-              onClick: b[7] || (b[7] = _((y) => i.value += 10, ["stop"]))
-            }, [
-              Y(L(de), { class: "size-6" })
-            ])
-          ]),
-          v("div", Vt, [
-            (c(), m(O, null, j(10, (y) => v("div", {
-              key: y,
-              class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue"
-            }, [
-              v("button", {
-                class: "py-2 px-3",
-                onClick: _((N) => {
-                  q(i.value + y - 1), n.value = "days";
-                }, ["stop"])
-              }, P(i.value + y - 1), 9, zt)
-            ])), 64))
-          ])
-        ], 64)) : I("", !0)
-      ], 16)
+        ]),
+        _: 1
+      })
     ], 2));
   }
 }), Pt = ["for"], Bt = ["id", "multiple", "accept"], Tl = {
   __name: "FormFileButton",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ Z({
     accept: { type: String, default: "*" },
     multiple: { type: Boolean, default: !1 },
     name: { type: String, default: "file" },
@@ -971,43 +975,44 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
     modelValue: { type: Array, default: () => [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["form-data"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["form-data"], ["update:modelValue"]),
   setup(e, { emit: u }) {
-    const t = u, s = e, l = te(e, "modelValue"), a = (r) => {
+    const t = u, a = e, l = te(e, "modelValue"), s = (r) => {
       const o = new FormData();
       for (let n of r)
-        o.append(s.name, n, n.name);
+        o.append(a.name, n, n.name);
       return o;
-    }, d = (r) => {
+    }, v = (r) => {
       const o = r.target.files || r.dataTransfer.files;
       if (o) {
         const n = Array.from(o);
-        l.value = n, t("form-data", a(n));
+        l.value = n, t("form-data", s(n));
       }
     };
-    return (r, o) => (c(), m("label", { for: e.id }, [
+    return (r, o) => (d(), m("label", { for: e.id }, [
       T(r.$slots, "default", {}, () => [
-        o[0] || (o[0] = ee("Upload"))
+        o[0] || (o[0] = Q("Upload", -1))
       ]),
-      v("input", {
+      c("input", {
         id: e.id,
         type: "file",
         multiple: e.multiple,
         accept: e.accept,
         class: "hidden",
-        onChange: d
+        onChange: v
       }, null, 40, Bt)
     ], 8, Pt));
   }
 }, It = {
   key: 0,
+  value: null,
   disabled: "",
-  value: ""
+  hidden: ""
 }, Nt = ["selected", "value"], Ot = {
   __name: "FormSelect",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ Z({
     options: { type: Array, default: () => [] },
-    disabledLabel: { type: String, default: "" }
+    placeholder: { type: String, default: null }
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -1015,12 +1020,12 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
   emits: ["update:modelValue"],
   setup(e) {
     const u = te(e, "modelValue");
-    return (t, s) => se((c(), m("select", H(t.$attrs, {
-      "onUpdate:modelValue": s[0] || (s[0] = (l) => u.value = l),
+    return (t, a) => le((d(), m("select", R(t.$attrs, {
+      "onUpdate:modelValue": a[0] || (a[0] = (l) => u.value = l),
       class: "form-select"
     }), [
-      e.disabledLabel ? (c(), m("option", It, P(e.disabledLabel), 1)) : I("", !0),
-      (c(!0), m(O, null, j(e.options, (l) => (c(), m("option", {
+      e.placeholder ? (d(), m("option", It, P(e.placeholder), 1)) : B("", !0),
+      (d(!0), m(O, null, Y(e.options, (l) => (d(), m("option", {
         key: l.key !== void 0 ? l.key : l.label || l,
         selected: (l.key !== void 0 ? l.key : l.label || l) === u.value,
         value: l.key !== void 0 ? l.key : l.label || l
@@ -1037,50 +1042,49 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const u = te(e, "modelValue"), t = B(() => {
-      let l = Object.assign({}, G());
+    const u = te(e, "modelValue"), t = I(() => {
+      let l = Object.assign({}, K());
       return delete l.class, l;
-    }), s = B(() => G().disabled || G().disabled === "");
-    return (l, a) => (c(), m("label", {
-      class: C(l.$attrs.class),
+    }), a = I(() => K().disabled || K().disabled === "");
+    return (l, s) => (d(), m("label", {
+      class: S(l.$attrs.class),
       tabindex: "0"
     }, [
-      v("span", {
+      c("span", {
         role: "switch",
-        class: C([
-          "inline-flex relative shrink-0 w-11 h-6 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-hidden focus:ring-vxvue",
-          s.value ? "bg-slate-200" : u.value ? "bg-vxvue" : "bg-slate-300"
+        class: S([
+          "inline-flex relative shrink-0 w-11 p-[2px] rounded-full transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-hidden focus:ring-vxvue",
+          a.value ? "bg-slate-200" : u.value ? "bg-vxvue" : "bg-slate-300"
         ]),
         "aria-checked": u.value,
         "aria-label": l.$attrs["aria-label"]
       }, [
-        v("span", {
+        c("span", {
           "aria-hidden": "true",
-          class: C([
-            "block relative size-5 rounded-full ring-0 shadow-sm transition duration-200 ease-in-out transform pointer-events-none",
+          class: S([
+            "block relative size-5 rounded-full transition duration-200 ease-in-out transform pointer-events-none",
             u.value ? "translate-x-5" : "translate-x-0",
-            s.value ? "bg-slate-100" : "bg-white"
+            a.value ? "bg-slate-100" : "bg-white"
           ])
         }, [
           T(l.$slots, "handle", {}, () => [
-            (c(), m("svg", {
+            (d(), m("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
-              "stroke-width": "5",
+              "stroke-width": "6",
               stroke: "currentColor",
-              class: C(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-3", u.value && !s.value ? "text-vxvue" : "text-slate-300"])
+              class: S(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-3", u.value && !a.value ? "text-vxvue" : "text-slate-300"])
             }, [
-              v("path", {
+              c("path", {
                 "stroke-linecap": "round",
-                "stroke-linejoin": "round",
                 d: u.value ? "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, Ft)
             ], 2))
           ])
         ], 2),
-        se(v("input", H({
-          "onUpdate:modelValue": a[0] || (a[0] = (d) => u.value = d)
+        le(c("input", R({
+          "onUpdate:modelValue": s[0] || (s[0] = (v) => u.value = v)
         }, t.value, {
           class: "hidden",
           value: "1",
@@ -1108,57 +1112,57 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
   },
   emits: ["timeout", "close"],
   setup(e, { emit: u }) {
-    const t = e, s = u, l = B(() => typeof t.message == "string" ? [t.message] : t.message), a = k(0);
-    let d = null;
+    const t = e, a = u, l = I(() => typeof t.message == "string" ? [t.message] : t.message), s = k(0);
+    let v = null;
     const r = () => {
-      window.clearTimeout(d), a.value = 100, t.active && t.timeout && (d = window.setTimeout(() => {
-        s("timeout");
-      }, t.timeout), window.setTimeout(() => a.value = 0, 0));
+      window.clearTimeout(v), s.value = 100, t.active && t.timeout && (v = window.setTimeout(() => {
+        a("timeout");
+      }, t.timeout), window.setTimeout(() => s.value = 0, 0));
     };
-    return J(() => t.active, r), be(r), (o, n) => (c(), m("div", _t, [
-      v("div", jt, [
-        Y(we, { name: "vert-fade" }, {
-          default: ne(() => [
-            e.active ? (c(), m("div", {
+    return X(() => t.active, r), xe(r), (o, n) => (d(), m("div", _t, [
+      c("div", jt, [
+        _(de, { name: "vert-fade" }, {
+          default: ee(() => [
+            e.active ? (d(), 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])
+              class: S(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black/5 shadow-lg pointer-events-auto", o.$attrs.class])
             }, [
-              v("div", Yt, [
-                v("div", Rt, [
-                  v("div", Ht, [
+              c("div", Yt, [
+                c("div", Rt, [
+                  c("div", Ht, [
                     T(o.$slots, "icon")
                   ]),
-                  v("div", Zt, [
+                  c("div", Zt, [
                     T(o.$slots, "title", {}, () => [
-                      v("div", Ut, P(e.title), 1)
+                      c("div", Ut, P(e.title), 1)
                     ]),
                     T(o.$slots, "default", {}, () => [
-                      (c(!0), m(O, null, j(l.value, (i) => (c(), m("p", Wt, P(i), 1))), 256))
+                      (d(!0), m(O, null, Y(l.value, (i) => (d(), m("p", Wt, P(i), 1))), 256))
                     ])
                   ]),
-                  v("div", qt, [
-                    v("button", {
+                  c("div", qt, [
+                    c("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: n[0] || (n[0] = (i) => s("close"))
+                      onClick: n[0] || (n[0] = (i) => a("close"))
                     }, [
-                      n[1] || (n[1] = v("span", { class: "sr-only" }, "Close", -1)),
-                      Y(L(xe), { class: "size-5" })
+                      n[1] || (n[1] = c("span", { class: "sr-only" }, "Close", -1)),
+                      _(L(ye), { class: "size-5" })
                     ])
                   ])
                 ])
               ]),
-              e.showTimeoutProgress && e.timeout ? (c(), m("div", {
+              e.showTimeoutProgress && e.timeout ? (d(), m("div", {
                 key: 0,
                 class: "h-1 transition-all ease-linear bg-vxvue-alt",
                 style: Se({
-                  width: a.value + "%",
+                  width: s.value + "%",
                   "transition-duration": e.timeout + "ms"
                 }),
                 role: "progressbar",
                 "aria-hidden": "false",
                 "aria-label": "notification timer"
-              }, null, 4)) : I("", !0)
-            ], 2)) : I("", !0)
+              }, null, 4)) : B("", !0)
+            ], 2)) : B("", !0)
           ]),
           _: 3
         })
@@ -1185,34 +1189,34 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
   },
   emits: ["clicked-outside"],
   setup(e, { emit: u }) {
-    const t = u, s = k(null);
-    return ye(s, () => t("clicked-outside")), (l, a) => (c(), m(O, null, [
-      e.show ? (c(), m("div", Kt)) : I("", !0),
-      Y(we, { name: "appear" }, {
-        default: ne(() => [
-          e.show ? (c(), m("div", Xt, [
-            v("div", Gt, [
-              v("div", {
+    const t = u, a = k(null);
+    return we(a, () => t("clicked-outside")), (l, s) => (d(), m(O, null, [
+      e.show ? (d(), m("div", Kt)) : B("", !0),
+      _(de, { name: "appear" }, {
+        default: ee(() => [
+          e.show ? (d(), m("div", Xt, [
+            c("div", Gt, [
+              c("div", {
                 ref_key: "container",
-                ref: s,
-                class: C([
+                ref: a,
+                class: S([
                   "flex flex-col overflow-hidden max-w-full bg-white rounded-sm ring-1 ring-black/10 shadow-xl transition-all transform xl:max-w-(--breakpoint-xl)",
                   e.containerClass
                 ])
               }, [
-                v("div", {
-                  class: C(["grow-0", e.headerClass])
+                c("div", {
+                  class: S(["grow-0", e.headerClass])
                 }, [
                   T(l.$slots, "title")
                 ], 2),
-                v("div", {
-                  class: C(["overflow-y-auto h-full", e.contentClass])
+                c("div", {
+                  class: S(["overflow-y-auto h-full", e.contentClass])
                 }, [
                   T(l.$slots, "default")
                 ], 2)
               ], 2)
             ])
-          ])) : I("", !0)
+          ])) : B("", !0)
         ]),
         _: 3
       })
@@ -1232,74 +1236,74 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
   },
   emits: ["update:page"],
   setup(e, { emit: u }) {
-    const t = u, s = e, l = k(Math.ceil(s.total / s.perPage)), a = k(null), d = B(() => (s.markerPosition === "above" ? "border-t-4 -mt-[4px]" : "border-b-4 -mb-[4px]") + " py-4"), r = B(() => {
+    const t = u, a = e, l = k(Math.ceil(a.total / a.perPage)), s = k(null), v = I(() => (a.markerPosition === "above" ? "border-t-4 -mt-[4px]" : "border-b-4 -mb-[4px]") + " py-4"), r = I(() => {
       let i = [1];
-      if (s.showAllPages || l.value <= 7) {
+      if (a.showAllPages || l.value <= 7) {
         for (let f = 2; f <= l.value; ++f)
           i.push(f);
         return i;
       }
-      return a.value >= l.value ? i.push("dots", a.value - 2, a.value - 1) : a.value - 1 && a.value - 1 > 1 && (a.value > 1 && i.push("dots"), i.push(a.value - 1)), a.value > 1 && i.push(a.value), a.value + 1 < l.value && (i.push(a.value + 1), a.value <= 1 && i.push(a.value + 2), a.value + 2 < l.value && i.push("dots")), a.value < l.value && i.push(l.value), i;
+      return s.value >= l.value ? i.push("dots", s.value - 2, s.value - 1) : s.value - 1 && s.value - 1 > 1 && (s.value > 1 && i.push("dots"), i.push(s.value - 1)), s.value > 1 && i.push(s.value), s.value + 1 < l.value && (i.push(s.value + 1), s.value <= 1 && i.push(s.value + 2), s.value + 2 < l.value && i.push("dots")), s.value < l.value && i.push(l.value), i;
     }), o = () => {
-      a.value > 1 && t("update:page", a.value - 1);
+      s.value > 1 && t("update:page", s.value - 1);
     }, n = () => {
-      a.value < l.value && t("update:page", a.value + 1);
+      s.value < l.value && t("update:page", s.value + 1);
     };
-    return J(() => s.page, (i) => a.value = Math.min(Math.max(i, 1), l.value), { immediate: !0 }), J(() => s.perPage, (i) => {
-      l.value = Math.ceil(s.total / s.perPage), t("update:page", 1);
-    }), J(() => s.total, (i) => {
-      l.value = Math.ceil(s.total / s.perPage), a.value > l.value && t("update:page", l.value);
-    }), (i, f) => (c(), m("nav", Jt, [
-      v("div", Qt, [
-        e.showNavButtons ? (c(), m("button", {
+    return X(() => a.page, (i) => s.value = Math.min(Math.max(i, 1), l.value), { immediate: !0 }), X(() => a.perPage, (i) => {
+      l.value = Math.ceil(a.total / a.perPage), t("update:page", 1);
+    }), X(() => a.total, (i) => {
+      l.value = Math.ceil(a.total / a.perPage), s.value > l.value && t("update:page", l.value);
+    }), (i, f) => (d(), m("nav", Jt, [
+      c("div", Qt, [
+        e.showNavButtons ? (d(), m("button", {
           key: 0,
-          disabled: a.value <= 1,
-          class: C([
-            a.value <= 1 ? "pointer-events-none text-gray-500" : "text-vxvue-700",
+          disabled: s.value <= 1,
+          class: S([
+            s.value <= 1 ? "pointer-events-none text-gray-500" : "text-vxvue-700",
             "inline-flex items-center pr-1 text-sm border-transparent hover:text-vxvue"
           ]),
           onClick: o
         }, [
-          Y(L(ve), { class: "size-5" }),
-          ee(" " + P(e.prevText), 1)
-        ], 10, el)) : I("", !0)
+          _(L(ve), { class: "size-5" }),
+          Q(" " + P(e.prevText), 1)
+        ], 10, el)) : B("", !0)
       ]),
-      v("div", tl, [
-        (c(!0), m(O, null, j(r.value, (x, w) => (c(), Z(fe(e.page !== "dots" ? "button" : "span"), {
+      c("div", tl, [
+        (d(!0), m(O, null, Y(r.value, (b, w) => (d(), H(me(e.page !== "dots" ? "button" : "span"), {
           key: w,
-          class: C([
-            { "pointer-events-none": x === "dots" },
-            x === a.value ? "border-vxvue text-vxvue font-bold" : "border-transparent text-gray-500 hover:border-gray-300",
-            d.value,
+          class: S([
+            { "pointer-events-none": b === "dots" },
+            b === s.value ? "border-vxvue text-vxvue font-bold" : "border-transparent text-gray-500 hover:border-gray-300",
+            v.value,
             "inline-flex items-center px-4 text-sm"
           ]),
-          onClick: (p) => x !== "dots" ? t("update:page", x) : null
+          onClick: (g) => b !== "dots" ? t("update:page", b) : null
         }, {
-          default: ne(() => [
-            ee(P(x !== "dots" ? x : "…"), 1)
+          default: ee(() => [
+            Q(P(b !== "dots" ? b : "…"), 1)
           ]),
           _: 2
         }, 1032, ["class", "onClick"]))), 128))
       ]),
-      v("div", ll, [
-        e.showNavButtons ? (c(), m("button", {
+      c("div", ll, [
+        e.showNavButtons ? (d(), m("button", {
           key: 0,
-          disabled: a.value >= l.value,
-          class: C([
-            a.value >= l.value ? "pointer-events-none text-gray-500" : "text-vxvue-700",
+          disabled: s.value >= l.value,
+          class: S([
+            s.value >= l.value ? "pointer-events-none text-gray-500" : "text-vxvue-700",
             "inline-flex items-center pr-1 text-sm border-transparent hover:text-vxvue"
           ]),
           onClick: n
         }, [
-          ee(P(e.nextText) + " ", 1),
-          Y(L(de), { class: "size-5" })
-        ], 10, al)) : I("", !0)
+          Q(P(e.nextText) + " ", 1),
+          _(L(ie), { class: "size-5" })
+        ], 10, al)) : B("", !0)
       ])
     ]));
   }
 };
 function sl(e, u) {
-  return c(), m("svg", {
+  return d(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1308,7 +1312,7 @@ function sl(e, u) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    v("path", {
+    c("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"
@@ -1316,7 +1320,7 @@ function sl(e, u) {
   ]);
 }
 function nl(e, u) {
-  return c(), m("svg", {
+  return d(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1325,12 +1329,12 @@ function nl(e, u) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    v("path", {
+    c("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"
     }),
-    v("path", {
+    c("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
@@ -1345,29 +1349,29 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const u = te(e, "modelValue"), t = k(!1), s = B(() => {
-      let l = Object.assign({}, G());
+    const u = te(e, "modelValue"), t = k(!1), a = I(() => {
+      let l = Object.assign({}, K());
       return delete l.class, l;
     });
-    return (l, a) => (c(), m("div", {
-      class: C("inline-block relative " + G().class)
+    return (l, s) => (d(), m("div", {
+      class: S("inline-block relative " + K().class)
     }, [
-      se(v("input", H({
-        "onUpdate:modelValue": a[0] || (a[0] = (d) => u.value = d),
+      le(c("input", R({
+        "onUpdate:modelValue": s[0] || (s[0] = (v) => u.value = v),
         type: t.value ? "text" : "password"
-      }, s.value, { class: "block pr-12 w-full form-input peer" }), null, 16, ol), [
+      }, a.value, { class: "block pr-12 w-full form-input peer" }), null, 16, ol), [
         [Ee, u.value]
       ]),
-      v("button", {
+      c("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: G().disabled ?? !1,
-        onClick: a[1] || (a[1] = _((d) => t.value = !t.value, ["stop"]))
+        disabled: K().disabled ?? !1,
+        onClick: s[1] || (s[1] = j((v) => t.value = !t.value, ["stop"]))
       }, [
-        t.value ? (c(), Z(L(sl), {
+        t.value ? (d(), H(L(sl), {
           key: 0,
           class: "size-5"
-        })) : (c(), Z(L(nl), {
+        })) : (d(), H(L(nl), {
           key: 1,
           class: "size-5"
         }))
@@ -1379,67 +1383,67 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
   class: "ml-6"
 }, Nl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "SimpleTree",
-  props: /* @__PURE__ */ U({ branch: { type: Object, default: () => ({}) } }, {
+  props: /* @__PURE__ */ Z({ branch: { type: Object, default: () => ({}) } }, {
     modelValue: { type: Object, default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["expand"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["expand"], ["update:modelValue"]),
   setup(e, { emit: u }) {
-    const t = e, s = u, l = te(e, "modelValue"), a = k(!1);
-    return be(() => {
-      t.branch === l.value && s("expand", !0);
-    }), (d, r) => {
+    const t = e, a = u, l = te(e, "modelValue"), s = k(!1);
+    return xe(() => {
+      t.branch === l.value && a("expand", !0);
+    }), (v, r) => {
       const o = Fe("simple-tree", !0);
-      return c(), m("div", {
-        class: C([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", d.$attrs.class])
+      return d(), m("div", {
+        class: S([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", v.$attrs.class])
       }, [
-        v("div", ul, [
-          e.branch.branches && e.branch.branches.length ? (c(), m("button", {
+        c("div", ul, [
+          e.branch.branches && e.branch.branches.length ? (d(), m("button", {
             key: 0,
             class: "mr-2",
-            onClick: r[0] || (r[0] = (n) => a.value = !a.value)
+            onClick: r[0] || (r[0] = (n) => s.value = !s.value)
           }, [
-            T(d.$slots, "toggle", {
+            T(v.$slots, "toggle", {
               branch: e.branch,
-              expanded: a.value
+              expanded: s.value
             }, () => [
-              (c(), Z(fe(a.value ? L(Ze) : L(Ue)), { class: "p-0.5 text-white rounded size-5 bg-vxvue-700 hover:bg-vxvue" }))
+              (d(), H(me(s.value ? L(Ze) : L(Ue)), { class: "p-0.5 text-white rounded size-5 bg-vxvue-700 hover:bg-vxvue" }))
             ])
-          ])) : I("", !0),
-          e.branch === l.value ? T(d.$slots, "label-selected", {
+          ])) : B("", !0),
+          e.branch === l.value ? T(v.$slots, "label-selected", {
             key: 1,
             branch: e.branch
           }, () => [
-            v("strong", null, P(e.branch.label), 1)
-          ]) : (c(), m("button", {
+            c("strong", null, P(e.branch.label), 1)
+          ]) : (d(), m("button", {
             key: 2,
             onClick: r[1] || (r[1] = (n) => l.value = e.branch)
           }, [
-            T(d.$slots, "label", { branch: e.branch }, () => [
-              ee(P(e.branch.label), 1)
+            T(v.$slots, "label", { branch: e.branch }, () => [
+              Q(P(e.branch.label), 1)
             ])
           ]))
         ]),
-        e.branch.branches && e.branch.branches.length ? se((c(), m("div", il, [
-          (c(!0), m(O, null, j(e.branch.branches, (n) => (c(), Z(o, {
+        e.branch.branches && e.branch.branches.length ? le((d(), m("div", il, [
+          (d(!0), m(O, null, Y(e.branch.branches, (n) => (d(), H(o, {
             key: n.id || n.key || null,
             branch: n,
             modelValue: l.value,
             "onUpdate:modelValue": r[2] || (r[2] = (i) => l.value = i),
             onExpand: r[3] || (r[3] = (i) => {
-              a.value = i, s("expand", i);
+              s.value = i, a("expand", i);
             })
           }, _e({ _: 2 }, [
-            j(d.$slots, (i, f) => ({
+            Y(v.$slots, (i, f) => ({
               name: f,
-              fn: ne((x) => [
-                T(d.$slots, f, H({ ref_for: !0 }, x))
+              fn: ee((b) => [
+                T(v.$slots, f, R({ ref_for: !0 }, b))
               ])
             }))
           ]), 1032, ["branch", "modelValue"]))), 128))
         ], 512)), [
-          [pe, a.value]
-        ]) : I("", !0)
+          [fe, s.value]
+        ]) : B("", !0)
       ], 2);
     };
   }
@@ -1448,42 +1452,40 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
   props: { vertical: Boolean },
   emits: ["dragStart", "dragStop"],
   setup(e, { emit: u }) {
-    const t = e, s = u, l = k(null), a = k(null);
-    let d = !1, r = {}, o = null, n = null, i = null;
-    const f = (p) => {
-      var M;
-      if (d) {
-        p.preventDefault();
-        const { pageX: g, pageY: $ } = ((M = p.touches) == null ? void 0 : M[0]) ?? p;
-        t.vertical ? l.value.style.height = Math.min(n.height - i.height - (o.y - n.y), Math.max(0, o.height + $ - r.y)) + "px" : l.value.style.width = Math.min(n.width - i.width - (o.x - n.x), Math.max(0, o.width + g - r.x)) + "px";
+    const t = e, a = u, l = k(null), s = k(null);
+    let v = !1, r = {}, o = null, n = null, i = null;
+    const f = (g) => {
+      if (v) {
+        g.preventDefault();
+        const { pageX: M, pageY: y } = g.touches?.[0] ?? g;
+        t.vertical ? l.value.style.height = Math.min(n.height - i.height - (o.y - n.y), Math.max(0, o.height + y - r.y)) + "px" : l.value.style.width = Math.min(n.width - i.width - (o.x - n.x), Math.max(0, o.width + M - r.x)) + "px";
       }
-    }, x = (p) => {
-      var $;
-      p.preventDefault(), p.currentTarget.focus(), d = !0;
-      const { pageX: M, pageY: g } = (($ = p.touches) == null ? void 0 : $[0]) ?? p;
-      r = { x: M, y: g }, i = a.value.getBoundingClientRect(), o = l.value.getBoundingClientRect(), n = l.value.parentElement.getBoundingClientRect(), p.type === "mousedown" ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", w)) : (document.addEventListener("touchmove", f), document.addEventListener("touchend", w)), s("dragStart");
-    }, w = (p) => {
-      d && (d = !1, p.type === "mouseup" ? (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", w)) : (document.removeEventListener("touchmove", f), document.removeEventListener("touchend", w)), setTimeout(() => s("dragStop"), 0));
+    }, b = (g) => {
+      g.preventDefault(), g.currentTarget.focus(), v = !0;
+      const { pageX: M, pageY: y } = g.touches?.[0] ?? g;
+      r = { x: M, y }, i = s.value.getBoundingClientRect(), o = l.value.getBoundingClientRect(), n = l.value.parentElement.getBoundingClientRect(), g.type === "mousedown" ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", w)) : (document.addEventListener("touchmove", f), document.addEventListener("touchend", w)), a("dragStart");
+    }, w = (g) => {
+      v && (v = !1, g.type === "mouseup" ? (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", w)) : (document.removeEventListener("touchmove", f), document.removeEventListener("touchend", w)), setTimeout(() => a("dragStop"), 0));
     };
-    return (p, M) => (c(), m("div", {
+    return (g, M) => (d(), m("div", {
       ref_key: "box",
       ref: l,
       class: "relative"
     }, [
-      T(p.$slots, "default"),
-      v("div", H({
+      T(g.$slots, "default"),
+      c("div", R({
         ref_key: "handle",
-        ref: a,
+        ref: s,
         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"]
       }, ce({
-        touchstart: x,
-        mousedown: x,
+        touchstart: b,
+        mousedown: b,
         touchend: w,
         mouseup: w
       }, !0)), [
-        T(p.$slots, "handle", {}, () => [
-          v("div", {
-            class: C(["rounded-full bg-vxvue", t.vertical ? "h-1.5 w-8" : "h-8 w-1.5"])
+        T(g.$slots, "handle", {}, () => [
+          c("div", {
+            class: S(["rounded-full bg-vxvue", t.vertical ? "h-1.5 w-8" : "h-8 w-1.5"])
           }, null, 2)
         ])
       ], 16)
@@ -1491,7 +1493,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
   }
 }, dl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], cl = ["id"], vl = ["id", "aria-label"], El = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Slider",
-  props: /* @__PURE__ */ U({
+  props: /* @__PURE__ */ Z({
     min: { type: Number, default: 0 },
     max: { type: Number, default: 100 },
     vertical: Boolean,
@@ -1506,65 +1508,65 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ U(["dragStart", "dragStop"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Z(["dragStart", "dragStop"], ["update:modelValue"]),
   setup(e, { emit: u }) {
-    const t = e, s = te(e, "modelValue"), l = u, a = G(), d = { x: null, y: null }, r = { w: null, h: null };
+    const t = e, a = te(e, "modelValue"), l = u, s = K(), v = { x: null, y: null }, r = { w: null, h: null };
     let o = !1;
-    const n = k(null), i = k(0), f = B(() => {
-      const S = t.max, D = t.min;
-      return s.value instanceof Array ? s.value.map((R) => (Math.max(Math.min(R, S), D) - D) * 100 / (S - D)) : (Math.max(Math.min(s.value, S), D) - D) * 100 / (S - D);
-    }), x = B(() => {
-      if (s.value instanceof Array) {
-        const S = Math.min(...f.value) + "%", D = Math.max(...f.value) - Math.min(...f.value) + "%";
-        return t.vertical ? { bottom: S, height: D } : { left: S, width: D };
+    const n = k(null), i = k(0), f = I(() => {
+      const $ = t.max, D = t.min;
+      return a.value instanceof Array ? a.value.map((p) => (Math.max(Math.min(p, $), D) - D) * 100 / ($ - D)) : (Math.max(Math.min(a.value, $), D) - D) * 100 / ($ - D);
+    }), b = I(() => {
+      if (a.value instanceof Array) {
+        const $ = Math.min(...f.value) + "%", D = Math.max(...f.value) - Math.min(...f.value) + "%";
+        return t.vertical ? { bottom: $, height: D } : { left: $, width: D };
       }
       return t.vertical ? { bottom: 0, height: f.value + "%" } : { width: f.value + "%" };
     }), w = k({
       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
-    }), p = (S) => {
-      let D = parseFloat(S.toFixed(10));
-      D = Math.min(t.max, Math.max(t.min, D)), s.value instanceof Array ? s.value[i.value] = D : s.value = D;
-    }, M = (S) => {
-      const { pageX: D, pageY: R } = S.touches ? S.touches[0] : S, h = t.vertical ? (-R + d.y) / r.h : (D - d.x) / r.w;
-      p(Math.floor((t.max - t.min) * h + t.min));
-    }, g = () => {
-      const { clientLeft: S, clientTop: D, scrollLeft: R, scrollTop: h } = document.documentElement, b = n.value.getBoundingClientRect();
-      d.x = b.left + R - S, d.y = b.bottom + h - D, r.w = n.value.offsetWidth, r.h = n.value.offsetHeight;
-    }, $ = (S) => {
-      o && (S.preventDefault(), M(S));
-    }, z = (S) => {
-      S.preventDefault(), S.currentTarget.focus(), g(), o = !0, S.type === "mousedown" ? (document.addEventListener("mousemove", $), document.addEventListener("mouseup", F)) : (document.addEventListener("touchmove", $), document.addEventListener("touchend", F)), l("dragStart");
-    }, F = (S) => {
-      o && (o = !1, S.type === "mouseup" ? (document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", F)) : (document.removeEventListener("touchmove", $), document.removeEventListener("touchend", F)), setTimeout(() => l("dragStop"), 0));
-    }, q = (S) => {
-      S.keyCode >= 33 && S.keyCode <= 40 && S.preventDefault();
-      const D = s.value[i.value] ?? s.value;
-      switch (S.keyCode) {
+    }), g = ($) => {
+      let D = parseFloat($.toFixed(10));
+      D = Math.min(t.max, Math.max(t.min, D)), a.value instanceof Array ? a.value[i.value] = D : a.value = D;
+    }, M = ($) => {
+      const { pageX: D, pageY: p } = $.touches ? $.touches[0] : $, h = t.vertical ? (-p + v.y) / r.h : (D - v.x) / r.w;
+      g(Math.floor((t.max - t.min) * h + t.min));
+    }, y = () => {
+      const { clientLeft: $, clientTop: D, scrollLeft: p, scrollTop: h } = document.documentElement, x = n.value.getBoundingClientRect();
+      v.x = x.left + p - $, v.y = x.bottom + h - D, r.w = n.value.offsetWidth, r.h = n.value.offsetHeight;
+    }, C = ($) => {
+      o && ($.preventDefault(), M($));
+    }, V = ($) => {
+      $.preventDefault(), $.currentTarget.focus(), y(), o = !0, $.type === "mousedown" ? (document.addEventListener("mousemove", C), document.addEventListener("mouseup", E)) : (document.addEventListener("touchmove", C), document.addEventListener("touchend", E)), l("dragStart");
+    }, E = ($) => {
+      o && (o = !1, $.type === "mouseup" ? (document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", E)) : (document.removeEventListener("touchmove", C), document.removeEventListener("touchend", E)), setTimeout(() => l("dragStop"), 0));
+    }, G = ($) => {
+      $.keyCode >= 33 && $.keyCode <= 40 && $.preventDefault();
+      const D = a.value[i.value] ?? a.value;
+      switch ($.keyCode) {
         case 37:
         case 40:
-          p(D - 1);
+          g(D - 1);
           break;
         case 39:
         case 38:
-          p(D + 1);
+          g(D + 1);
           break;
         case 33:
-          p(D + (t.max - t.min) / 10);
+          g(D + (t.max - t.min) / 10);
           break;
         case 34:
-          p(D - (t.max - t.min) / 10);
+          g(D - (t.max - t.min) / 10);
           break;
         case 36:
-          p(t.min);
+          g(t.min);
           break;
         case 35:
-          p(t.max);
+          g(t.max);
       }
-    }, X = (S) => {
-      g(), M(S);
+    }, q = ($) => {
+      y(), M($);
     };
-    return (S, D) => (c(), m("div", H({
+    return ($, D) => (d(), m("div", R({
       ref_key: "track",
       ref: n,
       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"],
@@ -1572,48 +1574,47 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
       "aria-label": "slider-thumb",
       "aria-valuemin": e.min,
       "aria-valuemax": e.max,
-      "aria-valuenow": s.value[0] ?? s.value,
-      "aria-valuetext": s.value
+      "aria-valuenow": a.value[0] ?? a.value,
+      "aria-valuetext": a.value
     }, ce(e.disabled ? {} : {
-      click: X
+      click: q
     }, !0)), [
-      e.disabled ? I("", !0) : (c(), m("div", {
+      e.disabled ? B("", !0) : (d(), 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: Se(x.value)
+        class: S(["absolute bg-vxvue", e.vertical ? "w-full rounded-t-full rounded-b-full" : "h-full rounded-r-full rounded-l-full"]),
+        style: Se(b.value)
       }, null, 6)),
-      s.value.length ? (c(!0), m(O, { key: 2 }, j(s.value, (R, h) => (c(), m("button", H({
-        id: h ? null : L(a).id,
+      a.value.length ? (d(!0), m(O, { key: 2 }, Y(a.value, (p, h) => (d(), m("button", R({
+        id: h ? null : L(s).id,
         style: e.vertical ? { bottom: f.value[h] + "%" } : { left: f.value[h] + "%" },
-        "aria-label": "slider-thumb-" + (h + 1),
-        ref_for: !0
-      }, w.value, ce(e.disabled ? {} : {
+        "aria-label": "slider-thumb-" + (h + 1)
+      }, { ref_for: !0 }, w.value, ce(e.disabled ? {} : {
         focus: () => i.value = h,
-        keydown: q,
-        touchstart: (b) => {
-          i.value = h, z(b);
+        keydown: G,
+        touchstart: (x) => {
+          i.value = h, V(x);
         },
-        mousedown: (b) => {
-          i.value = h, z(b);
+        mousedown: (x) => {
+          i.value = h, V(x);
         },
-        touchend: F,
-        mouseup: F
-      }, !0)), null, 16, vl))), 256)) : (c(), m("button", H({
+        touchend: E,
+        mouseup: E
+      }, !0)), null, 16, vl))), 256)) : (d(), m("button", R({
         key: 1,
-        id: L(a).id,
+        id: L(s).id,
         style: e.vertical ? { bottom: f.value + "%" } : { left: f.value + "%" },
         "aria-label": "slider-thumb"
       }, w.value, ce(e.disabled ? {} : {
         focus: () => i.value = 0,
-        keydown: q,
-        touchstart: (R) => {
-          i.value = 0, z(R);
+        keydown: G,
+        touchstart: (p) => {
+          i.value = 0, V(p);
         },
-        mousedown: (R) => {
-          i.value = 0, z(R);
+        mousedown: (p) => {
+          i.value = 0, V(p);
         },
-        touchend: F,
-        mouseup: F
+        touchend: E,
+        mouseup: E
       }, !0)), null, 16, cl))
     ], 16, dl));
   }
@@ -1641,25 +1642,25 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
   },
   emits: ["before-sort", "after-sort"],
   setup(e, { emit: u }) {
-    const t = e, s = u, l = k(t.sortProp), a = k(t.sortDirection), d = B(() => {
+    const t = e, a = u, l = k(t.sortProp), s = k(t.sortDirection), v = I(() => {
       let o = t.rows.slice();
       const n = t.columns.find(({ prop: i }) => i === l.value);
-      return n && (a.value === "asc" && n.sortAscFunction ? o.sort(n.sortAscFunction) : a.value === "desc" && n.sortDescFunction ? o.sort(n.sortDescFunction) : o.sort((i, f) => i[l.value] < f[l.value] ? a.value === "asc" ? -1 : 1 : i[l.value] > f[l.value] ? a.value === "asc" ? 1 : -1 : 0)), o.slice(t.offset || 0, (t.offset || 0) + (t.count || o.length));
+      return n && (s.value === "asc" && n.sortAscFunction ? o.sort(n.sortAscFunction) : s.value === "desc" && n.sortDescFunction ? o.sort(n.sortDescFunction) : o.sort((i, f) => i[l.value] < f[l.value] ? s.value === "asc" ? -1 : 1 : i[l.value] > f[l.value] ? s.value === "asc" ? 1 : -1 : 0)), o.slice(t.offset || 0, (t.offset || 0) + (t.count || o.length));
     }), r = (o) => {
-      s("before-sort", { prop: l.value, dir: a.value }), l.value === o ? a.value = a.value === "asc" ? "desc" : "asc" : (l.value = o, a.value = a.value || "asc"), ge(() => s("after-sort", { prop: l.value, dir: a.value }));
+      a("before-sort", { prop: l.value, dir: s.value }), l.value === o ? s.value = s.value === "asc" ? "desc" : "asc" : (l.value = o, s.value = s.value || "asc"), be(() => a("after-sort", { prop: l.value, dir: s.value }));
     };
-    return (o, n) => (c(), m("table", {
-      class: C(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
+    return (o, n) => (d(), m("table", {
+      class: S(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
     }, [
-      v("thead", {
-        class: C(e.headerClass)
+      c("thead", {
+        class: S(e.headerClass)
       }, [
-        v("tr", null, [
-          (c(!0), m(O, null, j(e.columns, (i) => (c(), m("th", {
+        c("tr", null, [
+          (d(!0), m(O, null, Y(e.columns, (i) => (d(), m("th", {
             key: i.prop,
             scope: "col",
             "data-active": l.value === i.prop ? "active" : null,
-            class: C([
+            class: S([
               "py-3 px-6 text-left",
               { "cursor-pointer": i.sortable },
               i.cssClass
@@ -1668,34 +1669,34 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
           }, [
             T(o.$slots, i.prop + "-header", {
               column: i,
-              sortDir: a.value,
+              sortDir: s.value,
               sortProp: l.value
             }, () => [
-              v("div", ml, [
-                v("span", null, P(i.label), 1),
-                i.sortable ? (c(), Z(fe(l.value !== i.prop ? L(Re) : a.value === "asc" ? L(Ye) : L(He)), {
+              c("div", ml, [
+                c("span", null, P(i.label), 1),
+                i.sortable ? (d(), H(me(l.value !== i.prop ? L(Re) : s.value === "asc" ? L(Ye) : L(He)), {
                   key: 0,
                   class: "size-4"
-                })) : I("", !0)
+                })) : B("", !0)
               ])
             ])
           ], 10, fl))), 128))
         ])
       ], 2),
-      v("tbody", {
-        class: C(e.bodyClass)
+      c("tbody", {
+        class: S(e.bodyClass)
       }, [
-        (c(!0), m(O, null, j(d.value, (i) => (c(), m("tr", {
+        (d(!0), m(O, null, Y(v.value, (i) => (d(), m("tr", {
           key: i[e.keyProperty],
-          class: C(i.cssClass)
+          class: S(i.cssClass)
         }, [
-          (c(!0), m(O, null, j(e.columns, (f) => (c(), m("td", {
+          (d(!0), m(O, null, Y(e.columns, (f) => (d(), m("td", {
             key: f.prop,
             "data-active": l.value === f.prop ? "active" : null,
             class: "overflow-hidden py-3 px-6 whitespace-nowrap text-ellipsis"
           }, [
             T(o.$slots, f.prop, { row: i }, () => [
-              ee(P(i[f.prop]), 1)
+              Q(P(i[f.prop]), 1)
             ])
           ], 8, hl))), 128))
         ], 2))), 128))
@@ -1712,22 +1713,22 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
   emits: ["submit"],
   setup(e, { emit: u }) {
     const t = u;
-    return (s, l) => (c(), m("div", pl, [
-      v("button", {
-        class: C([s.$attrs.class, e.theme]),
-        disabled: s.$attrs.disabled || e.busy,
+    return (a, l) => (d(), m("div", pl, [
+      c("button", {
+        class: S([a.$attrs.class, e.theme]),
+        disabled: a.$attrs.disabled || e.busy,
         type: "button",
-        onClick: l[0] || (l[0] = (a) => t("submit"))
+        onClick: l[0] || (l[0] = (s) => t("submit"))
       }, [
-        T(s.$slots, "default", {}, void 0, !0)
+        T(a.$slots, "default", {}, void 0, !0)
       ], 10, gl),
-      e.busy ? (c(), Z(Ce, {
+      e.busy ? (d(), H(Ce, {
         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)
+        class: S(e.spinnerClass || ["size-5", { error: "text-error", success: "text-success", default: "text-vxvue" }[e.theme || "default"]])
+      }, null, 8, ["class"])) : B("", !0)
     ]));
   }
-}), _l = /* @__PURE__ */ Ae(bl, [["__scopeId", "data-v-55a337c8"]]), xl = { class: "sm:hidden" }, yl = { class: "hidden sm:block" }, wl = { class: "border-b border-gray-200" }, kl = {
+}), _l = /* @__PURE__ */ Me(bl, [["__scopeId", "data-v-646b7a90"]]), xl = { class: "sm:hidden" }, yl = { class: "hidden sm:block" }, wl = { class: "border-b border-gray-200" }, kl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
 }, $l = ["aria-current", "onClick"], jl = {
@@ -1738,34 +1739,34 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
   },
   emits: ["update:activeIndex"],
   setup(e, { emit: u }) {
-    const t = e, s = u, l = k(t.items[t.activeIndex] || {}), a = B(() => {
+    const t = e, a = u, l = k(t.items[t.activeIndex] || {}), s = I(() => {
       let r = [];
       return t.items.forEach((o, n) => {
         o.disabled || r.push({ label: o.name, key: n });
       }), r;
     });
-    J(() => t.activeIndex, (r) => {
+    X(() => t.activeIndex, (r) => {
       l.value = t.items[r] || {};
     });
-    const d = (r) => {
-      r.disabled || (l.value = r, s("update:activeIndex", t.items.indexOf(r)));
+    const v = (r) => {
+      r.disabled || (l.value = r, a("update:activeIndex", t.items.indexOf(r)));
     };
-    return (r, o) => (c(), m(O, null, [
-      v("div", xl, [
-        Y(Ot, {
-          options: a.value,
+    return (r, o) => (d(), m(O, null, [
+      c("div", xl, [
+        _(Ot, {
+          options: s.value,
           "model-value": e.activeIndex,
           class: "w-full",
-          "onUpdate:modelValue": o[0] || (o[0] = (n) => s("update:activeIndex", n))
+          "onUpdate:modelValue": o[0] || (o[0] = (n) => a("update:activeIndex", n))
         }, null, 8, ["options", "model-value"])
       ]),
-      v("div", yl, [
-        v("div", wl, [
-          v("nav", kl, [
-            (c(!0), m(O, null, j(e.items, (n) => (c(), m("a", {
+      c("div", yl, [
+        c("div", wl, [
+          c("nav", kl, [
+            (d(!0), m(O, null, Y(e.items, (n) => (d(), m("a", {
               key: n.name,
               href: "#",
-              class: C([
+              class: S([
                 "group inline-flex items-center py-4 px-1 border-b-4 font-medium no-underline! border-transparent",
                 {
                   "border-vxvue text-vxvue": l.value === n,
@@ -1774,18 +1775,18 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
                 }
               ]),
               "aria-current": l.value === n ? "page" : void 0,
-              onClick: _((i) => d(n), ["prevent"])
+              onClick: j((i) => v(n), ["prevent"])
             }, [
               T(r.$slots, "icon", { tab: n }),
-              v("span", null, [
+              c("span", null, [
                 T(r.$slots, "default", { tab: n }, () => [
-                  ee(P(n.name), 1)
+                  Q(P(n.name), 1)
                 ])
               ]),
               T(r.$slots, "badge", { tab: n }, () => [
-                n.badge ? (c(), m("span", {
+                n.badge ? (d(), m("span", {
                   key: 0,
-                  class: C([
+                  class: S([
                     "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block text-current",
                     {
                       "bg-gray-100": n.disabled,
@@ -1793,7 +1794,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
                       "bg-gray-200": l.value !== n && !n.disabled
                     }
                   ])
-                }, P(n.badge), 3)) : I("", !0)
+                }, P(n.badge), 3)) : B("", !0)
               ])
             ], 10, $l))), 128))
           ])
@@ -1805,28 +1806,26 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
   mounted: (e) => e.focus()
 }, Rl = {
   mounted: (e, u) => {
-    var t, s;
     if (!["INPUT", "TEXTAREA"].includes(e.nodeName)) {
-      let l = e.querySelector('input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="url"],input[type="tel"]');
-      l || (l = e.querySelector("textarea")), e = l;
+      let t = e.querySelector('input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="url"],input[type="tel"]');
+      t || (t = e.querySelector("textarea")), e = t;
     }
     if (e) {
       if (e.querySelector("label")) throw new Error("VFloatingLabel directive: LABEL element found.");
-      const l = Math.random().toString(36).substring(2), a = document.createElement("div");
+      const t = Math.random().toString(36).substring(2), a = document.createElement("div");
       a.classList.add("relative", "isolate");
-      const d = document.createElement("label");
-      d.classList.add(
+      const l = document.createElement("label");
+      l.classList.add(
         ..."absolute px-2 left-1 top-2 scale-90 text-sm z-[var(--zIndex-label)] 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 ? d.classList.add("text-error", "peer-focus:text-error") : d.classList.add("peer-focus:text-blue-600"), e.getAttribute("required") !== null && d.classList.add("required"), d.setAttribute("for", e.getAttribute("id") || l + "-element"), d.innerHTML = ((s = u.value) == null ? void 0 : s.label) || e.getAttribute("placeholder") || l + "-label", e.classList.add("peer"), e.setAttribute("placeholder", " "), e.setAttribute("id", e.getAttribute("id") || l + "-element"), e.parentElement.replaceChild(a, e), a.appendChild(e), a.appendChild(d);
+      ), u.value?.invalid ? l.classList.add("text-error", "peer-focus:text-error") : l.classList.add("peer-focus:text-blue-600"), e.getAttribute("required") !== null && l.classList.add("required"), l.setAttribute("for", e.getAttribute("id") || t + "-element"), l.innerHTML = u.value?.label || e.getAttribute("placeholder") || t + "-label", e.classList.add("peer"), e.setAttribute("placeholder", " "), e.setAttribute("id", e.getAttribute("id") || t + "-element"), e.parentElement.replaceChild(a, e), a.appendChild(e), a.appendChild(l);
     }
   },
   updated: (e, u) => {
-    var l, a, d;
-    const t = e.parentNode.querySelector("label"), s = (l = e.getAttribute("placeholder")) == null ? void 0 : l.trim();
-    t.innerHTML = ((a = u.value) == null ? void 0 : a.label) || s || t.innerHTML, s && e.setAttribute("placeholder", " "), (d = u.value) != null && d.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");
+    const t = e.parentNode.querySelector("label"), a = e.getAttribute("placeholder")?.trim();
+    t.innerHTML = u.value?.label || a || t.innerHTML, a && e.setAttribute("placeholder", " "), u.value?.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)
 };