vx-vue 1.4.4 → 1.4.5

package/dist/vxvue.es.js

@@ -1,5 +1,5 @@
-import { createElementBlock as f, openBlock as d, createElementVNode as c, useAttrs as G, ref as $, normalizeClass as C, unref as L, createBlock as Z, renderSlot as M, useSlots as Ae, useTemplateRef as Le, computed as I, onBeforeUpdate as Ve, Fragment as F, renderList as Y, resolveDynamicComponent as me, Transition as ze, withCtx as ee, toValue as E, watch as J, getCurrentScope as Be, onScopeDispose as Pe, mergeModels as U, useModel as te, onUpdated as Ce, createVNode as N, mergeProps as H, withKeys as oe, withModifiers as j, createCommentVNode as P, toDisplayString as B, createTextVNode as X, nextTick as xe, withDirectives as ae, vShow as fe, vModelText as Ie, onMounted as he, vModelSelect as Fe, vModelCheckbox as Ee, normalizeStyle as Me, vModelDynamic as Ne, resolveComponent as Oe, createSlots as je, toHandlers as ce } from "vue";
-function Ye(e, i) {
+import { createElementBlock as f, openBlock as d, createElementVNode as v, useAttrs as G, ref as $, normalizeClass as C, unref as L, renderSlot as M, createBlock as Z, useSlots as Ae, useTemplateRef as Le, computed as I, onBeforeUpdate as Ve, Fragment as F, renderList as Y, resolveDynamicComponent as me, Transition as ze, withCtx as ee, toValue as E, watch as J, mergeModels as U, useModel as te, onUpdated as Ce, createVNode as N, mergeProps as H, withKeys as oe, withModifiers as j, createCommentVNode as P, toDisplayString as B, createTextVNode as X, nextTick as xe, withDirectives as ae, vShow as fe, vModelText as Be, onMounted as he, vModelSelect as Pe, vModelCheckbox as Ie, normalizeStyle as Me, vModelDynamic as Fe, resolveComponent as Ee, createSlots as Ne, toHandlers as ce } from "vue";
+function Oe(e, r) {
   return d(), f("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -7,14 +7,14 @@ function Ye(e, i) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    v("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"
     })
   ]);
 }
-function Re(e, i) {
+function je(e, r) {
   return d(), f("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -22,14 +22,14 @@ function Re(e, i) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    v("path", {
       "fill-rule": "evenodd",
       d: "M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function ve(e, i) {
+function ve(e, r) {
   return d(), f("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -37,14 +37,14 @@ function ve(e, i) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    v("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 ue(e, i) {
+function ue(e, r) {
   return d(), f("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -52,14 +52,14 @@ function ue(e, i) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    v("path", {
       "fill-rule": "evenodd",
       d: "M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function _e(e, i) {
+function Ye(e, r) {
   return d(), f("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -67,14 +67,14 @@ function _e(e, i) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    v("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"
     })
   ]);
 }
-function He(e, i) {
+function _e(e, r) {
   return d(), f("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -82,14 +82,14 @@ function He(e, i) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    v("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"
     })
   ]);
 }
-function Ze(e, i) {
+function Re(e, r) {
   return d(), f("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -97,14 +97,14 @@ function Ze(e, i) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    v("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"
     })
   ]);
 }
-function Ue(e, i) {
+function He(e, r) {
   return d(), f("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -112,14 +112,14 @@ function Ue(e, i) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    v("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 ye(e, i) {
+function ye(e, r) {
   return d(), f("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -127,125 +127,128 @@ function ye(e, i) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    v("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"
     })
   ]);
 }
-const qe = ["id", "disabled", "aria-expanded", "aria-controls"], We = ["id", "aria-labelledby"], Ke = { class: "overflow-hidden rounded-b" }, $e = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Ze = ["id", "disabled", "aria-expanded", "aria-controls"], Ue = { class: "flex items-center space-x-2" }, qe = ["id", "aria-labelledby"], We = { class: "overflow-hidden rounded-b" }, $e = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "AccordionPanel",
   props: { show: Boolean, disabled: Boolean },
   emits: ["select", "keyup", "keydown"],
-  setup(e, { expose: i, emit: t }) {
-    const a = t, l = e, n = G(), v = $(null), r = Math.random().toString(20).substring(2, 8), u = (s) => {
+  setup(e, { expose: r, emit: t }) {
+    const a = t, l = e, s = G(), c = $(null), i = Math.random().toString(20).substring(2, 8), u = (n) => {
       if (!l.disabled) {
-        const p = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(s.keyCode);
-        p && (a(p), s.preventDefault());
+        const p = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(n.keyCode);
+        p && (a(p), n.preventDefault());
       }
     };
-    return i({ focus: () => v.value.focus(), disabled: l.disabled }), (s, p) => (d(), f("div", null, [
-      c("button", {
-        id: "ap-control-" + L(r),
+    return r({ focus: () => c.value.focus(), disabled: l.disabled }), (n, p) => (d(), f("div", null, [
+      v("button", {
+        id: "ap-control-" + L(i),
         ref_key: "btn",
-        ref: v,
+        ref: c,
         class: C([
-          "flex items-center w-full space-x-2 px-4 py-2 ring-vxvue",
+          "flex justify-between items-center w-full px-4 py-2",
           e.show ? "rounded-t" : "rounded-sm",
           e.disabled ? "bg-slate-300 text-slate-700" : "bg-vxvue hover:bg-vxvue-600 text-white",
-          L(n).class
+          L(s).class
         ]),
         disabled: e.disabled,
         "aria-expanded": e.show,
-        "aria-controls": "ap-" + L(r),
+        "aria-controls": "ap-" + L(i),
         tabindex: "0",
         onClick: p[0] || (p[0] = (g) => a("select")),
         onKeydown: u
       }, [
-        e.disabled ? (d(), Z(L(ye), {
-          key: 0,
-          class: "size-5"
-        })) : (d(), Z(L(ue), {
-          key: 1,
-          class: C(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
-        }, null, 8, ["class"])),
-        c("span", null, [
-          M(s.$slots, "header")
-        ])
-      ], 42, qe),
-      c("div", {
-        id: "ap-" + L(r),
+        v("span", Ue, [
+          e.disabled ? (d(), Z(L(ye), {
+            key: 0,
+            class: "size-5"
+          })) : (d(), Z(L(ue), {
+            key: 1,
+            class: C(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
+          }, null, 8, ["class"])),
+          v("span", null, [
+            M(n.$slots, "header")
+          ])
+        ]),
+        M(n.$slots, "actions")
+      ], 42, Ze),
+      v("div", {
+        id: "ap-" + L(i),
         class: C(["grid transition-[grid-template-rows] duration-300 ease-in-out", e.show && !e.disabled ? "grid-rows-1" : "grid-rows-[repeat(1,minmax(0,0fr))]"]),
-        "aria-labelledby": "ap-control-" + L(r)
+        "aria-labelledby": "ap-control-" + L(i)
       }, [
-        c("div", Ke, [
-          M(s.$slots, "default")
+        v("div", We, [
+          M(n.$slots, "default")
         ])
-      ], 10, We)
+      ], 10, qe)
     ]));
   }
-}), Cl = {
+}), $l = {
   __name: "Accordion",
   props: { activeIndex: { type: [Number, Array], default: null } },
   emits: ["update:activeIndex"],
-  setup(e, { emit: i }) {
-    const t = e, a = i, l = Ae(), n = Le("panels"), v = I(() => {
-      const s = [];
+  setup(e, { emit: r }) {
+    const t = e, a = r, l = Ae(), s = Le("panels"), c = I(() => {
+      const n = [];
       return l.default().forEach((p) => {
-        p.type === $e ? s.push(p) : typeof p.type == "symbol" && Array.isArray(p.children) && p.children.forEach((g) => {
-          g.type === $e && s.push(g);
+        p.type === $e ? n.push(p) : typeof p.type == "symbol" && Array.isArray(p.children) && p.children.forEach((g) => {
+          g.type === $e && n.push(g);
         });
-      }), s;
-    }), r = (s) => {
+      }), n;
+    }), i = (n) => {
       if (Array.isArray(t.activeIndex)) {
-        let p = [].concat(t.activeIndex), g = p.findIndex((y) => y === s);
-        g === -1 ? a("update:activeIndex", [...p, s]) : (p.splice(g, 1), a("update:activeIndex", p));
+        let p = [].concat(t.activeIndex), g = p.findIndex((x) => x === n);
+        g === -1 ? a("update:activeIndex", [...p, n]) : (p.splice(g, 1), a("update:activeIndex", p));
       } else
-        a("update:activeIndex", s === t.activeIndex ? -1 : s);
-    }, u = (s) => {
-      if (s = ++s % v.value.length, !n.value[s].disabled) {
-        r(s), n.value[s].focus();
+        a("update:activeIndex", n === t.activeIndex ? -1 : n);
+    }, u = (n) => {
+      if (n = ++n % c.value.length, !s.value[n].disabled) {
+        i(n), s.value[n].focus();
         return;
       }
-      u(s);
-    }, o = (s) => {
-      if (s = (s || v.value.length) - 1, !n.value[s].disabled) {
-        r(s), n.value[s].focus();
+      u(n);
+    }, o = (n) => {
+      if (n = (n || c.value.length) - 1, !s.value[n].disabled) {
+        i(n), s.value[n].focus();
         return;
       }
-      o(s);
+      o(n);
     };
-    return Ve(() => n.value = []), (s, p) => (d(!0), f(F, null, Y(v.value, (g, y) => (d(), Z(me(g), {
+    return Ve(() => s.value = []), (n, p) => (d(!0), f(F, null, Y(c.value, (g, x) => (d(), Z(me(g), {
       ref_for: !0,
       ref: "panel",
-      show: Array.isArray(e.activeIndex) ? e.activeIndex?.includes(y) : e.activeIndex === y,
-      onSelect: (b) => r(y),
-      onKeydown: (b) => u(y),
-      onKeyup: (b) => o(y)
+      show: Array.isArray(e.activeIndex) ? e.activeIndex?.includes(x) : e.activeIndex === x,
+      onSelect: (y) => i(x),
+      onKeydown: (y) => u(x),
+      onKeyup: (y) => o(x)
     }, null, 40, ["show", "onSelect", "onKeydown", "onKeyup"]))), 256));
   }
-}, Xe = ["viewBox"], Ge = ["cx", "cy", "r", "stroke-width"], Je = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], De = {
+}, Ke = ["viewBox"], Xe = ["cx", "cy", "r", "stroke-width"], Ge = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], De = {
   __name: "Spinner",
   props: { radius: { type: Number, default: 10 }, strokeWidth: { type: Number, default: 4 } },
   setup(e) {
-    const i = e, t = I(() => i.radius + i.strokeWidth / 2), a = I(() => i.radius * 2 + i.strokeWidth), l = I(() => i.radius * Math.PI / 1.5);
-    return (n, v) => (d(), f("svg", {
+    const r = e, t = I(() => r.radius + r.strokeWidth / 2), a = I(() => r.radius * 2 + r.strokeWidth), l = I(() => r.radius * Math.PI / 1.5);
+    return (s, c) => (d(), f("svg", {
       class: "animate-spin",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 " + a.value + " " + a.value,
       role: "progressbar"
     }, [
-      c("circle", {
+      v("circle", {
         class: "opacity-35",
         cx: t.value,
         cy: t.value,
         r: e.radius,
         stroke: "currentColor",
         "stroke-width": e.strokeWidth
-      }, null, 8, Ge),
-      c("circle", {
+      }, null, 8, Xe),
+      v("circle", {
         cx: t.value,
         cy: t.value,
         r: e.radius,
@@ -253,199 +256,193 @@ const qe = ["id", "disabled", "aria-expanded", "aria-controls"], We = ["id", "ar
         "stroke-width": e.strokeWidth,
         "stroke-dasharray": l.value + " " + e.radius * 100,
         "stroke-linecap": "round"
-      }, null, 8, Je)
-    ], 8, Xe));
+      }, null, 8, Ge)
+    ], 8, Ke));
   }
-}, we = (e, i) => {
+}, we = (e, r) => {
   const t = e.__vccOpts || e;
-  for (const [a, l] of i)
+  for (const [a, l] of r)
     t[a] = l;
   return t;
-}, Qe = {
+}, Je = {
   __name: "VxVueTransition",
   props: { name: { type: String, required: !0, validator: (e) => ["appear", "vert-fade", "fade"].includes(e) } },
   setup(e) {
-    return (i, t) => (d(), Z(ze, { name: e.name }, {
+    return (r, t) => (d(), Z(ze, { name: e.name }, {
       default: ee(() => [
-        M(i.$slots, "default", {}, void 0, !0)
+        M(r.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["name"]));
   }
-}, ie = /* @__PURE__ */ we(Qe, [["__scopeId", "data-v-f6b1631e"]]);
-function et(e, i) {
-  return Be() ? (Pe(e, i), !0) : !1;
-}
-const tt = typeof window < "u" && typeof document < "u";
+}, ie = /* @__PURE__ */ we(Je, [["__scopeId", "data-v-f6b1631e"]]), Qe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const lt = Object.prototype.toString, at = (e) => lt.call(e) === "[object Object]", de = () => {
+const et = Object.prototype.toString, tt = (e) => et.call(e) === "[object Object]", de = () => {
 };
 function ge(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, i, t, a) {
+const lt = /[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 at(e, r, t, a) {
   let l = e < 12 ? "AM" : "PM";
-  return a && (l = l.split("").reduce((n, v) => n += `${v}.`, "")), t ? l.toLowerCase() : l;
+  return a && (l = l.split("").reduce((s, c) => s += `${c}.`, "")), t ? l.toLowerCase() : l;
 }
 function ne(e) {
-  const i = [
+  const r = [
     "th",
     "st",
     "nd",
     "rd"
   ], t = e % 100;
-  return e + (i[(t - 20) % 10] || i[t] || i[0]);
+  return e + (r[(t - 20) % 10] || r[t] || r[0]);
 }
-function Se(e, i, t = {}) {
+function Se(e, r, t = {}) {
   var a;
-  const l = e.getFullYear(), n = e.getMonth(), v = e.getDate(), r = e.getHours(), u = e.getMinutes(), o = e.getSeconds(), s = e.getMilliseconds(), p = e.getDay(), g = (a = t.customMeridiem) !== null && a !== void 0 ? a : nt, y = (T) => {
-    var x;
-    return (x = T.split(" ")[1]) !== null && x !== void 0 ? x : "";
-  }, b = {
+  const l = e.getFullYear(), s = e.getMonth(), c = e.getDate(), i = e.getHours(), u = e.getMinutes(), o = e.getSeconds(), n = e.getMilliseconds(), p = e.getDay(), g = (a = t.customMeridiem) !== null && a !== void 0 ? a : at, x = (T) => {
+    var b;
+    return (b = T.split(" ")[1]) !== null && b !== void 0 ? b : "";
+  }, y = {
     Yo: () => ne(l),
     YY: () => String(l).slice(-2),
     YYYY: () => l,
-    M: () => n + 1,
-    Mo: () => ne(n + 1),
-    MM: () => `${n + 1}`.padStart(2, "0"),
+    M: () => s + 1,
+    Mo: () => ne(s + 1),
+    MM: () => `${s + 1}`.padStart(2, "0"),
     MMM: () => e.toLocaleDateString(E(t.locales), { month: "short" }),
     MMMM: () => e.toLocaleDateString(E(t.locales), { month: "long" }),
-    D: () => String(v),
-    Do: () => ne(v),
-    DD: () => `${v}`.padStart(2, "0"),
-    H: () => String(r),
-    Ho: () => ne(r),
-    HH: () => `${r}`.padStart(2, "0"),
-    h: () => `${r % 12 || 12}`.padStart(1, "0"),
-    ho: () => ne(r % 12 || 12),
-    hh: () => `${r % 12 || 12}`.padStart(2, "0"),
+    D: () => String(c),
+    Do: () => ne(c),
+    DD: () => `${c}`.padStart(2, "0"),
+    H: () => String(i),
+    Ho: () => ne(i),
+    HH: () => `${i}`.padStart(2, "0"),
+    h: () => `${i % 12 || 12}`.padStart(1, "0"),
+    ho: () => ne(i % 12 || 12),
+    hh: () => `${i % 12 || 12}`.padStart(2, "0"),
     m: () => String(u),
     mo: () => ne(u),
     mm: () => `${u}`.padStart(2, "0"),
     s: () => String(o),
     so: () => ne(o),
     ss: () => `${o}`.padStart(2, "0"),
-    SSS: () => `${s}`.padStart(3, "0"),
+    SSS: () => `${n}`.padStart(3, "0"),
     d: () => p,
     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: () => g(r, u),
-    AA: () => g(r, u, !1, !0),
-    a: () => g(r, u, !0),
-    aa: () => g(r, u, !0, !0),
-    z: () => y(e.toLocaleDateString(E(t.locales), { timeZoneName: "shortOffset" })),
-    zz: () => y(e.toLocaleDateString(E(t.locales), { timeZoneName: "shortOffset" })),
-    zzz: () => y(e.toLocaleDateString(E(t.locales), { timeZoneName: "shortOffset" })),
-    zzzz: () => y(e.toLocaleDateString(E(t.locales), { timeZoneName: "longOffset" }))
+    A: () => g(i, u),
+    AA: () => g(i, u, !1, !0),
+    a: () => g(i, u, !0),
+    aa: () => g(i, u, !0, !0),
+    z: () => x(e.toLocaleDateString(E(t.locales), { timeZoneName: "shortOffset" })),
+    zz: () => x(e.toLocaleDateString(E(t.locales), { timeZoneName: "shortOffset" })),
+    zzz: () => x(e.toLocaleDateString(E(t.locales), { timeZoneName: "shortOffset" })),
+    zzzz: () => x(e.toLocaleDateString(E(t.locales), { timeZoneName: "longOffset" }))
   };
-  return i.replace(st, (T, x) => {
+  return r.replace(lt, (T, b) => {
     var S, V;
-    return (S = x ?? ((V = b[T]) === null || V === void 0 ? void 0 : V.call(b))) !== null && S !== void 0 ? S : T;
+    return (S = b ?? ((V = y[T]) === null || V === void 0 ? void 0 : V.call(y))) !== null && S !== void 0 ? S : T;
   });
 }
-function ot(e, i, t) {
-  return J(e, i, {
+function st(e, r, t) {
+  return J(e, r, {
     ...t,
     immediate: !0
   });
 }
-const Te = tt ? window : void 0;
+const Te = Qe ? window : void 0;
 function re(e) {
-  var i;
+  var r;
   const t = E(e);
-  return (i = t?.$el) !== null && i !== void 0 ? i : t;
+  return (r = t?.$el) !== null && r !== void 0 ? r : t;
 }
 function be(...e) {
-  const i = [], t = () => {
-    i.forEach((r) => r()), i.length = 0;
-  }, a = (r, u, o, s) => (r.addEventListener(u, o, s), () => r.removeEventListener(u, o, s)), l = I(() => {
-    const r = ge(E(e[0])).filter((u) => u != null);
-    return r.every((u) => typeof u != "string") ? r : void 0;
-  }), n = ot(() => {
-    var r, u;
+  const r = (a, l, s, c) => (a.addEventListener(l, s, c), () => a.removeEventListener(l, s, c)), t = I(() => {
+    const a = ge(E(e[0])).filter((l) => l != null);
+    return a.every((l) => typeof l != "string") ? a : void 0;
+  });
+  return st(() => {
+    var a, l;
     return [
-      (r = (u = l.value) === null || u === void 0 ? void 0 : u.map((o) => re(o))) !== null && r !== void 0 ? r : [Te].filter((o) => o != null),
-      ge(E(l.value ? e[1] : e[0])),
-      ge(L(l.value ? e[2] : e[1])),
-      E(l.value ? e[3] : e[2])
+      (a = (l = t.value) === null || l === void 0 ? void 0 : l.map((s) => re(s))) !== null && a !== void 0 ? a : [Te].filter((s) => s != null),
+      ge(E(t.value ? e[1] : e[0])),
+      ge(L(t.value ? e[2] : e[1])),
+      E(t.value ? e[3] : e[2])
     ];
-  }, ([r, u, o, s]) => {
-    if (t(), !r?.length || !u?.length || !o?.length) return;
-    const p = at(s) ? { ...s } : s;
-    i.push(...r.flatMap((g) => u.flatMap((y) => o.map((b) => a(g, y, b, p)))));
-  }, { flush: "post" }), v = () => {
-    n(), t();
-  };
-  return et(t), v;
+  }, ([a, l, s, c], i, u) => {
+    if (!a?.length || !l?.length || !s?.length) return;
+    const o = tt(c) ? { ...c } : c, n = a.flatMap((p) => l.flatMap((g) => s.map((x) => r(p, g, x, o))));
+    u(() => {
+      n.forEach((p) => p());
+    });
+  }, { flush: "post" });
 }
-function ke(e, i, t = {}) {
-  const { window: a = Te, ignore: l = [], capture: n = !0, detectIframe: v = !1, controls: r = !1 } = t;
-  if (!a) return r ? {
+function ke(e, r, t = {}) {
+  const { window: a = Te, ignore: l = [], capture: s = !0, detectIframe: c = !1, controls: i = !1 } = t;
+  if (!a) return i ? {
     stop: de,
     cancel: de,
     trigger: de
   } : de;
   let u = !0;
-  const o = (x) => E(l).some((S) => {
-    if (typeof S == "string") return Array.from(a.document.querySelectorAll(S)).some((V) => V === x.target || x.composedPath().includes(V));
+  const o = (b) => E(l).some((S) => {
+    if (typeof S == "string") return Array.from(a.document.querySelectorAll(S)).some((V) => V === b.target || b.composedPath().includes(V));
     {
       const V = re(S);
-      return V && (x.target === V || x.composedPath().includes(V));
+      return V && (b.target === V || b.composedPath().includes(V));
     }
   });
-  function s(x) {
-    const S = E(x);
+  function n(b) {
+    const S = E(b);
     return S && S.$.subTree.shapeFlag === 16;
   }
-  function p(x, S) {
-    const V = E(x), q = V.$.subTree && V.$.subTree.children;
+  function p(b, S) {
+    const V = E(b), q = V.$.subTree && V.$.subTree.children;
     return q == null || !Array.isArray(q) ? !1 : q.some((W) => W.el === S.target || S.composedPath().includes(W.el));
   }
-  const g = (x) => {
+  const g = (b) => {
     const S = re(e);
-    if (x.target != null && !(!(S instanceof Element) && s(e) && p(e, x)) && !(!S || S === x.target || x.composedPath().includes(S))) {
-      if ("detail" in x && x.detail === 0 && (u = !o(x)), !u) {
+    if (b.target != null && !(!(S instanceof Element) && n(e) && p(e, b)) && !(!S || S === b.target || b.composedPath().includes(S))) {
+      if ("detail" in b && b.detail === 0 && (u = !o(b)), !u) {
         u = !0;
         return;
       }
-      i(x);
+      r(b);
     }
   };
-  let y = !1;
-  const b = [
-    be(a, "click", (x) => {
-      y || (y = !0, setTimeout(() => {
-        y = !1;
-      }, 0), g(x));
+  let x = !1;
+  const y = [
+    be(a, "click", (b) => {
+      x || (x = !0, setTimeout(() => {
+        x = !1;
+      }, 0), g(b));
     }, {
       passive: !0,
-      capture: n
+      capture: s
     }),
-    be(a, "pointerdown", (x) => {
+    be(a, "pointerdown", (b) => {
       const S = re(e);
-      u = !o(x) && !!(S && !x.composedPath().includes(S));
+      u = !o(b) && !!(S && !b.composedPath().includes(S));
     }, { passive: !0 }),
-    v && be(a, "blur", (x) => {
+    c && be(a, "blur", (b) => {
       setTimeout(() => {
         var S;
         const V = re(e);
-        ((S = a.document.activeElement) === null || S === void 0 ? void 0 : S.tagName) === "IFRAME" && !V?.contains(a.document.activeElement) && i(x);
+        ((S = a.document.activeElement) === null || S === void 0 ? void 0 : S.tagName) === "IFRAME" && !V?.contains(a.document.activeElement) && r(b);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), T = () => b.forEach((x) => x());
-  return r ? {
+  ].filter(Boolean), T = () => y.forEach((b) => b());
+  return i ? {
     stop: T,
     cancel: () => {
       u = !1;
     },
-    trigger: (x) => {
-      u = !0, g(x), u = !1;
+    trigger: (b) => {
+      u = !0, g(b), u = !1;
     }
   } : T;
 }
-const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, it = ["data-result-index"], Ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const nt = ["value", "onKeydown"], ot = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, rt = ["data-result-index"], Sl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Autocomplete",
   props: /* @__PURE__ */ U({
     search: { type: Function, required: !0 },
@@ -458,13 +455,13 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ U(["blur-sm", "submit"], ["update:modelValue"]),
-  setup(e, { emit: i }) {
-    const t = i, a = e, l = te(e, "modelValue"), n = G(), r = (/* @__PURE__ */ (() => {
+  setup(e, { emit: r }) {
+    const t = r, a = e, l = te(e, "modelValue"), s = G(), i = (/* @__PURE__ */ (() => {
       let A = 0;
       return (z) => (z || "") + ++A;
-    })())((n.id || "autocomplete") + "-"), u = $([]), o = $(-1), s = $(0), p = $(!1), g = $(!1), y = $("top-0 translate-y-12"), b = $(!0), T = $(null), x = $(null), S = $(null), V = I(
+    })())((s.id || "autocomplete") + "-"), u = $([]), o = $(-1), n = $(0), p = $(!1), g = $(!1), x = $("top-0 translate-y-12"), y = $(!0), T = $(null), b = $(null), S = $(null), V = I(
       () => u.value.map((A, z) => ({
-        id: (n.id || "autocomplete") + "-item-" + z,
+        id: (s.id || "autocomplete") + "-item-" + z,
         class: [a.resultItemClass, { "bg-vxvue-700 text-white": o.value === z }],
         role: "option",
         ...o.value === z ? { "aria-selected": "true" } : {}
@@ -477,32 +474,32 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
       spellcheck: "false",
       "aria-autocomplete": "list",
       "aria-haspopup": "listbox",
-      "aria-owns": r,
+      "aria-owns": i,
       "aria-expanded": p.value ? "true" : "false",
       "aria-activedescendant": o.value > -1 ? V.value[o.value].id : "",
-      ...n
+      ...s
     })), W = I(() => ({
-      id: r,
-      class: ["absolute min-w-full transform z-[var(--zIndex-dropdown)]", a.resultListClass, y.value],
+      id: i,
+      class: ["absolute min-w-full transform z-[var(--zIndex-dropdown)]", a.resultListClass, x.value],
       role: "listbox"
-    })), _ = () => {
-      o.value = -1, u.value = [], p.value = !1, b.value = !0;
-    }, R = (A) => {
+    })), R = () => {
+      o.value = -1, u.value = [], p.value = !1, y.value = !0;
+    }, _ = (A) => {
       const z = a.search(A);
       if (z instanceof Promise) {
-        const Q = ++s.value;
+        const Q = ++n.value;
         g.value = !0, z.then((K) => {
-          Q === s.value && (u.value = K, g.value = !1, u.value.length ? (o.value = a.autoSelect ? 0 : -1, p.value = !0) : _());
+          Q === n.value && (u.value = K, g.value = !1, u.value.length ? (o.value = a.autoSelect ? 0 : -1, p.value = !0) : R());
         });
       } else
-        u.value = z, u.value.length === 0 ? _() : (o.value = a.autoSelect ? 0 : -1, p.value = !0);
+        u.value = z, u.value.length === 0 ? R() : (o.value = a.autoSelect ? 0 : -1, p.value = !0);
     }, le = () => {
       const A = u.value[o.value];
-      return A && (l.value = a.getResultValue(A)), _(), A;
+      return A && (l.value = a.getResultValue(A)), R(), A;
     }, w = (A) => {
-      l.value = A, R(A);
-    }, m = (A) => R(A.target.value), h = () => {
-      _(), t("blur-sm");
+      l.value = A, _(A);
+    }, m = (A) => _(A.target.value), h = () => {
+      R(), t("blur-sm");
     }, k = () => {
       const A = u.value.length;
       o.value = ((o.value - 1) % A + A) % A;
@@ -511,15 +508,15 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
       const z = u.value.length;
       o.value = ((o.value + 1) % z + z) % z;
     }, O = () => {
-      _(), l.value = "";
+      R(), l.value = "";
     }, se = () => t("submit", le()), pe = (A) => {
       const z = A.target.closest("[data-result-index]");
       z && (o.value = parseInt(z.dataset.resultIndex, 10), t("submit", le()));
     };
-    return ke(S, _), Ce(() => {
+    return ke(S, R), Ce(() => {
       if (T.value) {
-        const A = x.value.getBoundingClientRect(), z = T.value.getBoundingClientRect();
-        b.value && u.value.length && (b.value = !1, y.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 A = b.value.getBoundingClientRect(), z = T.value.getBoundingClientRect();
+        y.value && u.value.length && (y.value = !1, x.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 Q = T.value.querySelector('[data-result-index="' + o.value + '"]');
         if (Q) {
           let K = Q.getBoundingClientRect();
@@ -531,9 +528,9 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
       ref: S,
       class: C(["inline-block relative", A.$attrs.class])
     }, [
-      c("input", H({
+      v("input", H({
         ref_key: "input",
-        ref: x,
+        ref: b,
         class: "block pr-10 w-full form-input focus:border-vxvue",
         value: l.value
       }, q.value, {
@@ -547,8 +544,8 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
         ],
         onFocus: m,
         onBlur: h
-      }), null, 16, rt),
-      c("span", ut, [
+      }), null, 16, nt),
+      v("span", ot, [
         g.value ? (d(), Z(De, {
           key: 0,
           class: "size-5"
@@ -574,27 +571,27 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
                   key: V.value[K].id
                 }, { ref_for: !0 }, V.value[K]), B(e.getResultValue(Q)), 17))
               ])
-            ], 8, it))), 256))
+            ], 8, rt))), 256))
           ], 16)) : P("", !0)
         ]),
         _: 3
       })
     ], 2));
   }
-}), dt = {
+}), ut = {
   key: 0,
   class: "fixed inset-0 z-[calc(var(--zIndex-confirm)-1)] bg-black/50 backdrop-blur-xs",
   "aria-hidden": "true"
-}, ct = {
+}, it = {
   key: 0,
   class: "overflow-y-auto fixed inset-0 z-[var(--zIndex-confirm)]"
-}, vt = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, ft = { key: 0 }, mt = { 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" }, ht = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, pt = { class: "flex flex-row items-center" }, gt = { class: "shrink-0" }, bt = { class: "text-center grow" }, xt = ["onClick"], Dl = {
+}, dt = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, ct = { key: 0 }, vt = { 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" }, ft = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, mt = { class: "flex flex-row items-center" }, ht = { class: "shrink-0" }, pt = { class: "text-center grow" }, gt = ["onClick"], Cl = {
   __name: "Confirm",
   props: {
     buttons: {
       type: [Object, Array],
       default: () => ({ label: "Ok" }),
-      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((i) => i.label !== "undefined" && i.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
+      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((r) => r.label !== "undefined" && r.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
     },
     headerClass: {
       type: String,
@@ -605,26 +602,26 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
       default: "button"
     }
   },
-  setup(e, { expose: i }) {
-    const t = e, a = $(""), l = $(""), n = $(!1);
-    let v = null, r = null;
-    const u = I(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), o = $(null), s = (g, y) => {
-      n.value = !1, g.value !== void 0 ? g.value ? v() : r() : y ? r() : v();
+  setup(e, { expose: r }) {
+    const t = e, a = $(""), l = $(""), s = $(!1);
+    let c = null, i = null;
+    const u = I(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), o = $(null), n = (g, x) => {
+      s.value = !1, g.value !== void 0 ? g.value ? c() : i() : x ? i() : c();
     };
-    return i({ open: (g, y) => (a.value = g, l.value = y, n.value = !0, xe(() => o.value.firstElementChild.focus()), new Promise((b, T) => {
-      v = b, r = T;
-    })) }), (g, y) => (d(), f(F, null, [
-      n.value ? (d(), f("div", dt)) : P("", !0),
+    return r({ open: (g, x) => (a.value = g, l.value = x, s.value = !0, xe(() => o.value.firstElementChild.focus()), new Promise((y, T) => {
+      c = y, i = T;
+    })) }), (g, x) => (d(), f(F, null, [
+      s.value ? (d(), f("div", ut)) : P("", !0),
       N(ie, { name: "appear" }, {
         default: ee(() => [
-          n.value ? (d(), f("div", ct, [
-            c("div", vt, [
-              n.value ? (d(), f("div", ft, [
-                y[0] || (y[0] = c("span", {
+          s.value ? (d(), f("div", it, [
+            v("div", dt, [
+              s.value ? (d(), f("div", ct, [
+                x[0] || (x[0] = v("span", {
                   class: "hidden sm:inline-block sm:h-screen sm:align-middle",
                   "aria-hidden": "true"
                 }, "​", -1)),
-                c("div", mt, [
+                v("div", vt, [
                   a.value || g.$slots.title ? (d(), f("h3", {
                     key: 0,
                     class: C(["py-4 pt-4 text-lg font-medium text-center rounded-t-sm sm:py-6", e.headerClass])
@@ -633,27 +630,27 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
                       X(B(a.value), 1)
                     ])
                   ], 2)) : P("", !0),
-                  c("div", ht, [
-                    c("div", pt, [
-                      c("div", gt, [
+                  v("div", ft, [
+                    v("div", mt, [
+                      v("div", ht, [
                         M(g.$slots, "icon")
                       ]),
-                      c("p", bt, [
+                      v("p", pt, [
                         M(g.$slots, "default", { message: l.value }, () => [
                           X(B(l.value), 1)
                         ])
                       ])
                     ]),
-                    c("div", {
+                    v("div", {
                       ref_key: "buttonsContainer",
                       ref: o,
                       class: "flex justify-center mt-5 space-x-2 sm:mt-6"
                     }, [
-                      (d(!0), f(F, null, Y(u.value, (b, T) => (d(), f("button", {
-                        key: b.label,
-                        class: C([e.buttonClass, b.class]),
-                        onClick: j((x) => s(b, T), ["prevent"])
-                      }, B(b.label), 11, xt))), 128))
+                      (d(!0), f(F, null, Y(u.value, (y, T) => (d(), f("button", {
+                        key: y.label,
+                        class: C([e.buttonClass, y.class]),
+                        onClick: j((b) => n(y, T), ["prevent"])
+                      }, B(y.label), 11, gt))), 128))
                     ], 512)
                   ])
                 ])
@@ -666,34 +663,34 @@ const rt = ["value", "onKeydown"], ut = { class: "flex absolute inset-y-0 right-
     ], 64));
   }
 };
-function yt(e, i) {
-  const t = $(!1), a = E(i);
-  let l, n = a.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), v = [];
+function bt(e, r) {
+  const t = $(!1), a = E(r);
+  let l, s = a.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
   if ((l = a.match(/\bd\b/gi)) && l.length === 1)
-    n = n.replace("d", "(\\d{1,2})");
+    s = s.replace("d", "(\\d{1,2})");
   else if ((l = a.match(/\bdd\b/gi)) && l.length === 1)
-    n = n.replace("dd", "(\\d{2})");
+    s = s.replace("dd", "(\\d{2})");
   else
     return { date: t };
-  if (v.push({ srcPos: a.toLowerCase().indexOf("d"), destPos: 2 }), (l = a.match(/\bm\b/gi)) && l.length === 1)
-    n = n.replace("m", "(\\d{1,2})");
+  if (c.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)
-    n = n.replace("mm", "(\\d{2})");
+    s = s.replace("mm", "(\\d{2})");
   else
     return { date: t };
-  if (v.push({ srcPos: a.toLowerCase().indexOf("m"), destPos: 1 }), (l = a.match(/\byyyy\b/gi)) && l.length === 1)
-    n = n.replace("yyyy", "(\\d{4})");
+  if (c.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 (v.push({ srcPos: a.toLowerCase().indexOf("y"), destPos: 0 }), !(l = E(e).match(n)))
+  if (c.push({ srcPos: a.toLowerCase().indexOf("y"), destPos: 0 }), !(l = E(e).match(s)))
     return { date: t };
-  l.shift(), v.sort((s, p) => s.srcPos < p.srcPos ? -1 : 1);
-  let r = [], u, o;
+  l.shift(), c.sort((n, p) => n.srcPos < p.srcPos ? -1 : 1);
+  let i = [], u, o;
   for (; u = l.shift(); )
-    o = v.shift(), r[o.destPos] = u;
-  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 };
+    o = c.shift(), i[o.destPos] = u;
+  return i = Date.parse(i.join("-")), i && (i = new Date(i), t.value = new Date(i.getFullYear(), i.getMonth(), i.getDate(), 0, 0, 0)), { date: t };
 }
-const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const xt = { class: "text-vxvue-700" }, yt = ["disabled"], wt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "DateInput",
   props: /* @__PURE__ */ U({
     outputFormat: { type: String, default: "YYYY-MM-DD" },
@@ -704,66 +701,66 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ U(["toggle-datepicker"], ["update:modelValue"]),
-  setup(e, { emit: i }) {
-    const t = i, a = e, l = te(e, "modelValue"), n = $(""), v = I(() => l.value ? Se(l.value, a.outputFormat) : ""), r = I(() => {
+  setup(e, { emit: r }) {
+    const t = r, a = e, l = te(e, "modelValue"), s = $(""), c = I(() => l.value ? Se(l.value, a.outputFormat) : ""), i = I(() => {
       let u = Object.assign({}, G());
       return delete u.class, u;
     });
-    return J(l, (u) => n.value === u ? Se(u, a.outputFormat) : ""), (u, o) => (d(), f("div", {
+    return J(l, (u) => s.value === u ? Se(u, a.outputFormat) : ""), (u, o) => (d(), f("div", {
       class: C(["inline-block relative", u.$attrs.class])
     }, [
-      ae(c("div", null, [
-        c("div", {
+      ae(v("div", null, [
+        v("div", {
           class: C(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showToggle }])
         }, [
-          c("span", wt, B(v.value), 1),
-          r.value.disabled ? P("", !0) : (d(), f("button", {
+          v("span", xt, B(c.value), 1),
+          i.value.disabled ? P("", !0) : (d(), f("button", {
             key: 0,
             class: "inline-flex justify-center items-center ml-2 rounded-full focus:text-white shrink-0 size-4 text-vxvue hover:bg-vxvue-100 hover:text-vue-700 focus:outline-hidden focus:bg-vxvue-700",
-            onClick: o[0] || (o[0] = (s) => l.value = null)
+            onClick: o[0] || (o[0] = (n) => l.value = null)
           }, [
             N(L(ye), { class: "size-4" })
           ]))
         ], 2)
       ], 512), [
-        [fe, v.value]
+        [fe, c.value]
       ]),
-      ae(c("div", null, [
-        ae(c("input", H({
-          "onUpdate:modelValue": o[1] || (o[1] = (s) => n.value = s),
+      ae(v("div", null, [
+        ae(v("input", H({
+          "onUpdate:modelValue": o[1] || (o[1] = (n) => s.value = n),
           type: "text",
           class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showToggle }]
-        }, r.value, {
-          onBlur: o[2] || (o[2] = (s) => l.value = L(yt)(n.value, a.inputFormat).date?.value || null),
+        }, i.value, {
+          onBlur: o[2] || (o[2] = (n) => l.value = L(bt)(s.value, a.inputFormat).date?.value || null),
           onInput: o[3] || (o[3] = j(() => {
           }, ["prevent"]))
         }), null, 16), [
-          [Ie, n.value]
+          [Be, s.value]
         ])
       ], 512), [
-        [fe, !v.value]
+        [fe, !c.value]
       ]),
       e.showToggle ? (d(), f("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"]),
-        disabled: r.value.disabled,
+        class: C(["flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700", i.value.disabled ? "cursor-not-allowed" : "hover:text-vxvue"]),
+        disabled: i.value.disabled,
         "aria-label": "datepicker-toggle",
-        onClick: o[4] || (o[4] = j((s) => t("toggle-datepicker"), ["stop"]))
+        onClick: o[4] || (o[4] = j((n) => t("toggle-datepicker"), ["stop"]))
       }, [
-        N(L(Ye), { class: "size-6" })
-      ], 10, kt)) : P("", !0),
+        N(L(Oe), { class: "size-6" })
+      ], 10, yt)) : P("", !0),
       M(u.$slots, "default")
     ], 2));
   }
-}), St = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, Ct = { class: "flex justify-between w-1/2" }, Mt = { class: "flex justify-between w-1/2" }, Dt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, Tt = ["disabled", "onClick"], At = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, Lt = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, Vt = ["onClick"], Tl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), kt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, $t = { class: "flex justify-between w-1/2" }, St = { class: "flex justify-between w-1/2" }, Ct = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, Mt = ["disabled", "onClick"], Dt = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, Tt = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, At = ["onClick"], Ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Datepicker",
   props: /* @__PURE__ */ U({
     shownMonth: Date,
     maxNumberOfValues: { type: Number, default: 1 },
     validFrom: Date,
     validUntil: Date,
-    dayNames: { type: Array, default: () => "S M T W T F S".split(" ") },
+    dayNames: { type: Array, default: (() => "S M T W T F S".split(" ")) },
     highlightRange: Boolean,
     locale: { type: String, default: "default" },
     startOfWeekIndex: { type: Number, default: 0, validator: (e) => e === 0 || e === 1 },
@@ -772,34 +769,34 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
     modelValue: {
       type: [Date, Array],
       default: null,
-      validator: (e, i) => e instanceof Date && i.maxNumberOfValues === 1 || e.every((t) => t instanceof Date || t === null) && e.length <= i.maxNumberOfValues
+      validator: ((e, r) => e instanceof Date && r.maxNumberOfValues === 1 || e.every((t) => t instanceof Date || t === null) && e.length <= r.maxNumberOfValues)
     },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ U(["month-change", "year-change"], ["update:modelValue"]),
-  setup(e, { emit: i }) {
-    const t = e, a = te(e, "modelValue"), l = i, n = (() => {
+  setup(e, { emit: r }) {
+    const t = e, a = te(e, "modelValue"), l = r, s = (() => {
       const w = /* @__PURE__ */ new Date();
       return new Date(w.getFullYear(), w.getMonth(), w.getDate());
-    })(), v = $(null), r = $([]), u = $(!1), o = $("days"), s = $(0), p = $({ horiz: "left-0", vert: "top-0" }), g = $(null), y = $(null), b = $(null), T = I(() => t.hasInput && t.maxNumberOfValues === 1), x = I(() => {
-      const w = [], m = v.value.getFullYear(), h = v.value.getMonth(), k = new Date(m, h + 1, 0), D = new Date(m, h, 0).getDay() + 1 - t.startOfWeekIndex, O = (6 + t.startOfWeekIndex - k.getDay()) % 7;
+    })(), c = $(null), i = $([]), u = $(!1), o = $("days"), n = $(0), p = $({ horiz: "left-0", vert: "top-0" }), g = $(null), x = $(null), y = $(null), T = I(() => t.hasInput && t.maxNumberOfValues === 1), b = I(() => {
+      const w = [], m = c.value.getFullYear(), h = c.value.getMonth(), k = new Date(m, h + 1, 0), D = new Date(m, h, 0).getDay() + 1 - t.startOfWeekIndex, O = (6 + t.startOfWeekIndex - k.getDay()) % 7;
       for (let se = -D, pe = k.getDate() + O; se < pe; ++se)
         w.push(new Date(m, h, se + 1));
       return w;
     }), S = I(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames), V = (w) => {
-      v.value = new Date(v.value.getFullYear(), w, 1), l("month-change", v.value);
+      c.value = new Date(c.value.getFullYear(), w, 1), l("month-change", c.value);
     }, q = (w) => {
-      v.value = new Date(w, v.value.getMonth(), 1), l("year-change", v.value);
-    }, W = (w) => a.value = w, _ = (w) => {
+      c.value = new Date(w, c.value.getMonth(), 1), l("year-change", c.value);
+    }, W = (w) => a.value = w, R = (w) => {
       if (u.value = !1, t.maxNumberOfValues === 1)
         a.value = w;
       else {
-        const m = r.value;
+        const m = i.value;
         let h = m.findIndex((k) => k.getTime() === w.getTime());
         h !== -1 ? m.splice(h, 1) : m.length < t.maxNumberOfValues && m.push(w), a.value = m;
       }
-    }, R = (w) => r.value.find((m) => m?.getTime() === w.getTime()), le = (w) => {
-      const m = w.getMonth() !== v.value.getMonth(), h = R(w), k = w.getTime() === n.getTime(), D = t.validFrom && t.validFrom > w || t.validUntil && t.validUntil < w, O = !h && t.maxNumberOfValues > 1 && r.value.length === t.maxNumberOfValues, se = t.highlightRange && w > Math.min(...r.value) && w < Math.max(...r.value);
+    }, _ = (w) => i.value.find((m) => m?.getTime() === w.getTime()), le = (w) => {
+      const m = w.getMonth() !== c.value.getMonth(), h = _(w), k = w.getTime() === s.getTime(), D = t.validFrom && t.validFrom > w || t.validUntil && t.validUntil < w, O = !h && t.maxNumberOfValues > 1 && i.value.length === t.maxNumberOfValues, se = t.highlightRange && w > Math.min(...i.value) && w < Math.max(...i.value);
       return {
         "cursor-not-allowed": D || O,
         "text-vxvue-700": !D && !m && !k && !h,
@@ -811,33 +808,33 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
         "bg-vxvue-100/50": se && !k && !h
       };
     };
-    return ke(y, () => {
+    return ke(x, () => {
       u.value = !1, o.value = "days";
-    }, { ignore: [b] }), he(() => b.value = g.value?.$refs.toggleButton), J(u, (w) => {
+    }, { ignore: [y] }), he(() => y.value = g.value?.$refs.toggleButton), J(u, (w) => {
       w && T.value && xe(() => {
-        const m = g.value.$el.getBoundingClientRect(), h = y.value.getBoundingClientRect();
+        const m = g.value.$el.getBoundingClientRect(), h = x.value.getBoundingClientRect();
         p.value.horiz = m.right - h.width < 0 ? "left-0" : "right-0", p.value.vert = m.bottom + h.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
       });
     }), J(a, (w) => {
       if (w)
         if (Array.isArray(w)) {
-          const m = [], h = r.value;
+          const m = [], h = i.value;
           w.forEach((k) => {
             k && m.push(new Date(k.getFullYear(), k.getMonth(), k.getDate()));
-          }), (m.length !== h.length || ![.../* @__PURE__ */ new Set([...m, ...h])].every((k) => m.filter((D) => D.getTime() === k.getTime()).length === h.filter((D) => D.getTime() === k.getTime()).length)) && (r.value = m, v.value = new Date((m[0] || n).getTime()), v.value.setDate(1));
+          }), (m.length !== h.length || ![.../* @__PURE__ */ new Set([...m, ...h])].every((k) => m.filter((D) => D.getTime() === k.getTime()).length === h.filter((D) => D.getTime() === k.getTime()).length)) && (i.value = m, c.value = new Date((m[0] || s).getTime()), c.value.setDate(1));
         } else
-          r.value = [new Date(w.getFullYear(), w.getMonth(), w.getDate())], v.value = new Date(w.getFullYear(), w.getMonth(), 1);
+          i.value = [new Date(w.getFullYear(), w.getMonth(), w.getDate())], c.value = new Date(w.getFullYear(), w.getMonth(), 1);
       else
-        r.value = [], v.value = new Date(n.getFullYear(), n.getMonth(), 1);
+        i.value = [], c.value = new Date(s.getFullYear(), s.getMonth(), 1);
     }, { immediate: !0 }), J(() => t.shownMonth, (w) => {
-      v.value = new Date((w || n).getTime()), v.value.setDate(1);
+      c.value = new Date((w || s).getTime()), c.value.setDate(1);
     }, { immediate: !0 }), (w, m) => (d(), f("div", {
       class: C(["relative", w.$attrs.class])
     }, [
-      T.value ? (d(), Z($t, H({ key: 0 }, w.$attrs, {
+      T.value ? (d(), Z(wt, H({ key: 0 }, w.$attrs, {
         ref_key: "input",
         ref: g,
-        "model-value": r.value[0],
+        "model-value": i.value[0],
         "show-toggle": !0,
         class: "w-full",
         onToggleDatepicker: m[0] || (m[0] = (h) => u.value = !u.value),
@@ -850,9 +847,9 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
       }, 16, ["model-value"])) : P("", !0),
       N(ie, { name: "fade" }, {
         default: ee(() => [
-          ae(c("div", {
+          ae(v("div", {
             ref_key: "calendar",
-            ref: y,
+            ref: x,
             class: C([
               "overflow-hidden z-[var(--zIndex-dropdown)] bg-white rounded-sm shadow-md min-w-72 sm:min-w-80",
               p.value.horiz,
@@ -863,83 +860,83 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
             ])
           }, [
             o.value === "days" ? (d(), f(F, { key: 0 }, [
-              c("div", St, [
-                c("div", Ct, [
-                  c("button", {
+              v("div", kt, [
+                v("div", $t, [
+                  v("button", {
                     class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                    onClick: m[1] || (m[1] = j((h) => V(v.value.getMonth() - 1), ["stop"]))
+                    onClick: m[1] || (m[1] = j((h) => V(c.value.getMonth() - 1), ["stop"]))
                   }, [
                     N(L(ve), { class: "size-6" })
                   ]),
-                  c("span", null, B(v.value.toLocaleString(e.locale, { month: "long" })), 1),
-                  c("button", {
+                  v("span", null, B(c.value.toLocaleString(e.locale, { month: "long" })), 1),
+                  v("button", {
                     class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                    onClick: m[2] || (m[2] = j((h) => V(v.value.getMonth() + 1), ["stop"]))
+                    onClick: m[2] || (m[2] = j((h) => V(c.value.getMonth() + 1), ["stop"]))
                   }, [
                     N(L(ue), { class: "size-6" })
                   ])
                 ]),
-                c("div", Mt, [
-                  c("button", {
+                v("div", St, [
+                  v("button", {
                     class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                    onClick: m[3] || (m[3] = j((h) => q(v.value.getFullYear() - 1), ["stop"]))
+                    onClick: m[3] || (m[3] = j((h) => q(c.value.getFullYear() - 1), ["stop"]))
                   }, [
                     N(L(ve), { class: "size-6" })
                   ]),
-                  c("button", {
+                  v("button", {
                     class: "text-vxvue-100 hover:text-vxvue-50",
                     onClick: m[4] || (m[4] = (h) => {
-                      o.value = "years", s.value = v.value.getFullYear();
+                      o.value = "years", n.value = c.value.getFullYear();
                     })
-                  }, B(v.value.getFullYear()), 1),
-                  c("button", {
+                  }, B(c.value.getFullYear()), 1),
+                  v("button", {
                     class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                    onClick: m[5] || (m[5] = j((h) => q(v.value.getFullYear() + 1), ["stop"]))
+                    onClick: m[5] || (m[5] = j((h) => q(c.value.getFullYear() + 1), ["stop"]))
                   }, [
                     N(L(ue), { class: "size-6" })
                   ])
                 ])
               ]),
-              c("div", Dt, [
+              v("div", Ct, [
                 (d(!0), f(F, null, Y(S.value, (h, k) => (d(), f("div", {
                   key: k,
                   class: "py-2 text-center bg-gray-200"
                 }, B(h), 1))), 128)),
-                (d(!0), f(F, null, Y(x.value, (h) => (d(), f("button", {
+                (d(!0), f(F, null, Y(b.value, (h) => (d(), f("button", {
                   key: h,
                   class: C(["py-2 rounded-xs block text-center", le(h)]),
-                  disabled: e.validFrom && e.validFrom > h || e.validUntil && e.validUntil < h || e.maxNumberOfValues > 1 && r.value.length === e.maxNumberOfValues && !R(h),
-                  onClick: j((k) => _(h), ["stop"])
-                }, B(h.getDate()), 11, Tt))), 128))
+                  disabled: e.validFrom && e.validFrom > h || e.validUntil && e.validUntil < h || e.maxNumberOfValues > 1 && i.value.length === e.maxNumberOfValues && !_(h),
+                  onClick: j((k) => R(h), ["stop"])
+                }, B(h.getDate()), 11, Mt))), 128))
               ])
             ], 64)) : P("", !0),
             o.value === "years" ? (d(), f(F, { key: 1 }, [
-              c("div", At, [
-                c("button", {
+              v("div", Dt, [
+                v("button", {
                   class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                  onClick: m[6] || (m[6] = j((h) => s.value -= 10, ["stop"]))
+                  onClick: m[6] || (m[6] = j((h) => n.value -= 10, ["stop"]))
                 }, [
                   N(L(ve), { class: "size-6" })
                 ]),
-                c("span", null, B(s.value) + " - " + B(s.value + 9), 1),
-                c("button", {
+                v("span", null, B(n.value) + " - " + B(n.value + 9), 1),
+                v("button", {
                   class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                  onClick: m[7] || (m[7] = j((h) => s.value += 10, ["stop"]))
+                  onClick: m[7] || (m[7] = j((h) => n.value += 10, ["stop"]))
                 }, [
                   N(L(ue), { class: "size-6" })
                 ])
               ]),
-              c("div", Lt, [
-                (d(), f(F, null, Y(10, (h) => c("div", {
+              v("div", Tt, [
+                (d(), f(F, null, Y(10, (h) => v("div", {
                   key: h,
                   class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue"
                 }, [
-                  c("button", {
+                  v("button", {
                     class: "py-2 px-3",
                     onClick: j((k) => {
-                      q(s.value + h - 1), o.value = "days";
+                      q(n.value + h - 1), o.value = "days";
                     }, ["stop"])
-                  }, B(s.value + h - 1), 9, Vt)
+                  }, B(n.value + h - 1), 9, At)
                 ])), 64))
               ])
             ], 64)) : P("", !0)
@@ -951,7 +948,7 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
       })
     ], 2));
   }
-}), zt = ["for"], Bt = ["id", "multiple", "accept"], Al = {
+}), Lt = ["for"], Vt = ["id", "multiple", "accept"], Dl = {
   __name: "FormFileButton",
   props: /* @__PURE__ */ U({
     accept: { type: String, default: "*" },
@@ -963,39 +960,39 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ U(["form-data"], ["update:modelValue"]),
-  setup(e, { emit: i }) {
-    const t = i, a = e, l = te(e, "modelValue"), n = (r) => {
+  setup(e, { emit: r }) {
+    const t = r, a = e, l = te(e, "modelValue"), s = (i) => {
       const u = new FormData();
-      for (let o of r)
+      for (let o of i)
         u.append(a.name, o, o.name);
       return u;
-    }, v = (r) => {
-      const u = r.target.files || r.dataTransfer.files;
+    }, c = (i) => {
+      const u = i.target.files || i.dataTransfer.files;
       if (u) {
         const o = Array.from(u);
-        l.value = o, t("form-data", n(o));
+        l.value = o, t("form-data", s(o));
       }
     };
-    return (r, u) => (d(), f("label", { for: e.id }, [
-      M(r.$slots, "default", {}, () => [
+    return (i, u) => (d(), f("label", { for: e.id }, [
+      M(i.$slots, "default", {}, () => [
         u[0] || (u[0] = X("Upload", -1))
       ]),
-      c("input", {
+      v("input", {
         id: e.id,
         type: "file",
         multiple: e.multiple,
         accept: e.accept,
         class: "hidden",
-        onChange: v
-      }, null, 40, Bt)
-    ], 8, zt));
+        onChange: c
+      }, null, 40, Vt)
+    ], 8, Lt));
   }
-}, Pt = {
+}, zt = {
   key: 0,
   value: null,
   disabled: "",
   hidden: ""
-}, It = ["selected", "value"], Ft = {
+}, Bt = ["selected", "value"], Pt = {
   __name: "FormSelect",
   props: /* @__PURE__ */ U({
     options: { type: Array, default: () => [] },
@@ -1006,22 +1003,22 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const i = te(e, "modelValue");
+    const r = te(e, "modelValue");
     return (t, a) => ae((d(), f("select", H(t.$attrs, {
-      "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l),
+      "onUpdate:modelValue": a[0] || (a[0] = (l) => r.value = l),
       class: "form-select"
     }), [
-      e.placeholder ? (d(), f("option", Pt, B(e.placeholder), 1)) : P("", !0),
+      e.placeholder ? (d(), f("option", zt, B(e.placeholder), 1)) : P("", !0),
       (d(!0), f(F, null, Y(e.options, (l) => (d(), f("option", {
         key: l.key !== void 0 ? l.key : l.label || l,
-        selected: (l.key !== void 0 ? l.key : l.label || l) === i.value,
+        selected: (l.key !== void 0 ? l.key : l.label || l) === r.value,
         value: l.key !== void 0 ? l.key : l.label || l
-      }, B(l.label || l), 9, It))), 128))
+      }, B(l.label || l), 9, Bt))), 128))
     ], 16)), [
-      [Fe, i.value]
+      [Pe, r.value]
     ]);
   }
-}, Et = ["aria-checked", "aria-label"], Nt = ["d"], Ll = {
+}, It = ["aria-checked", "aria-label"], Ft = ["d"], Tl = {
   __name: "FormSwitch",
   props: {
     modelValue: {},
@@ -1029,28 +1026,28 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const i = te(e, "modelValue"), t = I(() => {
+    const r = te(e, "modelValue"), t = I(() => {
       let l = Object.assign({}, G());
       return delete l.class, l;
     }), a = I(() => G().disabled || G().disabled === "");
-    return (l, n) => (d(), f("label", {
+    return (l, s) => (d(), f("label", {
       class: C(l.$attrs.class),
       tabindex: "0"
     }, [
-      c("span", {
+      v("span", {
         role: "switch",
         class: C([
           "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" : i.value ? "bg-vxvue" : "bg-slate-300"
+          a.value ? "bg-slate-200" : r.value ? "bg-vxvue" : "bg-slate-300"
         ]),
-        "aria-checked": i.value,
+        "aria-checked": r.value,
         "aria-label": l.$attrs["aria-label"]
       }, [
-        c("span", {
+        v("span", {
           "aria-hidden": "true",
           class: C([
             "block relative size-5 rounded-full transition duration-200 ease-in-out transform pointer-events-none",
-            i.value ? "translate-x-5" : "translate-x-0",
+            r.value ? "translate-x-5" : "translate-x-0",
             a.value ? "bg-slate-100" : "bg-white"
           ])
         }, [
@@ -1061,32 +1058,32 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
               viewBox: "0 0 24 24",
               "stroke-width": "6",
               stroke: "currentColor",
-              class: C(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-3", i.value && !a.value ? "text-vxvue" : "text-slate-300"])
+              class: C(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-3", r.value && !a.value ? "text-vxvue" : "text-slate-300"])
             }, [
-              c("path", {
+              v("path", {
                 "stroke-linecap": "round",
-                d: i.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, Nt)
+                d: r.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),
-        ae(c("input", H({
-          "onUpdate:modelValue": n[0] || (n[0] = (v) => i.value = v)
+        ae(v("input", H({
+          "onUpdate:modelValue": s[0] || (s[0] = (c) => r.value = c)
         }, t.value, {
           class: "hidden",
           value: "1",
           type: "checkbox"
         }), null, 16), [
-          [Ee, i.value]
+          [Ie, r.value]
         ])
-      ], 10, Et),
+      ], 10, It),
       M(l.$slots, "default")
     ], 2));
   }
-}, Ot = {
+}, Et = {
   "aria-live": "assertive",
   class: "flex fixed inset-0 items-start py-6 px-4 pointer-events-none sm:p-6 z-[var(--zIndex-toast)]"
-}, jt = { class: "flex flex-col items-center space-y-4 w-full" }, Yt = { class: "p-4" }, Rt = { class: "flex items-start" }, _t = { class: "shrink-0" }, Ht = { class: "flex-1 pt-0.5 ml-3 w-0" }, Zt = { class: "font-bold" }, Ut = { class: "mt-1" }, qt = { class: "flex ml-4 shrink-0" }, Vl = /* @__PURE__ */ Object.assign({
+}, Nt = { class: "flex flex-col items-center space-y-4 w-full" }, Ot = { class: "p-4" }, jt = { class: "flex items-start" }, Yt = { class: "shrink-0" }, _t = { class: "flex-1 pt-0.5 ml-3 w-0" }, Rt = { class: "font-bold" }, Ht = { class: "mt-1" }, Zt = { class: "flex ml-4 shrink-0" }, Al = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "MessageToast",
@@ -1098,41 +1095,41 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
     showTimeoutProgress: { type: Boolean, default: !1 }
   },
   emits: ["timeout", "close"],
-  setup(e, { emit: i }) {
-    const t = e, a = i, l = I(() => typeof t.message == "string" ? [t.message] : t.message), n = $(0);
-    let v = null;
-    const r = () => {
-      window.clearTimeout(v), n.value = 100, t.active && t.timeout && (v = window.setTimeout(() => {
+  setup(e, { emit: r }) {
+    const t = e, a = r, l = I(() => typeof t.message == "string" ? [t.message] : t.message), s = $(0);
+    let c = null;
+    const i = () => {
+      window.clearTimeout(c), s.value = 100, t.active && t.timeout && (c = window.setTimeout(() => {
         a("timeout");
-      }, t.timeout), window.setTimeout(() => n.value = 0, 0));
+      }, t.timeout), window.setTimeout(() => s.value = 0, 0));
     };
-    return J(() => t.active, r), he(r), (u, o) => (d(), f("div", Ot, [
-      c("div", jt, [
+    return J(() => t.active, i), he(i), (u, o) => (d(), f("div", Et, [
+      v("div", Nt, [
         N(ie, { name: "vert-fade" }, {
           default: ee(() => [
             e.active ? (d(), f("div", {
               key: 0,
               class: C(["overflow-hidden w-full max-w-sm rounded-md ring-1 shadow-lg pointer-events-auto ring-black/5", u.$attrs.class])
             }, [
-              c("div", Yt, [
-                c("div", Rt, [
-                  c("div", _t, [
+              v("div", Ot, [
+                v("div", jt, [
+                  v("div", Yt, [
                     M(u.$slots, "icon")
                   ]),
-                  c("div", Ht, [
+                  v("div", _t, [
                     M(u.$slots, "title", {}, () => [
-                      c("div", Zt, B(e.title), 1)
+                      v("div", Rt, B(e.title), 1)
                     ]),
                     M(u.$slots, "default", {}, () => [
-                      (d(!0), f(F, null, Y(l.value, (s) => (d(), f("p", Ut, B(s), 1))), 256))
+                      (d(!0), f(F, null, Y(l.value, (n) => (d(), f("p", Ht, B(n), 1))), 256))
                     ])
                   ]),
-                  c("div", qt, [
-                    c("button", {
+                  v("div", Zt, [
+                    v("button", {
                       class: "inline-flex text-white focus:ring-2 bg-black/20 rounded-xs hover:text-stone-200 focus:outline-hidden focus:ring-stone-200",
-                      onClick: o[0] || (o[0] = (s) => a("close"))
+                      onClick: o[0] || (o[0] = (n) => a("close"))
                     }, [
-                      o[1] || (o[1] = c("span", { class: "sr-only" }, "Close", -1)),
+                      o[1] || (o[1] = v("span", { class: "sr-only" }, "Close", -1)),
                       N(L(ye), { class: "size-5" })
                     ])
                   ])
@@ -1142,7 +1139,7 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
                 key: 0,
                 class: "h-1 transition-all ease-linear bg-vxvue-alt",
                 style: Me({
-                  width: n.value + "%",
+                  width: s.value + "%",
                   "transition-duration": e.timeout + "ms"
                 }),
                 role: "progressbar",
@@ -1156,14 +1153,14 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
       ])
     ]));
   }
-}), Wt = {
+}), Ut = {
   key: 0,
   class: "fixed inset-0 z-[calc(var(--zIndex-modal)-1)] bg-white/50 backdrop-blur-xs",
   "aria-hidden": "true"
-}, Kt = {
+}, qt = {
   key: 0,
   class: "fixed inset-0 z-[var(--zIndex-modal)]"
-}, Xt = { class: "flex justify-center items-center h-screen" }, zl = {
+}, Wt = { class: "flex justify-center items-center h-screen" }, Ll = {
   __name: "Modal",
   props: {
     show: Boolean,
@@ -1175,15 +1172,15 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
     contentClass: { type: String, default: "" }
   },
   emits: ["clicked-outside"],
-  setup(e, { emit: i }) {
-    const t = i, a = $(null);
-    return ke(a, () => t("clicked-outside")), (l, n) => (d(), f(F, null, [
-      e.show ? (d(), f("div", Wt)) : P("", !0),
+  setup(e, { emit: r }) {
+    const t = r, a = $(null);
+    return ke(a, () => t("clicked-outside")), (l, s) => (d(), f(F, null, [
+      e.show ? (d(), f("div", Ut)) : P("", !0),
       N(ie, { name: "appear" }, {
         default: ee(() => [
-          e.show ? (d(), f("div", Kt, [
-            c("div", Xt, [
-              c("div", {
+          e.show ? (d(), f("div", qt, [
+            v("div", Wt, [
+              v("div", {
                 ref_key: "container",
                 ref: a,
                 class: C([
@@ -1191,12 +1188,12 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
                   e.containerClass
                 ])
               }, [
-                c("div", {
+                v("div", {
                   class: C(["grow-0", e.headerClass])
                 }, [
                   M(l.$slots, "title")
                 ], 2),
-                c("div", {
+                v("div", {
                   class: C(["overflow-y-auto h-full", e.contentClass])
                 }, [
                   M(l.$slots, "default")
@@ -1209,7 +1206,7 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
       })
     ], 64));
   }
-}, Gt = { class: "flex justify-between items-center px-4 sm:px-0" }, Jt = { class: "flex flex-1 -mt-px w-0" }, Qt = ["disabled"], el = { class: "hidden md:flex md:-mt-px" }, tl = { class: "flex flex-1 justify-end -mt-px w-0" }, ll = ["disabled"], Bl = {
+}, Kt = { class: "flex justify-between items-center px-4 sm:px-0" }, Xt = { class: "flex flex-1 -mt-px w-0" }, Gt = ["disabled"], Jt = { class: "hidden md:flex md:-mt-px" }, Qt = { class: "flex flex-1 justify-end -mt-px w-0" }, el = ["disabled"], Vl = {
   __name: "Pagination",
   props: {
     page: { type: Number, default: 1 },
@@ -1222,49 +1219,49 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
     markerPosition: { type: String, default: "above", validator: (e) => ["above", "below"].includes(e) }
   },
   emits: ["update:page"],
-  setup(e, { emit: i }) {
-    const t = i, a = e, l = $(Math.ceil(a.total / a.perPage)), n = $(null), v = I(() => (a.markerPosition === "above" ? "border-t-4 -mt-[4px]" : "border-b-4 -mb-[4px]") + " py-4"), r = I(() => {
-      let s = [1];
+  setup(e, { emit: r }) {
+    const t = r, a = e, l = $(Math.ceil(a.total / a.perPage)), s = $(null), c = I(() => (a.markerPosition === "above" ? "border-t-4 -mt-[4px]" : "border-b-4 -mb-[4px]") + " py-4"), i = I(() => {
+      let n = [1];
       if (a.showAllPages || l.value <= 7) {
         for (let p = 2; p <= l.value; ++p)
-          s.push(p);
-        return s;
+          n.push(p);
+        return n;
       }
-      return n.value >= l.value ? s.push("dots", n.value - 2, n.value - 1) : n.value - 1 && n.value - 1 > 1 && (n.value > 1 && s.push("dots"), s.push(n.value - 1)), n.value > 1 && s.push(n.value), n.value + 1 < l.value && (s.push(n.value + 1), n.value <= 1 && s.push(n.value + 2), n.value + 2 < l.value && s.push("dots")), n.value < l.value && s.push(l.value), s;
+      return s.value >= l.value ? n.push("dots", s.value - 2, s.value - 1) : s.value - 1 && s.value - 1 > 1 && (s.value > 1 && n.push("dots"), n.push(s.value - 1)), s.value > 1 && n.push(s.value), s.value + 1 < l.value && (n.push(s.value + 1), s.value <= 1 && n.push(s.value + 2), s.value + 2 < l.value && n.push("dots")), s.value < l.value && n.push(l.value), n;
     }), u = () => {
-      n.value > 1 && t("update:page", n.value - 1);
+      s.value > 1 && t("update:page", s.value - 1);
     }, o = () => {
-      n.value < l.value && t("update:page", n.value + 1);
+      s.value < l.value && t("update:page", s.value + 1);
     };
-    return J(() => a.page, (s) => n.value = Math.min(Math.max(s, 1), l.value), { immediate: !0 }), J(() => a.perPage, (s) => {
+    return J(() => a.page, (n) => s.value = Math.min(Math.max(n, 1), l.value), { immediate: !0 }), J(() => a.perPage, (n) => {
       l.value = Math.ceil(a.total / a.perPage), t("update:page", 1);
-    }), J(() => a.total, (s) => {
-      l.value = Math.ceil(a.total / a.perPage), n.value > l.value && t("update:page", l.value);
-    }), (s, p) => (d(), f("nav", Gt, [
-      c("div", Jt, [
+    }), J(() => a.total, (n) => {
+      l.value = Math.ceil(a.total / a.perPage), s.value > l.value && t("update:page", l.value);
+    }), (n, p) => (d(), f("nav", Kt, [
+      v("div", Xt, [
         e.showNavButtons ? (d(), f("button", {
           key: 0,
-          disabled: n.value <= 1,
+          disabled: s.value <= 1,
           class: C([
-            n.value <= 1 ? "pointer-events-none text-gray-500" : "text-vxvue-700",
+            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: u
         }, [
           N(L(ve), { class: "size-5" }),
           X(" " + B(e.prevText), 1)
-        ], 10, Qt)) : P("", !0)
+        ], 10, Gt)) : P("", !0)
       ]),
-      c("div", el, [
-        (d(!0), f(F, null, Y(r.value, (g, y) => (d(), Z(me(e.page !== "dots" ? "button" : "span"), {
-          key: y,
+      v("div", Jt, [
+        (d(!0), f(F, null, Y(i.value, (g, x) => (d(), Z(me(e.page !== "dots" ? "button" : "span"), {
+          key: x,
           class: C([
             { "pointer-events-none": g === "dots" },
-            g === n.value ? "border-vxvue text-vxvue font-bold" : "border-transparent text-gray-500 hover:border-gray-300",
-            v.value,
+            g === s.value ? "border-vxvue text-vxvue font-bold" : "border-transparent text-gray-500 hover:border-gray-300",
+            c.value,
             "inline-flex items-center px-4 text-sm"
           ]),
-          onClick: (b) => g !== "dots" ? t("update:page", g) : null
+          onClick: (y) => g !== "dots" ? t("update:page", g) : null
         }, {
           default: ee(() => [
             X(B(g !== "dots" ? g : "…"), 1)
@@ -1272,24 +1269,24 @@ const wt = { class: "text-vxvue-700" }, kt = ["disabled"], $t = /* @__PURE__ */
           _: 2
         }, 1032, ["class", "onClick"]))), 128))
       ]),
-      c("div", tl, [
+      v("div", Qt, [
         e.showNavButtons ? (d(), f("button", {
           key: 0,
-          disabled: n.value >= l.value,
+          disabled: s.value >= l.value,
           class: C([
-            n.value >= l.value ? "pointer-events-none text-gray-500" : "text-vxvue-700",
+            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: o
         }, [
           X(B(e.nextText) + " ", 1),
           N(L(ue), { class: "size-5" })
-        ], 10, ll)) : P("", !0)
+        ], 10, el)) : P("", !0)
       ])
     ]));
   }
 };
-function al(e, i) {
+function tl(e, r) {
   return d(), f("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1299,14 +1296,14 @@ function al(e, i) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    v("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"
     })
   ]);
 }
-function sl(e, i) {
+function ll(e, r) {
   return d(), f("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1316,19 +1313,19 @@ function sl(e, i) {
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    c("path", {
+    v("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"
     }),
-    c("path", {
+    v("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
     })
   ]);
 }
-const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const al = ["type"], sl = ["disabled"], zl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "PasswordInput",
   props: {
     modelValue: {},
@@ -1336,149 +1333,149 @@ const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inh
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const i = te(e, "modelValue"), t = $(!1), a = I(() => {
+    const r = te(e, "modelValue"), t = $(!1), a = I(() => {
       let l = Object.assign({}, G());
       return delete l.class, l;
     });
-    return (l, n) => (d(), f("div", {
+    return (l, s) => (d(), f("div", {
       class: C("inline-block relative " + G().class)
     }, [
-      ae(c("input", H({
-        "onUpdate:modelValue": n[0] || (n[0] = (v) => i.value = v),
+      ae(v("input", H({
+        "onUpdate:modelValue": s[0] || (s[0] = (c) => r.value = c),
         type: t.value ? "text" : "password"
-      }, a.value, { class: "block pr-12 w-full form-input peer" }), null, 16, nl), [
-        [Ne, i.value]
+      }, a.value, { class: "block pr-12 w-full form-input peer" }), null, 16, al), [
+        [Fe, r.value]
       ]),
-      c("button", {
+      v("button", {
         class: "flex absolute inset-y-0 right-0 items-center px-3 text-brand-700 hover:text-brand",
         "aria-label": "show-password-toggle",
         disabled: G().disabled ?? !1,
-        onClick: n[1] || (n[1] = j((v) => t.value = !t.value, ["stop"]))
+        onClick: s[1] || (s[1] = j((c) => t.value = !t.value, ["stop"]))
       }, [
-        t.value ? (d(), Z(L(al), {
+        t.value ? (d(), Z(L(tl), {
           key: 0,
           class: "size-5"
-        })) : (d(), Z(L(sl), {
+        })) : (d(), Z(L(ll), {
           key: 1,
           class: "size-5"
         }))
-      ], 8, ol)
+      ], 8, sl)
     ], 2));
   }
-}), rl = { class: "flex items-center pb-1" }, ul = {
+}), nl = { class: "flex items-center pb-1" }, ol = {
   key: 0,
   class: "ml-6"
-}, Il = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Bl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "SimpleTree",
   props: /* @__PURE__ */ U({ branch: { type: Object, default: () => ({}) } }, {
     modelValue: { type: Object, default: null },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ U(["expand"], ["update:modelValue"]),
-  setup(e, { emit: i }) {
-    const t = e, a = i, l = te(e, "modelValue"), n = $(!1);
+  setup(e, { emit: r }) {
+    const t = e, a = r, l = te(e, "modelValue"), s = $(!1);
     return he(() => {
       t.branch === l.value && a("expand", !0);
-    }), (v, r) => {
-      const u = Oe("simple-tree", !0);
+    }), (c, i) => {
+      const u = Ee("simple-tree", !0);
       return d(), f("div", {
-        class: C([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", v.$attrs.class])
+        class: C([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", c.$attrs.class])
       }, [
-        c("div", rl, [
+        v("div", nl, [
           e.branch.branches && e.branch.branches.length ? (d(), f("button", {
             key: 0,
             class: "mr-2",
-            onClick: r[0] || (r[0] = (o) => n.value = !n.value)
+            onClick: i[0] || (i[0] = (o) => s.value = !s.value)
           }, [
-            M(v.$slots, "toggle", {
+            M(c.$slots, "toggle", {
               branch: e.branch,
-              expanded: n.value
+              expanded: s.value
             }, () => [
-              (d(), Z(me(n.value ? L(Ze) : L(Ue)), { class: "p-0.5 text-white rounded size-5 bg-vxvue-700 hover:bg-vxvue" }))
+              (d(), Z(me(s.value ? L(Re) : L(He)), { class: "p-0.5 text-white rounded size-5 bg-vxvue-700 hover:bg-vxvue" }))
             ])
           ])) : P("", !0),
-          e.branch === l.value ? M(v.$slots, "label-selected", {
+          e.branch === l.value ? M(c.$slots, "label-selected", {
             key: 1,
             branch: e.branch
           }, () => [
-            c("strong", null, B(e.branch.label), 1)
+            v("strong", null, B(e.branch.label), 1)
           ]) : (d(), f("button", {
             key: 2,
-            onClick: r[1] || (r[1] = (o) => l.value = e.branch)
+            onClick: i[1] || (i[1] = (o) => l.value = e.branch)
           }, [
-            M(v.$slots, "label", { branch: e.branch }, () => [
+            M(c.$slots, "label", { branch: e.branch }, () => [
               X(B(e.branch.label), 1)
             ])
           ]))
         ]),
-        e.branch.branches && e.branch.branches.length ? ae((d(), f("div", ul, [
+        e.branch.branches && e.branch.branches.length ? ae((d(), f("div", ol, [
           (d(!0), f(F, null, Y(e.branch.branches, (o) => (d(), Z(u, {
             key: o.id || o.key || null,
             branch: o,
             modelValue: l.value,
-            "onUpdate:modelValue": r[2] || (r[2] = (s) => l.value = s),
-            onExpand: r[3] || (r[3] = (s) => {
-              n.value = s, a("expand", s);
+            "onUpdate:modelValue": i[2] || (i[2] = (n) => l.value = n),
+            onExpand: i[3] || (i[3] = (n) => {
+              s.value = n, a("expand", n);
             })
-          }, je({ _: 2 }, [
-            Y(v.$slots, (s, p) => ({
+          }, Ne({ _: 2 }, [
+            Y(c.$slots, (n, p) => ({
               name: p,
               fn: ee((g) => [
-                M(v.$slots, p, H({ ref_for: !0 }, g))
+                M(c.$slots, p, H({ ref_for: !0 }, g))
               ])
             }))
           ]), 1032, ["branch", "modelValue"]))), 128))
         ], 512)), [
-          [fe, n.value]
+          [fe, s.value]
         ]) : P("", !0)
       ], 2);
     };
   }
-}), Fl = {
+}), Pl = {
   __name: "Sizable",
   props: { vertical: Boolean },
   emits: ["dragStart", "dragStop"],
-  setup(e, { emit: i }) {
-    const t = e, a = i, l = $(null), n = $(null);
-    let v = !1, r = {}, u = null, o = null, s = null;
-    const p = (b) => {
-      if (v) {
-        b.preventDefault();
-        const { pageX: T, pageY: x } = b.touches?.[0] ?? b;
-        t.vertical ? l.value.style.height = Math.min(o.height - s.height - (u.y - o.y), Math.max(0, u.height + x - r.y)) + "px" : l.value.style.width = Math.min(o.width - s.width - (u.x - o.x), Math.max(0, u.width + T - r.x)) + "px";
+  setup(e, { emit: r }) {
+    const t = e, a = r, l = $(null), s = $(null);
+    let c = !1, i = {}, u = null, o = null, n = null;
+    const p = (y) => {
+      if (c) {
+        y.preventDefault();
+        const { pageX: T, pageY: b } = y.touches?.[0] ?? y;
+        t.vertical ? l.value.style.height = Math.min(o.height - n.height - (u.y - o.y), Math.max(0, u.height + b - i.y)) + "px" : l.value.style.width = Math.min(o.width - n.width - (u.x - o.x), Math.max(0, u.width + T - i.x)) + "px";
       }
-    }, g = (b) => {
-      b.preventDefault(), b.currentTarget.focus(), v = !0;
-      const { pageX: T, pageY: x } = b.touches?.[0] ?? b;
-      r = { x: T, y: x }, s = n.value.getBoundingClientRect(), u = l.value.getBoundingClientRect(), o = l.value.parentElement.getBoundingClientRect(), b.type === "mousedown" ? (document.addEventListener("mousemove", p), document.addEventListener("mouseup", y)) : (document.addEventListener("touchmove", p), document.addEventListener("touchend", y)), a("dragStart");
-    }, y = (b) => {
-      v && (v = !1, b.type === "mouseup" ? (document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", y)) : (document.removeEventListener("touchmove", p), document.removeEventListener("touchend", y)), setTimeout(() => a("dragStop"), 0));
+    }, g = (y) => {
+      y.preventDefault(), y.currentTarget.focus(), c = !0;
+      const { pageX: T, pageY: b } = y.touches?.[0] ?? y;
+      i = { x: T, y: b }, n = s.value.getBoundingClientRect(), u = l.value.getBoundingClientRect(), o = l.value.parentElement.getBoundingClientRect(), y.type === "mousedown" ? (document.addEventListener("mousemove", p), document.addEventListener("mouseup", x)) : (document.addEventListener("touchmove", p), document.addEventListener("touchend", x)), a("dragStart");
+    }, x = (y) => {
+      c && (c = !1, y.type === "mouseup" ? (document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", x)) : (document.removeEventListener("touchmove", p), document.removeEventListener("touchend", x)), setTimeout(() => a("dragStop"), 0));
     };
-    return (b, T) => (d(), f("div", {
+    return (y, T) => (d(), f("div", {
       ref_key: "box",
       ref: l,
       class: "relative"
     }, [
-      M(b.$slots, "default"),
-      c("div", H({
+      M(y.$slots, "default"),
+      v("div", H({
         ref_key: "handle",
-        ref: n,
+        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: g,
         mousedown: g,
-        touchend: y,
-        mouseup: y
+        touchend: x,
+        mouseup: x
       }, !0)), [
-        M(b.$slots, "handle", {}, () => [
-          c("div", {
+        M(y.$slots, "handle", {}, () => [
+          v("div", {
             class: C(["rounded-full bg-vxvue", t.vertical ? "h-1.5 w-8" : "h-8 w-1.5"])
           }, null, 2)
         ])
       ], 16)
     ], 512));
   }
-}, il = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], dl = ["id"], cl = ["id", "aria-label"], vl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, rl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], ul = ["id"], il = ["id", "aria-label"], dl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Slider",
   props: /* @__PURE__ */ U({
     min: { type: Number, default: 0 },
@@ -1492,52 +1489,52 @@ const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inh
       type: [Number, Array],
       default: null,
       validator(e) {
-        return typeof e == "number" || e.every((i) => typeof i == "number");
+        return typeof e == "number" || e.every((r) => typeof r == "number");
       }
     },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ U(["dragStart", "dragStop"], ["update:modelValue"]),
-  setup(e, { emit: i }) {
-    const t = e, a = te(e, "modelValue"), l = i, n = G(), v = { x: null, y: null }, r = { w: null, h: null };
+  setup(e, { emit: r }) {
+    const t = e, a = te(e, "modelValue"), l = r, s = G(), c = { x: null, y: null }, i = { w: null, h: null };
     let u = !1;
-    const o = $(null), s = $(0), p = $({
+    const o = $(null), n = $(0), p = $({
       class: (t.vertical ? "left-0 -translate-x-1.5 translate-y-2.5" : "top-0 -translate-x-2.5 -translate-y-1.5") + " group 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
-    }), g = $(null), y = $(null), b = I(() => {
+    }), g = $(null), x = $(null), y = I(() => {
       const m = t.max, h = t.min;
       return a.value instanceof Array ? a.value.map((k) => (Math.max(Math.min(k, m), h) - h) * 100 / (m - h)) : (Math.max(Math.min(a.value, m), h) - h) * 100 / (m - h);
     }), T = I(() => {
       if (a.value instanceof Array) {
-        const m = Math.min(...b.value) + "%", h = Math.max(...b.value) - Math.min(...b.value) + "%";
+        const m = Math.min(...y.value) + "%", h = Math.max(...y.value) - Math.min(...y.value) + "%";
         return t.vertical ? { bottom: m, height: h } : { left: m, width: h };
       }
-      return t.vertical ? { bottom: 0, height: b.value + "%" } : { width: b.value + "%" };
-    }), x = (m) => {
+      return t.vertical ? { bottom: 0, height: y.value + "%" } : { width: y.value + "%" };
+    }), b = (m) => {
       if (t.showTooltip !== "never" && g.value) {
-        let h = (y.value.length ? y.value[0] : y.value).getBoundingClientRect()[t.vertical ? "left" : "top"], k = 0;
+        let h = (x.value.length ? x.value[0] : x.value).getBoundingClientRect()[t.vertical ? "left" : "top"], k = 0;
         g.value.length ? g.value.forEach((O) => k = Math.max(O.getBoundingClientRect()[t.vertical ? "width" : "height"], k)) : k = g.value.getBoundingClientRect()[t.vertical ? "height" : "width"];
         let D = "tooltip " + (t.showTooltip === "focus" ? "tooltip-focused " : "");
         t.vertical ? D += h < k + 10 ? "tooltip-right" : "tooltip-left" : D += h < k + 10 ? "tooltip-bottom" : "tooltip-top", a.value.length ? g.value.forEach((O) => O.className = D) : g.value.className = D;
       }
     }, S = (m) => {
       let h = parseFloat(m.toFixed(10));
-      h = Math.min(t.max, Math.max(t.min, h)), a.value instanceof Array ? a.value[s.value] = h : a.value = h;
+      h = Math.min(t.max, Math.max(t.min, h)), a.value instanceof Array ? a.value[n.value] = h : a.value = h;
     }, V = (m) => {
-      const { pageX: h, pageY: k } = m.touches ? m.touches[0] : m, D = t.vertical ? (-k + v.y) / r.h : (h - v.x) / r.w;
+      const { pageX: h, pageY: k } = m.touches ? m.touches[0] : m, D = t.vertical ? (-k + c.y) / i.h : (h - c.x) / i.w;
       S(Math.floor((t.max - t.min) * D + t.min));
     }, q = () => {
       const { clientLeft: m, clientTop: h, scrollLeft: k, scrollTop: D } = document.documentElement, O = o.value.getBoundingClientRect();
-      v.x = O.left + k - m, v.y = O.bottom + D - h, r.w = o.value.offsetWidth, r.h = o.value.offsetHeight;
+      c.x = O.left + k - m, c.y = O.bottom + D - h, i.w = o.value.offsetWidth, i.h = o.value.offsetHeight;
     }, W = (m) => {
       u && (m.preventDefault(), V(m));
-    }, _ = (m) => {
-      m.preventDefault(), m.currentTarget.focus(), q(), u = !0, m.type === "mousedown" ? (document.addEventListener("mousemove", W), document.addEventListener("mouseup", R)) : (document.addEventListener("touchmove", W), document.addEventListener("touchend", R)), l("dragStart");
     }, R = (m) => {
-      u && (u = !1, m.type === "mouseup" ? (document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", R)) : (document.removeEventListener("touchmove", W), document.removeEventListener("touchend", R)), setTimeout(() => l("dragStop"), 0));
+      m.preventDefault(), m.currentTarget.focus(), q(), u = !0, m.type === "mousedown" ? (document.addEventListener("mousemove", W), document.addEventListener("mouseup", _)) : (document.addEventListener("touchmove", W), document.addEventListener("touchend", _)), l("dragStart");
+    }, _ = (m) => {
+      u && (u = !1, m.type === "mouseup" ? (document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", _)) : (document.removeEventListener("touchmove", W), document.removeEventListener("touchend", _)), setTimeout(() => l("dragStop"), 0));
     }, le = (m) => {
       m.keyCode >= 33 && m.keyCode <= 40 && m.preventDefault();
-      const h = a.value[s.value] ?? a.value;
+      const h = a.value[n.value] ?? a.value;
       switch (m.keyCode) {
         case 37:
         case 40:
@@ -1562,7 +1559,7 @@ const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inh
     }, w = (m) => {
       q(), V(m);
     };
-    return Ce(x), he(x), (m, h) => (d(), f("div", H({
+    return Ce(b), he(b), (m, h) => (d(), f("div", H({
       ref_key: "track",
       ref: o,
       class: ["relative bg-slate-300", e.vertical ? "h-full w-2 rounded-t-full rounded-b-full" : "w-full h-2 rounded-r-full rounded-l-full"],
@@ -1581,24 +1578,24 @@ const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inh
         style: Me(T.value)
       }, null, 6)),
       a.value.length ? (d(!0), f(F, { key: 2 }, Y(a.value, (k, D) => (d(), f("button", H({
-        id: D ? null : L(n).id,
-        style: e.vertical ? { bottom: b.value[D] + "%" } : { left: b.value[D] + "%" },
+        id: D ? null : L(s).id,
+        style: e.vertical ? { bottom: y.value[D] + "%" } : { left: y.value[D] + "%" },
         "aria-label": "slider-thumb-" + (D + 1)
       }, { ref_for: !0 }, p.value, ce(e.disabled ? {} : {
-        focus: () => s.value = D,
+        focus: () => n.value = D,
         keydown: le,
         touchstart: (O) => {
-          s.value = D, _(O);
+          n.value = D, R(O);
         },
         mousedown: (O) => {
-          s.value = D, _(O);
+          n.value = D, R(O);
         },
-        touchend: R,
-        mouseup: R
+        touchend: _,
+        mouseup: _
       }, !0), {
         ref_for: !0,
         ref_key: "handle",
-        ref: y
+        ref: x
       }), [
         e.showTooltip !== "never" ? (d(), f("span", {
           key: 0,
@@ -1614,25 +1611,25 @@ const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inh
             X(B(e.formatTooltip(k)), 1)
           ], !0)
         ], 2)) : P("", !0)
-      ], 16, cl))), 256)) : (d(), f("button", H({
+      ], 16, il))), 256)) : (d(), f("button", H({
         key: 1,
-        id: L(n).id,
-        style: e.vertical ? { bottom: b.value + "%" } : { left: b.value + "%" },
+        id: L(s).id,
+        style: e.vertical ? { bottom: y.value + "%" } : { left: y.value + "%" },
         "aria-label": "slider-thumb"
       }, p.value, ce(e.disabled ? {} : {
-        focus: () => s.value = 0,
+        focus: () => n.value = 0,
         keydown: le,
         touchstart: (k) => {
-          s.value = 0, _(k);
+          n.value = 0, R(k);
         },
         mousedown: (k) => {
-          s.value = 0, _(k);
+          n.value = 0, R(k);
         },
-        touchend: R,
-        mouseup: R
+        touchend: _,
+        mouseup: _
       }, !0), {
         ref_key: "handle",
-        ref: y
+        ref: x
       }), [
         e.showTooltip !== "never" ? (d(), f("span", {
           key: 0,
@@ -1644,18 +1641,18 @@ const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inh
             X(B(e.formatTooltip(a.value)), 1)
           ], !0)
         ], 2)) : P("", !0)
-      ], 16, dl))
-    ], 16, il));
+      ], 16, ul))
+    ], 16, rl));
   }
-}), El = /* @__PURE__ */ we(vl, [["__scopeId", "data-v-995282a3"]]), fl = ["data-active", "onClick"], ml = { class: "flex items-center space-x-1" }, hl = ["data-active"], Nl = {
+}), Il = /* @__PURE__ */ we(dl, [["__scopeId", "data-v-995282a3"]]), cl = ["data-active", "onClick"], vl = { class: "flex justify-between items-center space-x-2" }, fl = ["data-active"], Fl = {
   __name: "Sortable",
   props: {
     columns: {
       type: Array,
       required: !0,
       validator: (e) => {
-        for (const i of e)
-          if (i.label === void 0 || i.prop === void 0)
+        for (const r of e)
+          if (r.label === void 0 || r.prop === void 0)
             return !1;
         return !0;
       }
@@ -1670,69 +1667,65 @@ const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inh
     bodyClass: { type: String, default: "[&>*:nth-child(even)]:bg-vxvue-50 [&>*:nth-child(even)_*[data-active]]:bg-vxvue-alt-100 [&>*:nth-child(odd)_*[data-active]]:bg-vxvue-alt-50" }
   },
   emits: ["before-sort", "after-sort"],
-  setup(e, { emit: i }) {
-    const t = e, a = i, l = $(t.sortProp), n = $(t.sortDirection), v = I(() => {
+  setup(e, { emit: r }) {
+    const t = e, a = r, l = $(t.sortProp), s = $(t.sortDirection), c = I(() => {
       let u = t.rows.slice();
-      const o = t.columns.find(({ prop: s }) => s === l.value);
-      return o && (n.value === "asc" && o.sortAscFunction ? u.sort(o.sortAscFunction) : n.value === "desc" && o.sortDescFunction ? u.sort(o.sortDescFunction) : u.sort((s, p) => s[l.value] < p[l.value] ? n.value === "asc" ? -1 : 1 : s[l.value] > p[l.value] ? n.value === "asc" ? 1 : -1 : 0)), u.slice(t.offset || 0, (t.offset || 0) + (t.count || u.length));
-    }), r = (u) => {
-      a("before-sort", { prop: l.value, dir: n.value }), l.value === u ? n.value = n.value === "asc" ? "desc" : "asc" : (l.value = u, n.value = n.value || "asc"), xe(() => a("after-sort", { prop: l.value, dir: n.value }));
+      const o = t.columns.find(({ prop: n }) => n === l.value);
+      return o && (s.value === "asc" && o.sortAscFunction ? u.sort(o.sortAscFunction) : s.value === "desc" && o.sortDescFunction ? u.sort(o.sortDescFunction) : u.sort((n, p) => n[l.value] < p[l.value] ? s.value === "asc" ? -1 : 1 : n[l.value] > p[l.value] ? s.value === "asc" ? 1 : -1 : 0)), u.slice(t.offset || 0, (t.offset || 0) + (t.count || u.length));
+    }), i = (u) => {
+      a("before-sort", { prop: l.value, dir: s.value }), l.value === u ? s.value = s.value === "asc" ? "desc" : "asc" : (l.value = u, s.value = s.value || "asc"), xe(() => a("after-sort", { prop: l.value, dir: s.value }));
     };
     return (u, o) => (d(), f("table", {
       class: C(u.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
     }, [
-      c("thead", {
+      v("thead", {
         class: C(e.headerClass)
       }, [
-        c("tr", null, [
-          (d(!0), f(F, null, Y(e.columns, (s) => (d(), f("th", {
-            key: s.prop,
+        v("tr", null, [
+          (d(!0), f(F, null, Y(e.columns, (n) => (d(), f("th", {
+            key: n.prop,
             scope: "col",
-            "data-active": l.value === s.prop ? "active" : null,
-            class: C([
-              "py-3 px-6 text-left",
-              { "cursor-pointer": s.sortable },
-              s.cssClass
-            ]),
-            onClick: (p) => s.sortable ? r(s.prop) : null
+            "data-active": l.value === n.prop ? "active" : null,
+            class: C(["py-3 px-6", { "cursor-pointer": n.sortable }, n.cssClass]),
+            onClick: (p) => n.sortable ? i(n.prop) : null
           }, [
-            M(u.$slots, s.prop + "-header", {
-              column: s,
-              sortDir: n.value,
+            M(u.$slots, n.prop + "-header", {
+              column: n,
+              sortDir: s.value,
               sortProp: l.value
             }, () => [
-              c("div", ml, [
-                c("span", null, B(s.label), 1),
-                s.sortable ? (d(), Z(me(l.value !== s.prop ? L(_e) : n.value === "asc" ? L(Re) : L(He)), {
+              v("div", vl, [
+                v("span", null, B(n.label), 1),
+                n.sortable ? (d(), Z(me(l.value !== n.prop ? L(Ye) : s.value === "asc" ? L(je) : L(_e)), {
                   key: 0,
                   class: "size-4"
                 })) : P("", !0)
               ])
             ])
-          ], 10, fl))), 128))
+          ], 10, cl))), 128))
         ])
       ], 2),
-      c("tbody", {
+      v("tbody", {
         class: C(e.bodyClass)
       }, [
-        (d(!0), f(F, null, Y(v.value, (s) => (d(), f("tr", {
-          key: s[e.keyProperty],
-          class: C(s.cssClass)
+        (d(!0), f(F, null, Y(c.value, (n) => (d(), f("tr", {
+          key: n[e.keyProperty],
+          class: C(n.cssClass)
         }, [
           (d(!0), f(F, null, Y(e.columns, (p) => (d(), f("td", {
             key: p.prop,
             "data-active": l.value === p.prop ? "active" : null,
             class: "overflow-hidden py-3 px-6 whitespace-nowrap text-ellipsis"
           }, [
-            M(u.$slots, p.prop, { row: s }, () => [
-              X(B(s[p.prop]), 1)
+            M(u.$slots, p.prop, { row: n }, () => [
+              X(B(n[p.prop]), 1)
             ])
-          ], 8, hl))), 128))
+          ], 8, fl))), 128))
         ], 2))), 128))
       ], 2)
     ], 2));
   }
-}, pl = { class: "flex items-center space-x-2" }, gl = ["disabled"], bl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, ml = { class: "flex items-center space-x-2" }, hl = ["disabled"], pl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "SubmitButton",
   props: {
     busy: Boolean,
@@ -1740,58 +1733,58 @@ const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inh
     theme: { type: String, default: null }
   },
   emits: ["submit"],
-  setup(e, { emit: i }) {
-    const t = i;
-    return (a, l) => (d(), f("div", pl, [
-      c("button", {
+  setup(e, { emit: r }) {
+    const t = r;
+    return (a, l) => (d(), f("div", ml, [
+      v("button", {
         class: C([a.$attrs.class, e.theme]),
         disabled: a.$attrs.disabled || e.busy,
         type: "button",
-        onClick: l[0] || (l[0] = (n) => t("submit"))
+        onClick: l[0] || (l[0] = (s) => t("submit"))
       }, [
         M(a.$slots, "default", {}, void 0, !0)
-      ], 10, gl),
+      ], 10, hl),
       e.busy ? (d(), Z(De, {
         key: 0,
         class: C(e.spinnerClass || ["size-5", { error: "text-error", success: "text-success", default: "text-vxvue" }[e.theme || "default"]])
       }, null, 8, ["class"])) : P("", !0)
     ]));
   }
-}), Ol = /* @__PURE__ */ we(bl, [["__scopeId", "data-v-e81b6076"]]), xl = { class: "sm:hidden" }, yl = { class: "hidden sm:block" }, wl = { class: "border-b border-gray-200" }, kl = {
+}), El = /* @__PURE__ */ we(pl, [["__scopeId", "data-v-e81b6076"]]), gl = { class: "sm:hidden" }, bl = { class: "hidden sm:block" }, xl = { class: "border-b border-gray-200" }, yl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
-}, $l = ["aria-current", "onClick"], jl = {
+}, wl = ["aria-current", "onClick"], Nl = {
   __name: "Tabs",
   props: {
     items: { type: Array, default: () => [] },
     activeIndex: { type: Number, default: 0 }
   },
   emits: ["update:activeIndex"],
-  setup(e, { emit: i }) {
-    const t = e, a = i, l = $(t.items[t.activeIndex] || {}), n = I(() => {
-      let r = [];
+  setup(e, { emit: r }) {
+    const t = e, a = r, l = $(t.items[t.activeIndex] || {}), s = I(() => {
+      let i = [];
       return t.items.forEach((u, o) => {
-        u.disabled || r.push({ label: u.name, key: o });
-      }), r;
+        u.disabled || i.push({ label: u.name, key: o });
+      }), i;
     });
-    J(() => t.activeIndex, (r) => {
-      l.value = t.items[r] || {};
+    J(() => t.activeIndex, (i) => {
+      l.value = t.items[i] || {};
     });
-    const v = (r) => {
-      r.disabled || (l.value = r, a("update:activeIndex", t.items.indexOf(r)));
+    const c = (i) => {
+      i.disabled || (l.value = i, a("update:activeIndex", t.items.indexOf(i)));
     };
-    return (r, u) => (d(), f(F, null, [
-      c("div", xl, [
-        N(Ft, {
-          options: n.value,
+    return (i, u) => (d(), f(F, null, [
+      v("div", gl, [
+        N(Pt, {
+          options: s.value,
           "model-value": e.activeIndex,
           class: "w-full",
           "onUpdate:modelValue": u[0] || (u[0] = (o) => a("update:activeIndex", o))
         }, null, 8, ["options", "model-value"])
       ]),
-      c("div", yl, [
-        c("div", wl, [
-          c("nav", kl, [
+      v("div", bl, [
+        v("div", xl, [
+          v("nav", yl, [
             (d(!0), f(F, null, Y(e.items, (o) => (d(), f("a", {
               key: o.name,
               href: "#",
@@ -1804,15 +1797,15 @@ const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inh
                 }
               ]),
               "aria-current": l.value === o ? "page" : void 0,
-              onClick: j((s) => v(o), ["prevent"])
+              onClick: j((n) => c(o), ["prevent"])
             }, [
-              M(r.$slots, "icon", { tab: o }),
-              c("span", null, [
-                M(r.$slots, "default", { tab: o }, () => [
+              M(i.$slots, "icon", { tab: o }),
+              v("span", null, [
+                M(i.$slots, "default", { tab: o }, () => [
                   X(B(o.name), 1)
                 ])
               ]),
-              M(r.$slots, "badge", { tab: o }, () => [
+              M(i.$slots, "badge", { tab: o }, () => [
                 o.badge ? (d(), f("span", {
                   key: 0,
                   class: C([
@@ -1825,16 +1818,16 @@ const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inh
                   ])
                 }, B(o.badge), 3)) : P("", !0)
               ])
-            ], 10, $l))), 128))
+            ], 10, wl))), 128))
           ])
         ])
       ])
     ], 64));
   }
-}, Yl = {
+}, Ol = {
   mounted: (e) => e.focus()
-}, Rl = {
-  mounted: (e, i) => {
+}, jl = {
+  mounted: (e, r) => {
     if (!["INPUT", "TEXTAREA"].includes(e.nodeName)) {
       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;
@@ -1849,37 +1842,37 @@ const nl = ["type"], ol = ["disabled"], Pl = /* @__PURE__ */ Object.assign({ inh
         ..."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"
-      ), i.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 = i.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);
+      ), r.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 = r.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, i) => {
+  updated: (e, r) => {
     const t = e.parentNode.querySelector("label");
     if (!t) return;
     const a = e.getAttribute("placeholder")?.trim();
-    t.innerHTML = i.value?.label || a || t.innerHTML, a && e.setAttribute("placeholder", " "), i.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");
+    t.innerHTML = r.value?.label || a || t.innerHTML, a && e.setAttribute("placeholder", " "), r.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");
   }
 };
 export {
-  Cl as Accordion,
+  $l as Accordion,
   $e as AccordionPanel,
-  Ml as Autocomplete,
-  Dl as Confirm,
-  $t as DateInput,
-  Tl as Datepicker,
-  Al as FormFileButton,
-  Ft as FormSelect,
-  Ll as FormSwitch,
-  Vl as MessageToast,
-  zl as Modal,
-  Bl as Pagination,
-  Pl as PasswordInput,
-  Il as SimpleTree,
-  Fl as Sizable,
-  El as Slider,
-  Nl as Sortable,
+  Sl as Autocomplete,
+  Cl as Confirm,
+  wt as DateInput,
+  Ml as Datepicker,
+  Dl as FormFileButton,
+  Pt as FormSelect,
+  Tl as FormSwitch,
+  Al as MessageToast,
+  Ll as Modal,
+  Vl as Pagination,
+  zl as PasswordInput,
+  Bl as SimpleTree,
+  Pl as Sizable,
+  Il as Slider,
+  Fl as Sortable,
   De as Spinner,
-  Ol as SubmitButton,
-  jl as Tabs,
-  Rl as VFloatingLabel,
-  Yl as VFocus
+  El as SubmitButton,
+  Nl as Tabs,
+  jl as VFloatingLabel,
+  Ol as VFocus
 };