vx-vue 1.3.9 → 1.4.1

package/dist/vxvue.es.js

@@ -1,5 +1,5 @@
-import { useSlots as Le, ref as k, computed as I, onBeforeUpdate as Te, createElementBlock as m, openBlock as d, Fragment as O, renderList as Y, createBlock as H, resolveDynamicComponent as me, createElementVNode as c, useAttrs as K, normalizeClass as S, unref as L, renderSlot as T, Transition as Ve, withCtx as ee, toValue as F, watch as X, getCurrentScope as ze, onScopeDispose as Pe, mergeModels as Z, useModel as te, onUpdated as Be, createVNode as _, mergeProps as R, withKeys as re, withModifiers as j, createCommentVNode as B, toDisplayString as P, createTextVNode as Q, nextTick as be, withDirectives as le, vShow as fe, vModelText as Ie, onMounted as xe, vModelSelect as Ne, vModelCheckbox as Oe, normalizeStyle as Se, vModelDynamic as Ee, resolveComponent as Fe, createSlots as _e, toHandlers as ce } from "vue";
-const Cl = {
+import { useSlots as Le, ref as k, computed as I, onBeforeUpdate as Te, createElementBlock as m, openBlock as d, Fragment as E, renderList as Y, createBlock as H, resolveDynamicComponent as me, createElementVNode as c, useAttrs as K, normalizeClass as S, unref as L, renderSlot as T, Transition as Ve, withCtx as ee, toValue as N, watch as X, getCurrentScope as ze, onScopeDispose as Pe, mergeModels as Z, useModel as te, onUpdated as Be, createVNode as _, mergeProps as R, withKeys as re, withModifiers as j, createCommentVNode as B, toDisplayString as P, createTextVNode as Q, nextTick as be, withDirectives as le, vShow as fe, vModelText as Ie, onMounted as xe, vModelSelect as Oe, vModelCheckbox as Ee, normalizeStyle as Se, vModelDynamic as Fe, resolveComponent as Ne, createSlots as _e, toHandlers as ce } from "vue";
+const Ml = {
   __name: "Accordion",
   props: { activeIndex: { type: [Number, Array], default: null } },
   emits: ["update:activeIndex"],
@@ -25,14 +25,14 @@ const Cl = {
       }
       i(f);
     };
-    return Te(() => s.value = []), (f, b) => (d(!0), m(O, null, Y(r.value, (w, g) => (d(), H(me(w), {
+    return Te(() => s.value = []), (f, b) => (d(!0), m(E, null, Y(r.value, (w, g) => (d(), H(me(w), {
       key: g,
       ref_for: !0,
       ref: v,
       show: Array.isArray(e.activeIndex) ? e.activeIndex?.includes(g) : e.activeIndex === g,
-      onSelect: (M) => o(g),
-      onKeydown: (M) => n(g),
-      onKeyup: (M) => i(g)
+      onSelect: (C) => o(g),
+      onKeydown: (C) => n(g),
+      onKeyup: (C) => i(g)
     }, null, 40, ["show", "onSelect", "onKeydown", "onKeyup"]))), 128));
   }
 };
@@ -171,7 +171,7 @@ function ye(e, u) {
     })
   ]);
 }
-const We = ["id", "disabled", "aria-expanded", "aria-controls"], qe = ["id", "aria-labelledby"], Ke = { class: "overflow-hidden rounded-b" }, Ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const We = ["id", "disabled", "aria-expanded", "aria-controls"], qe = ["id", "aria-labelledby"], Ke = { class: "overflow-hidden rounded-b" }, Cl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "AccordionPanel",
   props: { show: Boolean, disabled: Boolean },
   emits: ["select", "keyup", "keydown"],
@@ -222,7 +222,7 @@ const We = ["id", "disabled", "aria-expanded", "aria-controls"], qe = ["id", "ar
       ], 10, qe)
     ]));
   }
-}), Xe = ["viewBox"], Ge = ["cx", "cy", "r", "stroke-width"], Je = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], Ce = {
+}), Xe = ["viewBox"], Ge = ["cx", "cy", "r", "stroke-width"], Je = ["cx", "cy", "r", "stroke-width", "stroke-dasharray"], Me = {
   __name: "Spinner",
   props: { radius: { type: Number, default: 10 }, strokeWidth: { type: Number, default: 4 } },
   setup(e) {
@@ -253,7 +253,7 @@ const We = ["id", "disabled", "aria-expanded", "aria-controls"], qe = ["id", "ar
       }, null, 8, Je)
     ], 8, Xe));
   }
-}, Me = (e, u) => {
+}, Ce = (e, u) => {
   const t = e.__vccOpts || e;
   for (const [a, l] of u)
     t[a] = l;
@@ -269,7 +269,7 @@ const We = ["id", "disabled", "aria-expanded", "aria-controls"], qe = ["id", "ar
       _: 3
     }, 8, ["name"]));
   }
-}, de = /* @__PURE__ */ Me(Qe, [["__scopeId", "data-v-f6b1631e"]]);
+}, de = /* @__PURE__ */ Ce(Qe, [["__scopeId", "data-v-f6b1631e"]]);
 function et(e) {
   return ze() ? (Pe(e), !0) : !1;
 }
@@ -295,9 +295,9 @@ function se(e) {
 }
 function ke(e, u, t = {}) {
   var a;
-  const l = e.getFullYear(), s = e.getMonth(), v = e.getDate(), r = e.getHours(), o = e.getMinutes(), n = e.getSeconds(), i = e.getMilliseconds(), f = e.getDay(), b = (a = t.customMeridiem) != null ? a : ot, w = (M) => {
+  const l = e.getFullYear(), s = e.getMonth(), v = e.getDate(), r = e.getHours(), o = e.getMinutes(), n = e.getSeconds(), i = e.getMilliseconds(), f = e.getDay(), b = (a = t.customMeridiem) != null ? a : ot, w = (C) => {
     var y;
-    return (y = M.split(" ")[1]) != null ? y : "";
+    return (y = C.split(" ")[1]) != null ? y : "";
   }, g = {
     Yo: () => se(l),
     YY: () => String(l).slice(-2),
@@ -305,8 +305,8 @@ function ke(e, u, t = {}) {
     M: () => s + 1,
     Mo: () => se(s + 1),
     MM: () => `${s + 1}`.padStart(2, "0"),
-    MMM: () => e.toLocaleDateString(F(t.locales), { month: "short" }),
-    MMMM: () => e.toLocaleDateString(F(t.locales), { month: "long" }),
+    MMM: () => e.toLocaleDateString(N(t.locales), { month: "short" }),
+    MMMM: () => e.toLocaleDateString(N(t.locales), { month: "long" }),
     D: () => String(v),
     Do: () => se(v),
     DD: () => `${v}`.padStart(2, "0"),
@@ -324,21 +324,21 @@ function ke(e, u, t = {}) {
     ss: () => `${n}`.padStart(2, "0"),
     SSS: () => `${i}`.padStart(3, "0"),
     d: () => f,
-    dd: () => e.toLocaleDateString(F(t.locales), { weekday: "narrow" }),
-    ddd: () => e.toLocaleDateString(F(t.locales), { weekday: "short" }),
-    dddd: () => e.toLocaleDateString(F(t.locales), { weekday: "long" }),
+    dd: () => e.toLocaleDateString(N(t.locales), { weekday: "narrow" }),
+    ddd: () => e.toLocaleDateString(N(t.locales), { weekday: "short" }),
+    dddd: () => e.toLocaleDateString(N(t.locales), { weekday: "long" }),
     A: () => b(r, o),
     AA: () => b(r, o, !1, !0),
     a: () => b(r, o, !0),
     aa: () => b(r, o, !0, !0),
-    z: () => w(e.toLocaleDateString(F(t.locales), { timeZoneName: "shortOffset" })),
-    zz: () => w(e.toLocaleDateString(F(t.locales), { timeZoneName: "shortOffset" })),
-    zzz: () => w(e.toLocaleDateString(F(t.locales), { timeZoneName: "shortOffset" })),
-    zzzz: () => w(e.toLocaleDateString(F(t.locales), { timeZoneName: "longOffset" }))
+    z: () => w(e.toLocaleDateString(N(t.locales), { timeZoneName: "shortOffset" })),
+    zz: () => w(e.toLocaleDateString(N(t.locales), { timeZoneName: "shortOffset" })),
+    zzz: () => w(e.toLocaleDateString(N(t.locales), { timeZoneName: "shortOffset" })),
+    zzzz: () => w(e.toLocaleDateString(N(t.locales), { timeZoneName: "longOffset" }))
   };
-  return u.replace(nt, (M, y) => {
-    var C, V;
-    return (V = y ?? ((C = g[M]) == null ? void 0 : C.call(g))) != null ? V : M;
+  return u.replace(nt, (C, y) => {
+    var M, V;
+    return (V = y ?? ((M = g[C]) == null ? void 0 : M.call(g))) != null ? V : C;
   });
 }
 function rt(e, u, t) {
@@ -354,24 +354,24 @@ function rt(e, u, t) {
 const Ae = De ? window : void 0;
 function ue(e) {
   var u;
-  const t = F(e);
+  const t = N(e);
   return (u = t?.$el) != null ? u : t;
 }
 function ge(...e) {
   const u = [], t = () => {
     u.forEach((r) => r()), u.length = 0;
   }, a = (r, o, n, i) => (r.addEventListener(o, n, i), () => r.removeEventListener(o, n, i)), l = I(() => {
-    const r = pe(F(e[0])).filter((o) => o != null);
+    const r = pe(N(e[0])).filter((o) => o != null);
     return r.every((o) => typeof o != "string") ? r : void 0;
   }), s = rt(
     () => {
       var r, o;
       return [
         (o = (r = l.value) == null ? void 0 : r.map((n) => ue(n))) != null ? o : [Ae].filter((n) => n != null),
-        pe(F(l.value ? e[1] : e[0])),
+        pe(N(l.value ? e[1] : e[0])),
         pe(L(l.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        F(l.value ? e[3] : e[2])
+        N(l.value ? e[3] : e[2])
       ];
     },
     ([r, o, n, i]) => {
@@ -400,28 +400,28 @@ function we(e, u, t = {}) {
   if (at && !$e) {
     $e = !0;
     const y = { passive: !0 };
-    Array.from(a.document.body.children).forEach((C) => C.addEventListener("click", ne, y)), a.document.documentElement.addEventListener("click", ne, y);
+    Array.from(a.document.body.children).forEach((M) => M.addEventListener("click", ne, y)), a.document.documentElement.addEventListener("click", ne, y);
   }
   let o = !0;
-  const n = (y) => F(l).some((C) => {
-    if (typeof C == "string")
-      return Array.from(a.document.querySelectorAll(C)).some((V) => V === y.target || y.composedPath().includes(V));
+  const n = (y) => N(l).some((M) => {
+    if (typeof M == "string")
+      return Array.from(a.document.querySelectorAll(M)).some((V) => V === y.target || y.composedPath().includes(V));
     {
-      const V = ue(C);
+      const V = ue(M);
       return V && (y.target === V || y.composedPath().includes(V));
     }
   });
   function i(y) {
-    const C = F(y);
-    return C && C.$.subTree.shapeFlag === 16;
+    const M = N(y);
+    return M && M.$.subTree.shapeFlag === 16;
   }
-  function f(y, C) {
-    const V = F(y), E = V.$.subTree && V.$.subTree.children;
-    return E == null || !Array.isArray(E) ? !1 : E.some((G) => G.el === C.target || C.composedPath().includes(G.el));
+  function f(y, M) {
+    const V = N(y), F = V.$.subTree && V.$.subTree.children;
+    return F == null || !Array.isArray(F) ? !1 : F.some((G) => G.el === M.target || M.composedPath().includes(G.el));
   }
   const b = (y) => {
-    const C = ue(e);
-    if (y.target != null && !(!(C instanceof Element) && i(e) && f(e, y)) && !(!C || C === y.target || y.composedPath().includes(C))) {
+    const M = ue(e);
+    if (y.target != null && !(!(M instanceof Element) && i(e) && f(e, y)) && !(!M || M === y.target || y.composedPath().includes(M))) {
       if ("detail" in y && y.detail === 0 && (o = !n(y)), !o) {
         o = !0;
         return;
@@ -437,26 +437,26 @@ function we(e, u, t = {}) {
       }, 0), b(y));
     }, { passive: !0, capture: s }),
     ge(a, "pointerdown", (y) => {
-      const C = ue(e);
-      o = !n(y) && !!(C && !y.composedPath().includes(C));
+      const M = ue(e);
+      o = !n(y) && !!(M && !y.composedPath().includes(M));
     }, { passive: !0 }),
     v && ge(a, "blur", (y) => {
       setTimeout(() => {
-        var C;
+        var M;
         const V = ue(e);
-        ((C = a.document.activeElement) == null ? void 0 : C.tagName) === "IFRAME" && !V?.contains(a.document.activeElement) && u(y);
+        ((M = a.document.activeElement) == null ? void 0 : M.tagName) === "IFRAME" && !V?.contains(a.document.activeElement) && u(y);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), M = () => g.forEach((y) => y());
+  ].filter(Boolean), C = () => g.forEach((y) => y());
   return r ? {
-    stop: M,
+    stop: C,
     cancel: () => {
       o = !1;
     },
     trigger: (y) => {
       o = !0, b(y), o = !1;
     }
-  } : M;
+  } : C;
 }
 const ut = ["value", "onKeydown"], it = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, dt = ["data-result-index"], Dl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Autocomplete",
@@ -475,14 +475,14 @@ const ut = ["value", "onKeydown"], it = { class: "flex absolute inset-y-0 right-
     const t = u, a = e, l = te(e, "modelValue"), s = K(), r = (/* @__PURE__ */ (() => {
       let A = 0;
       return (z) => (z || "") + ++A;
-    })())((s.id || "autocomplete") + "-"), o = k([]), n = k(-1), i = k(0), f = k(!1), b = k(!1), w = k("top-0 translate-y-12"), g = k(!0), M = k(null), y = k(null), C = k(null), V = I(
+    })())((s.id || "autocomplete") + "-"), o = k([]), n = k(-1), i = k(0), f = k(!1), b = k(!1), w = k("top-0 translate-y-12"), g = k(!0), C = k(null), y = k(null), M = k(null), V = I(
       () => o.value.map((A, z) => ({
         id: (s.id || "autocomplete") + "-item-" + z,
         class: [a.resultItemClass, { "bg-vxvue-700 text-white": n.value === z }],
         role: "option",
         ...n.value === z ? { "aria-selected": "true" } : {}
       }))
-    ), E = I(() => ({
+    ), F = I(() => ({
       role: "combobox",
       autocomplete: "off",
       autocapitalize: "off",
@@ -516,7 +516,7 @@ const ut = ["value", "onKeydown"], it = { class: "flex absolute inset-y-0 right-
       l.value = A, $(A);
     }, h = (A) => $(A.target.value), x = () => {
       q(), t("blur-sm");
-    }, N = () => {
+    }, O = () => {
       const A = o.value.length;
       n.value = ((n.value - 1) % A + A) % A;
     }, U = (A) => {
@@ -529,19 +529,19 @@ const ut = ["value", "onKeydown"], it = { class: "flex absolute inset-y-0 right-
       const z = A.target.closest("[data-result-index]");
       z && (n.value = parseInt(z.dataset.resultIndex, 10), t("submit", D()));
     };
-    return we(C, q), Be(() => {
-      if (M.value) {
-        const A = y.value.getBoundingClientRect(), z = M.value.getBoundingClientRect();
+    return we(M, q), Be(() => {
+      if (C.value) {
+        const A = y.value.getBoundingClientRect(), z = C.value.getBoundingClientRect();
         g.value && o.value.length && (g.value = !1, w.value = A.bottom + z.height > window.innerHeight && window.innerHeight - A.bottom < A.top && window.pageYOffset + A.top - z.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
-        const J = M.value.querySelector('[data-result-index="' + n.value + '"]');
+        const J = C.value.querySelector('[data-result-index="' + n.value + '"]');
         if (J) {
           let W = J.getBoundingClientRect();
-          W.top < z.top ? M.value.scrollTop -= z.top - W.top : W.bottom > z.bottom && (M.value.scrollTop += W.bottom - z.bottom);
+          W.top < z.top ? C.value.scrollTop -= z.top - W.top : W.bottom > z.bottom && (C.value.scrollTop += W.bottom - z.bottom);
         }
       }
     }), (A, z) => (d(), m("div", {
       ref_key: "container",
-      ref: C,
+      ref: M,
       class: S(["inline-block relative", A.$attrs.class])
     }, [
       c("input", R({
@@ -549,20 +549,20 @@ const ut = ["value", "onKeydown"], it = { class: "flex absolute inset-y-0 right-
         ref: y,
         class: "block pr-10 w-full form-input focus:border-vxvue",
         value: l.value
-      }, E.value, {
+      }, F.value, {
         onInput: z[0] || (z[0] = (J) => p(J.target.value)),
         onKeydown: [
           re(ae, ["enter"]),
           re(oe, ["esc"]),
           re(D, ["tab"]),
-          re(j(N, ["prevent"]), ["up"]),
+          re(j(O, ["prevent"]), ["up"]),
           re(j(U, ["prevent"]), ["down"])
         ],
         onFocus: h,
         onBlur: x
       }), null, 16, ut),
       c("span", it, [
-        b.value ? (d(), H(Ce, {
+        b.value ? (d(), H(Me, {
           key: 0,
           class: "size-5"
         })) : B("", !0)
@@ -572,13 +572,13 @@ const ut = ["value", "onKeydown"], it = { class: "flex absolute inset-y-0 right-
           o.value.length ? (d(), m("div", R({
             key: 0,
             ref_key: "resultList",
-            ref: M
+            ref: C
           }, G.value, {
             onClick: he,
             onMousedown: z[1] || (z[1] = j(() => {
             }, ["prevent"]))
           }), [
-            (d(!0), m(O, null, Y(o.value, (J, W) => (d(), m("div", { "data-result-index": W }, [
+            (d(!0), m(E, null, Y(o.value, (J, W) => (d(), m("div", { "data-result-index": W }, [
               T(A.$slots, "result", {
                 result: J,
                 props: V.value[W]
@@ -624,9 +624,9 @@ const ut = ["value", "onKeydown"], it = { class: "flex absolute inset-y-0 right-
     const o = I(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), n = k(null), i = (b, w) => {
       s.value = !1, b.value !== void 0 ? b.value ? v() : r() : w ? r() : v();
     };
-    return u({ open: (b, w) => (a.value = b, l.value = w, s.value = !0, be(() => n.value.firstElementChild.focus()), new Promise((g, M) => {
-      v = g, r = M;
-    })) }), (b, w) => (d(), m(O, null, [
+    return u({ open: (b, w) => (a.value = b, l.value = w, s.value = !0, be(() => n.value.firstElementChild.focus()), new Promise((g, C) => {
+      v = g, r = C;
+    })) }), (b, w) => (d(), m(E, null, [
       s.value ? (d(), m("div", ct)) : B("", !0),
       _(de, { name: "appear" }, {
         default: ee(() => [
@@ -662,10 +662,10 @@ const ut = ["value", "onKeydown"], it = { class: "flex absolute inset-y-0 right-
                       ref: n,
                       class: "flex justify-center mt-5 space-x-2 sm:mt-6"
                     }, [
-                      (d(!0), m(O, null, Y(o.value, (g, M) => (d(), m("button", {
+                      (d(!0), m(E, null, Y(o.value, (g, C) => (d(), m("button", {
                         key: g.label,
                         class: S([e.buttonClass, g.class]),
-                        onClick: j((y) => i(g, M), ["prevent"])
+                        onClick: j((y) => i(g, C), ["prevent"])
                       }, P(g.label), 11, yt))), 128))
                     ], 512)
                   ])
@@ -680,7 +680,7 @@ const ut = ["value", "onKeydown"], it = { class: "flex absolute inset-y-0 right-
   }
 };
 function wt(e, u) {
-  const t = k(!1), a = F(u);
+  const t = k(!1), a = N(u);
   let l, s = a.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), v = [];
   if ((l = a.match(/\bd\b/gi)) && l.length === 1)
     s = s.replace("d", "(\\d{1,2})");
@@ -698,7 +698,7 @@ function wt(e, u) {
     s = s.replace("yyyy", "(\\d{4})");
   else
     return { date: t };
-  if (v.push({ srcPos: a.toLowerCase().indexOf("y"), destPos: 0 }), !(l = F(e).match(s)))
+  if (v.push({ srcPos: a.toLowerCase().indexOf("y"), destPos: 0 }), !(l = N(e).match(s)))
     return { date: t };
   l.shift(), v.sort((i, f) => i.srcPos < f.srcPos ? -1 : 1);
   let r = [], o, n;
@@ -769,7 +769,7 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
       T(o.$slots, "default")
     ], 2));
   }
-}), Ct = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, Mt = { class: "flex justify-between w-1/2" }, Dt = { class: "flex justify-between w-1/2" }, At = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, Lt = ["disabled", "onClick"], Tt = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, Vt = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, zt = ["onClick"], Ll = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), Mt = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, Ct = { class: "flex justify-between w-1/2" }, Dt = { class: "flex justify-between w-1/2" }, At = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, Lt = ["disabled", "onClick"], Tt = { class: "flex justify-between items-center py-2 px-3 text-white bg-vxvue-700" }, Vt = { class: "grid grid-cols-2 gap-0.5 p-0.5" }, zt = ["onClick"], Ll = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Datepicker",
   props: /* @__PURE__ */ Z({
     shownMonth: Date,
@@ -794,40 +794,40 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
     const t = e, a = te(e, "modelValue"), l = u, s = (() => {
       const p = /* @__PURE__ */ new Date();
       return new Date(p.getFullYear(), p.getMonth(), p.getDate());
-    })(), v = k(null), r = k([]), o = k(!1), n = k("days"), i = k(0), f = k({ horiz: "left-0", vert: "top-0" }), b = k(null), w = k(null), g = k(null), M = I(() => t.hasInput && t.maxNumberOfValues === 1), y = I(() => {
-      const p = [], h = v.value.getFullYear(), x = v.value.getMonth(), N = new Date(h, x + 1, 0), U = new Date(h, x, 0).getDay() + 1 - t.startOfWeekIndex, oe = (6 + t.startOfWeekIndex - N.getDay()) % 7;
-      for (let ae = -U, he = N.getDate() + oe; ae < he; ++ae)
+    })(), v = k(null), r = k([]), o = k(!1), n = k("days"), i = k(0), f = k({ horiz: "left-0", vert: "top-0" }), b = k(null), w = k(null), g = k(null), C = I(() => t.hasInput && t.maxNumberOfValues === 1), y = I(() => {
+      const p = [], h = v.value.getFullYear(), x = v.value.getMonth(), O = new Date(h, x + 1, 0), U = new Date(h, x, 0).getDay() + 1 - t.startOfWeekIndex, oe = (6 + t.startOfWeekIndex - O.getDay()) % 7;
+      for (let ae = -U, he = O.getDate() + oe; ae < he; ++ae)
         p.push(new Date(h, x, ae + 1));
       return p;
-    }), C = I(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames), V = (p) => {
+    }), M = I(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames), V = (p) => {
       v.value = new Date(v.value.getFullYear(), p, 1), l("month-change", v.value);
-    }, E = (p) => {
+    }, F = (p) => {
       v.value = new Date(p, v.value.getMonth(), 1), l("year-change", v.value);
     }, G = (p) => a.value = p, q = (p) => {
       if (o.value = !1, t.maxNumberOfValues === 1)
         a.value = p;
       else {
         const h = r.value;
-        let x = h.findIndex((N) => N.getTime() === p.getTime());
+        let x = h.findIndex((O) => O.getTime() === p.getTime());
         x !== -1 ? h.splice(x, 1) : h.length < t.maxNumberOfValues && h.push(p), a.value = h;
       }
     }, $ = (p) => r.value.find((h) => h?.getTime() === p.getTime()), D = (p) => {
-      const h = p.getMonth() !== v.value.getMonth(), x = $(p), N = p.getTime() === s.getTime(), U = t.validFrom && t.validFrom > p || t.validUntil && t.validUntil < p, oe = !x && t.maxNumberOfValues > 1 && r.value.length === t.maxNumberOfValues, ae = t.highlightRange && p > Math.min(...r.value) && p < Math.max(...r.value);
+      const h = p.getMonth() !== v.value.getMonth(), x = $(p), O = p.getTime() === s.getTime(), U = t.validFrom && t.validFrom > p || t.validUntil && t.validUntil < p, oe = !x && t.maxNumberOfValues > 1 && r.value.length === t.maxNumberOfValues, ae = t.highlightRange && p > Math.min(...r.value) && p < Math.max(...r.value);
       return {
         "cursor-not-allowed": U || oe,
-        "text-vxvue-700": !U && !h && !N && !x,
+        "text-vxvue-700": !U && !h && !O && !x,
         "text-error": U && !h,
-        "text-gray-400": h && !N && !x,
-        "bg-vxvue-alt-300 font-bold": N && !x,
+        "text-gray-400": h && !O && !x,
+        "bg-vxvue-alt-300 font-bold": O && !x,
         "bg-vxvue-700 text-white": x,
         "hover:ring-2 hover:ring-vxvue": !U,
-        "bg-vxvue-100/50": ae && !N && !x
+        "bg-vxvue-100/50": ae && !O && !x
       };
     };
     return we(w, () => {
       o.value = !1, n.value = "days";
     }, { ignore: [g] }), xe(() => g.value = b.value?.$refs.toggleButton), X(o, (p) => {
-      p && M.value && be(() => {
+      p && C.value && be(() => {
         const h = b.value.$el.getBoundingClientRect(), x = w.value.getBoundingClientRect();
         f.value.horiz = h.right - x.width < 0 ? "left-0" : "right-0", f.value.vert = h.bottom + x.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
       });
@@ -835,9 +835,9 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
       if (p)
         if (Array.isArray(p)) {
           const h = [], x = r.value;
-          p.forEach((N) => {
-            N && h.push(new Date(N.getFullYear(), N.getMonth(), N.getDate()));
-          }), (h.length !== x.length || ![.../* @__PURE__ */ new Set([...h, ...x])].every((N) => h.filter((U) => U.getTime() === N.getTime()).length === x.filter((U) => U.getTime() === N.getTime()).length)) && (r.value = h, v.value = new Date((h[0] || s).getTime()), v.value.setDate(1));
+          p.forEach((O) => {
+            O && h.push(new Date(O.getFullYear(), O.getMonth(), O.getDate()));
+          }), (h.length !== x.length || ![.../* @__PURE__ */ new Set([...h, ...x])].every((O) => h.filter((U) => U.getTime() === O.getTime()).length === x.filter((U) => U.getTime() === O.getTime()).length)) && (r.value = h, v.value = new Date((h[0] || s).getTime()), v.value.setDate(1));
         } else
           r.value = [new Date(p.getFullYear(), p.getMonth(), p.getDate())], v.value = new Date(p.getFullYear(), p.getMonth(), 1);
       else
@@ -847,7 +847,7 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
     }, { immediate: !0 }), (p, h) => (d(), m("div", {
       class: S(["relative", p.$attrs.class])
     }, [
-      M.value ? (d(), H(St, R({ key: 0 }, p.$attrs, {
+      C.value ? (d(), H(St, R({ key: 0 }, p.$attrs, {
         ref_key: "input",
         ref: b,
         "model-value": r.value[0],
@@ -871,13 +871,13 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
               f.value.horiz,
               f.value.vert,
               {
-                absolute: M.value
+                absolute: C.value
               }
             ])
           }, [
-            n.value === "days" ? (d(), m(O, { key: 0 }, [
-              c("div", Ct, [
-                c("div", Mt, [
+            n.value === "days" ? (d(), m(E, { key: 0 }, [
+              c("div", Mt, [
+                c("div", Ct, [
                   c("button", {
                     class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
                     onClick: h[1] || (h[1] = j((x) => V(v.value.getMonth() - 1), ["stop"]))
@@ -895,7 +895,7 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
                 c("div", Dt, [
                   c("button", {
                     class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                    onClick: h[3] || (h[3] = j((x) => E(v.value.getFullYear() - 1), ["stop"]))
+                    onClick: h[3] || (h[3] = j((x) => F(v.value.getFullYear() - 1), ["stop"]))
                   }, [
                     _(L(ve), { class: "size-6" })
                   ]),
@@ -907,26 +907,26 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
                   }, P(v.value.getFullYear()), 1),
                   c("button", {
                     class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
-                    onClick: h[5] || (h[5] = j((x) => E(v.value.getFullYear() + 1), ["stop"]))
+                    onClick: h[5] || (h[5] = j((x) => F(v.value.getFullYear() + 1), ["stop"]))
                   }, [
                     _(L(ie), { class: "size-6" })
                   ])
                 ])
               ]),
               c("div", At, [
-                (d(!0), m(O, null, Y(C.value, (x, N) => (d(), m("div", {
-                  key: N,
+                (d(!0), m(E, null, Y(M.value, (x, O) => (d(), m("div", {
+                  key: O,
                   class: "py-2 text-center bg-gray-200"
                 }, P(x), 1))), 128)),
-                (d(!0), m(O, null, Y(y.value, (x) => (d(), m("button", {
+                (d(!0), m(E, null, Y(y.value, (x) => (d(), m("button", {
                   key: x,
                   class: S(["py-2 rounded-xs block text-center", D(x)]),
                   disabled: e.validFrom && e.validFrom > x || e.validUntil && e.validUntil < x || e.maxNumberOfValues > 1 && r.value.length === e.maxNumberOfValues && !$(x),
-                  onClick: j((N) => q(x), ["stop"])
+                  onClick: j((O) => q(x), ["stop"])
                 }, P(x.getDate()), 11, Lt))), 128))
               ])
             ], 64)) : B("", !0),
-            n.value === "years" ? (d(), m(O, { key: 1 }, [
+            n.value === "years" ? (d(), m(E, { key: 1 }, [
               c("div", Tt, [
                 c("button", {
                   class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
@@ -943,14 +943,14 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
                 ])
               ]),
               c("div", Vt, [
-                (d(), m(O, null, Y(10, (x) => c("div", {
+                (d(), m(E, null, Y(10, (x) => c("div", {
                   key: x,
                   class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue"
                 }, [
                   c("button", {
                     class: "py-2 px-3",
-                    onClick: j((N) => {
-                      E(i.value + x - 1), n.value = "days";
+                    onClick: j((O) => {
+                      F(i.value + x - 1), n.value = "days";
                     }, ["stop"])
                   }, P(i.value + x - 1), 9, zt)
                 ])), 64))
@@ -1005,13 +1005,14 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
   }
 }, It = {
   key: 0,
+  value: null,
   disabled: "",
-  value: ""
-}, Nt = ["selected", "value"], Ot = {
+  hidden: ""
+}, Ot = ["selected", "value"], Et = {
   __name: "FormSelect",
   props: /* @__PURE__ */ Z({
     options: { type: Array, default: () => [] },
-    disabledLabel: { type: String, default: "" }
+    placeholder: { type: String, default: null }
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -1023,17 +1024,17 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
       "onUpdate:modelValue": a[0] || (a[0] = (l) => u.value = l),
       class: "form-select"
     }), [
-      e.disabledLabel ? (d(), m("option", It, P(e.disabledLabel), 1)) : B("", !0),
-      (d(!0), m(O, null, Y(e.options, (l) => (d(), m("option", {
+      e.placeholder ? (d(), m("option", It, P(e.placeholder), 1)) : B("", !0),
+      (d(!0), m(E, null, Y(e.options, (l) => (d(), m("option", {
         key: l.key !== void 0 ? l.key : l.label || l,
         selected: (l.key !== void 0 ? l.key : l.label || l) === u.value,
         value: l.key !== void 0 ? l.key : l.label || l
-      }, P(l.label || l), 9, Nt))), 128))
+      }, P(l.label || l), 9, Ot))), 128))
     ], 16)), [
-      [Ne, u.value]
+      [Oe, u.value]
     ]);
   }
-}, Et = ["aria-checked", "aria-label"], Ft = ["d"], Vl = {
+}, Ft = ["aria-checked", "aria-label"], Nt = ["d"], Vl = {
   __name: "FormSwitch",
   props: {
     modelValue: {},
@@ -1052,7 +1053,7 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
       c("span", {
         role: "switch",
         class: S([
-          "inline-flex relative shrink-0 w-11 h-6 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-hidden focus:ring-vxvue",
+          "inline-flex relative shrink-0 w-11 p-[2px] rounded-full transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-hidden focus:ring-vxvue",
           a.value ? "bg-slate-200" : u.value ? "bg-vxvue" : "bg-slate-300"
         ]),
         "aria-checked": u.value,
@@ -1061,7 +1062,7 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
         c("span", {
           "aria-hidden": "true",
           class: S([
-            "block relative size-5 rounded-full ring-0 shadow-sm transition duration-200 ease-in-out transform pointer-events-none",
+            "block relative size-5 rounded-full transition duration-200 ease-in-out transform pointer-events-none",
             u.value ? "translate-x-5" : "translate-x-0",
             a.value ? "bg-slate-100" : "bg-white"
           ])
@@ -1071,15 +1072,14 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
-              "stroke-width": "5",
+              "stroke-width": "6",
               stroke: "currentColor",
               class: S(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 size-3", u.value && !a.value ? "text-vxvue" : "text-slate-300"])
             }, [
               c("path", {
                 "stroke-linecap": "round",
-                "stroke-linejoin": "round",
                 d: u.value ? "M12 18 V6" : "m18.5 12 c0 3.5 -3 6.5 -6.5 6.5 -3.5 0 -6.5 -3 -6.5 -6.5 0 -3.5 3 -6.5 6.5 -6.5 3.5 0 6.5 3 6.5 6.5z"
-              }, null, 8, Ft)
+              }, null, 8, Nt)
             ], 2))
           ])
         ], 2),
@@ -1090,9 +1090,9 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
           value: "1",
           type: "checkbox"
         }), null, 16), [
-          [Oe, u.value]
+          [Ee, u.value]
         ])
-      ], 10, Et),
+      ], 10, Ft),
       T(l.$slots, "default")
     ], 2));
   }
@@ -1137,7 +1137,7 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
                       c("div", Ut, P(e.title), 1)
                     ]),
                     T(o.$slots, "default", {}, () => [
-                      (d(!0), m(O, null, Y(l.value, (i) => (d(), m("p", Wt, P(i), 1))), 256))
+                      (d(!0), m(E, null, Y(l.value, (i) => (d(), m("p", Wt, P(i), 1))), 256))
                     ])
                   ]),
                   c("div", qt, [
@@ -1190,7 +1190,7 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
   emits: ["clicked-outside"],
   setup(e, { emit: u }) {
     const t = u, a = k(null);
-    return we(a, () => t("clicked-outside")), (l, s) => (d(), m(O, null, [
+    return we(a, () => t("clicked-outside")), (l, s) => (d(), m(E, null, [
       e.show ? (d(), m("div", Kt)) : B("", !0),
       _(de, { name: "appear" }, {
         default: ee(() => [
@@ -1269,7 +1269,7 @@ const kt = { class: "text-vxvue-700" }, $t = ["disabled"], St = /* @__PURE__ */
         ], 10, el)) : B("", !0)
       ]),
       c("div", tl, [
-        (d(!0), m(O, null, Y(r.value, (b, w) => (d(), H(me(e.page !== "dots" ? "button" : "span"), {
+        (d(!0), m(E, null, Y(r.value, (b, w) => (d(), H(me(e.page !== "dots" ? "button" : "span"), {
           key: w,
           class: S([
             { "pointer-events-none": b === "dots" },
@@ -1360,7 +1360,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
         "onUpdate:modelValue": s[0] || (s[0] = (v) => u.value = v),
         type: t.value ? "text" : "password"
       }, a.value, { class: "block pr-12 w-full form-input peer" }), null, 16, ol), [
-        [Ee, u.value]
+        [Fe, u.value]
       ]),
       c("button", {
         class: "flex absolute inset-y-0 right-0 items-center px-3 text-brand-700 hover:text-brand",
@@ -1381,7 +1381,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
 }), ul = { class: "flex items-center pb-1" }, il = {
   key: 0,
   class: "ml-6"
-}, Nl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ol = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "SimpleTree",
   props: /* @__PURE__ */ Z({ branch: { type: Object, default: () => ({}) } }, {
     modelValue: { type: Object, default: null },
@@ -1393,7 +1393,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
     return xe(() => {
       t.branch === l.value && a("expand", !0);
     }), (v, r) => {
-      const o = Fe("simple-tree", !0);
+      const o = Ne("simple-tree", !0);
       return d(), m("div", {
         class: S([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", v.$attrs.class])
       }, [
@@ -1425,7 +1425,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
           ]))
         ]),
         e.branch.branches && e.branch.branches.length ? le((d(), m("div", il, [
-          (d(!0), m(O, null, Y(e.branch.branches, (n) => (d(), H(o, {
+          (d(!0), m(E, null, Y(e.branch.branches, (n) => (d(), H(o, {
             key: n.id || n.key || null,
             branch: n,
             modelValue: l.value,
@@ -1447,7 +1447,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
       ], 2);
     };
   }
-}), Ol = {
+}), El = {
   __name: "Sizable",
   props: { vertical: Boolean },
   emits: ["dragStart", "dragStop"],
@@ -1457,17 +1457,17 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
     const f = (g) => {
       if (v) {
         g.preventDefault();
-        const { pageX: M, pageY: y } = g.touches?.[0] ?? g;
-        t.vertical ? l.value.style.height = Math.min(n.height - i.height - (o.y - n.y), Math.max(0, o.height + y - r.y)) + "px" : l.value.style.width = Math.min(n.width - i.width - (o.x - n.x), Math.max(0, o.width + M - r.x)) + "px";
+        const { pageX: C, pageY: y } = g.touches?.[0] ?? g;
+        t.vertical ? l.value.style.height = Math.min(n.height - i.height - (o.y - n.y), Math.max(0, o.height + y - r.y)) + "px" : l.value.style.width = Math.min(n.width - i.width - (o.x - n.x), Math.max(0, o.width + C - r.x)) + "px";
       }
     }, b = (g) => {
       g.preventDefault(), g.currentTarget.focus(), v = !0;
-      const { pageX: M, pageY: y } = g.touches?.[0] ?? g;
-      r = { x: M, y }, i = s.value.getBoundingClientRect(), o = l.value.getBoundingClientRect(), n = l.value.parentElement.getBoundingClientRect(), g.type === "mousedown" ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", w)) : (document.addEventListener("touchmove", f), document.addEventListener("touchend", w)), a("dragStart");
+      const { pageX: C, pageY: y } = g.touches?.[0] ?? g;
+      r = { x: C, y }, i = s.value.getBoundingClientRect(), o = l.value.getBoundingClientRect(), n = l.value.parentElement.getBoundingClientRect(), g.type === "mousedown" ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", w)) : (document.addEventListener("touchmove", f), document.addEventListener("touchend", w)), a("dragStart");
     }, w = (g) => {
       v && (v = !1, g.type === "mouseup" ? (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", w)) : (document.removeEventListener("touchmove", f), document.removeEventListener("touchend", w)), setTimeout(() => a("dragStop"), 0));
     };
-    return (g, M) => (d(), m("div", {
+    return (g, C) => (d(), m("div", {
       ref_key: "box",
       ref: l,
       class: "relative"
@@ -1491,7 +1491,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
       ], 16)
     ], 512));
   }
-}, dl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], cl = ["id"], vl = ["id", "aria-label"], El = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, dl = ["aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext"], cl = ["id"], vl = ["id", "aria-label"], Fl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "Slider",
   props: /* @__PURE__ */ Z({
     min: { type: Number, default: 0 },
@@ -1527,18 +1527,18 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
     }), g = ($) => {
       let D = parseFloat($.toFixed(10));
       D = Math.min(t.max, Math.max(t.min, D)), a.value instanceof Array ? a.value[i.value] = D : a.value = D;
-    }, M = ($) => {
+    }, C = ($) => {
       const { pageX: D, pageY: p } = $.touches ? $.touches[0] : $, h = t.vertical ? (-p + v.y) / r.h : (D - v.x) / r.w;
       g(Math.floor((t.max - t.min) * h + t.min));
     }, y = () => {
       const { clientLeft: $, clientTop: D, scrollLeft: p, scrollTop: h } = document.documentElement, x = n.value.getBoundingClientRect();
       v.x = x.left + p - $, v.y = x.bottom + h - D, r.w = n.value.offsetWidth, r.h = n.value.offsetHeight;
-    }, C = ($) => {
-      o && ($.preventDefault(), M($));
+    }, M = ($) => {
+      o && ($.preventDefault(), C($));
     }, V = ($) => {
-      $.preventDefault(), $.currentTarget.focus(), y(), o = !0, $.type === "mousedown" ? (document.addEventListener("mousemove", C), document.addEventListener("mouseup", E)) : (document.addEventListener("touchmove", C), document.addEventListener("touchend", E)), l("dragStart");
-    }, E = ($) => {
-      o && (o = !1, $.type === "mouseup" ? (document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", E)) : (document.removeEventListener("touchmove", C), document.removeEventListener("touchend", E)), setTimeout(() => l("dragStop"), 0));
+      $.preventDefault(), $.currentTarget.focus(), y(), o = !0, $.type === "mousedown" ? (document.addEventListener("mousemove", M), document.addEventListener("mouseup", F)) : (document.addEventListener("touchmove", M), document.addEventListener("touchend", F)), l("dragStart");
+    }, F = ($) => {
+      o && (o = !1, $.type === "mouseup" ? (document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", F)) : (document.removeEventListener("touchmove", M), document.removeEventListener("touchend", F)), setTimeout(() => l("dragStop"), 0));
     }, G = ($) => {
       $.keyCode >= 33 && $.keyCode <= 40 && $.preventDefault();
       const D = a.value[i.value] ?? a.value;
@@ -1564,7 +1564,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
           g(t.max);
       }
     }, q = ($) => {
-      y(), M($);
+      y(), C($);
     };
     return ($, D) => (d(), m("div", R({
       ref_key: "track",
@@ -1584,7 +1584,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
         class: S(["absolute bg-vxvue", e.vertical ? "w-full rounded-t-full rounded-b-full" : "h-full rounded-r-full rounded-l-full"]),
         style: Se(b.value)
       }, null, 6)),
-      a.value.length ? (d(!0), m(O, { key: 2 }, Y(a.value, (p, h) => (d(), m("button", R({
+      a.value.length ? (d(!0), m(E, { key: 2 }, Y(a.value, (p, h) => (d(), m("button", R({
         id: h ? null : L(s).id,
         style: e.vertical ? { bottom: f.value[h] + "%" } : { left: f.value[h] + "%" },
         "aria-label": "slider-thumb-" + (h + 1)
@@ -1597,8 +1597,8 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
         mousedown: (x) => {
           i.value = h, V(x);
         },
-        touchend: E,
-        mouseup: E
+        touchend: F,
+        mouseup: F
       }, !0)), null, 16, vl))), 256)) : (d(), m("button", R({
         key: 1,
         id: L(s).id,
@@ -1613,12 +1613,12 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
         mousedown: (p) => {
           i.value = 0, V(p);
         },
-        touchend: E,
-        mouseup: E
+        touchend: F,
+        mouseup: F
       }, !0)), null, 16, cl))
     ], 16, dl));
   }
-}), fl = ["data-active", "onClick"], ml = { class: "flex items-center space-x-1" }, hl = ["data-active"], Fl = {
+}), fl = ["data-active", "onClick"], ml = { class: "flex items-center space-x-1" }, hl = ["data-active"], Nl = {
   __name: "Sortable",
   props: {
     columns: {
@@ -1656,7 +1656,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
         class: S(e.headerClass)
       }, [
         c("tr", null, [
-          (d(!0), m(O, null, Y(e.columns, (i) => (d(), m("th", {
+          (d(!0), m(E, null, Y(e.columns, (i) => (d(), m("th", {
             key: i.prop,
             scope: "col",
             "data-active": l.value === i.prop ? "active" : null,
@@ -1686,11 +1686,11 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
       c("tbody", {
         class: S(e.bodyClass)
       }, [
-        (d(!0), m(O, null, Y(v.value, (i) => (d(), m("tr", {
+        (d(!0), m(E, null, Y(v.value, (i) => (d(), m("tr", {
           key: i[e.keyProperty],
           class: S(i.cssClass)
         }, [
-          (d(!0), m(O, null, Y(e.columns, (f) => (d(), m("td", {
+          (d(!0), m(E, null, Y(e.columns, (f) => (d(), m("td", {
             key: f.prop,
             "data-active": l.value === f.prop ? "active" : null,
             class: "overflow-hidden py-3 px-6 whitespace-nowrap text-ellipsis"
@@ -1722,13 +1722,13 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
       }, [
         T(a.$slots, "default", {}, void 0, !0)
       ], 10, gl),
-      e.busy ? (d(), H(Ce, {
+      e.busy ? (d(), H(Me, {
         key: 0,
         class: S(e.spinnerClass || ["size-5", { error: "text-error", success: "text-success", default: "text-vxvue" }[e.theme || "default"]])
       }, null, 8, ["class"])) : B("", !0)
     ]));
   }
-}), _l = /* @__PURE__ */ Me(bl, [["__scopeId", "data-v-646b7a90"]]), xl = { class: "sm:hidden" }, yl = { class: "hidden sm:block" }, wl = { class: "border-b border-gray-200" }, kl = {
+}), _l = /* @__PURE__ */ Ce(bl, [["__scopeId", "data-v-646b7a90"]]), xl = { class: "sm:hidden" }, yl = { class: "hidden sm:block" }, wl = { class: "border-b border-gray-200" }, kl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
 }, $l = ["aria-current", "onClick"], jl = {
@@ -1751,9 +1751,9 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
     const v = (r) => {
       r.disabled || (l.value = r, a("update:activeIndex", t.items.indexOf(r)));
     };
-    return (r, o) => (d(), m(O, null, [
+    return (r, o) => (d(), m(E, null, [
       c("div", xl, [
-        _(Ot, {
+        _(Et, {
           options: s.value,
           "model-value": e.activeIndex,
           class: "w-full",
@@ -1763,7 +1763,7 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
       c("div", yl, [
         c("div", wl, [
           c("nav", kl, [
-            (d(!0), m(O, null, Y(e.items, (n) => (d(), m("a", {
+            (d(!0), m(E, null, Y(e.items, (n) => (d(), m("a", {
               key: n.name,
               href: "#",
               class: S([
@@ -1824,30 +1824,31 @@ const ol = ["type"], rl = ["disabled"], Il = /* @__PURE__ */ Object.assign({ inh
     }
   },
   updated: (e, u) => {
-    const t = e.parentNode.querySelector("label"), a = e.getAttribute("placeholder")?.trim();
+    const t = e.parentNode.querySelector("label");
+    if (!t) return;
+    const a = e.getAttribute("placeholder")?.trim();
     t.innerHTML = u.value?.label || a || t.innerHTML, a && e.setAttribute("placeholder", " "), u.value?.invalid ? (t.classList.add("text-error", "peer-focus:text-error"), t.classList.remove("peer-focus:text-blue-600")) : (t.classList.remove("text-error", "peer-focus:text-error"), t.classList.add("peer-focus:text-blue-600")), t.classList[e.getAttribute("required") !== null ? "add" : "remove"]("required");
-  },
-  beforeUnmount: (e) => e.parentNode.parentNode.removeChild(e.parentNode)
+  }
 };
 export {
-  Cl as Accordion,
-  Ml as AccordionPanel,
+  Ml as Accordion,
+  Cl as AccordionPanel,
   Dl as Autocomplete,
   Al as Confirm,
   St as DateInput,
   Ll as Datepicker,
   Tl as FormFileButton,
-  Ot as FormSelect,
+  Et as FormSelect,
   Vl as FormSwitch,
   zl as MessageToast,
   Pl as Modal,
   Bl as Pagination,
   Il as PasswordInput,
-  Nl as SimpleTree,
-  Ol as Sizable,
-  El as Slider,
-  Fl as Sortable,
-  Ce as Spinner,
+  Ol as SimpleTree,
+  El as Sizable,
+  Fl as Slider,
+  Nl as Sortable,
+  Me as Spinner,
   _l as SubmitButton,
   jl as Tabs,
   Rl as VFloatingLabel,