vx-vue 0.7.6 → 0.7.9

package/dist/vxvue.es.js

@@ -1,9 +1,9 @@
-import { getCurrentScope as ke, onScopeDispose as $e, unref as D, watch as H, useAttrs as K, ref as x, computed as V, onUpdated as Ce, openBlock as u, createElementBlock as v, normalizeClass as C, createElementVNode as r, mergeProps as j, withKeys as X, withModifiers as P, createCommentVNode as _, Fragment as A, renderList as O, renderSlot as B, toDisplayString as S, createVNode as Y, Transition as oe, withCtx as Q, createTextVNode as z, nextTick as re, toValue as de, withDirectives as fe, vModelText as Se, onMounted as ue, createBlock as Z, pushScopeId as Me, popScopeId as Ve, resolveDynamicComponent as ie, resolveComponent as De, vShow as _e, toHandlers as le, normalizeStyle as Ae } from "vue";
+import { getCurrentScope as ke, onScopeDispose as $e, unref as V, watch as H, useAttrs as W, ref as x, computed as _, onUpdated as Ce, openBlock as u, createElementBlock as v, normalizeClass as C, createElementVNode as r, mergeProps as j, withKeys as X, withModifiers as P, createCommentVNode as D, Fragment as A, renderList as O, renderSlot as B, toDisplayString as S, createVNode as Y, Transition as oe, withCtx as Q, createTextVNode as z, nextTick as re, toValue as de, withDirectives as fe, vModelText as Se, onMounted as ue, createBlock as q, pushScopeId as Me, popScopeId as Ve, resolveDynamicComponent as ie, resolveComponent as De, vShow as _e, toHandlers as le, normalizeStyle as Ae } from "vue";
 function Be(e) {
   return ke() ? ($e(e), !0) : !1;
 }
 function he(e) {
-  return typeof e == "function" ? e() : D(e);
+  return typeof e == "function" ? e() : V(e);
 }
 const pe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -14,49 +14,49 @@ function Ie() {
   return pe && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((d = window == null ? void 0 : window.navigator) == null ? void 0 : d.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
 const Te = /[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}|SSS/g;
-function Oe(e, d, t, n) {
+function Oe(e, d, t, s) {
   let a = e < 12 ? "AM" : "PM";
-  return n && (a = a.split("").reduce((l, c) => l += `${c}.`, "")), t ? a.toLowerCase() : a;
+  return s && (a = a.split("").reduce((l, c) => l += `${c}.`, "")), t ? a.toLowerCase() : a;
 }
-function W(e) {
+function Z(e) {
   const d = ["th", "st", "nd", "rd"], t = e % 100;
   return e + (d[(t - 20) % 10] || d[t] || d[0]);
 }
 function ve(e, d, t = {}) {
-  var n;
-  const a = e.getFullYear(), l = e.getMonth(), c = e.getDate(), s = e.getHours(), o = e.getMinutes(), m = e.getSeconds(), i = e.getMilliseconds(), y = e.getDay(), f = (n = t.customMeridiem) != null ? n : Oe, g = {
-    Yo: () => W(a),
+  var s;
+  const a = e.getFullYear(), l = e.getMonth(), c = e.getDate(), n = e.getHours(), o = e.getMinutes(), m = e.getSeconds(), i = e.getMilliseconds(), y = e.getDay(), f = (s = t.customMeridiem) != null ? s : Oe, g = {
+    Yo: () => Z(a),
     YY: () => String(a).slice(-2),
     YYYY: () => a,
     M: () => l + 1,
-    Mo: () => W(l + 1),
+    Mo: () => Z(l + 1),
     MM: () => `${l + 1}`.padStart(2, "0"),
     MMM: () => e.toLocaleDateString(t.locales, { month: "short" }),
     MMMM: () => e.toLocaleDateString(t.locales, { month: "long" }),
     D: () => String(c),
-    Do: () => W(c),
+    Do: () => Z(c),
     DD: () => `${c}`.padStart(2, "0"),
-    H: () => String(s),
-    Ho: () => W(s),
-    HH: () => `${s}`.padStart(2, "0"),
-    h: () => `${s % 12 || 12}`.padStart(1, "0"),
-    ho: () => W(s % 12 || 12),
-    hh: () => `${s % 12 || 12}`.padStart(2, "0"),
+    H: () => String(n),
+    Ho: () => Z(n),
+    HH: () => `${n}`.padStart(2, "0"),
+    h: () => `${n % 12 || 12}`.padStart(1, "0"),
+    ho: () => Z(n % 12 || 12),
+    hh: () => `${n % 12 || 12}`.padStart(2, "0"),
     m: () => String(o),
-    mo: () => W(o),
+    mo: () => Z(o),
     mm: () => `${o}`.padStart(2, "0"),
     s: () => String(m),
-    so: () => W(m),
+    so: () => Z(m),
     ss: () => `${m}`.padStart(2, "0"),
     SSS: () => `${i}`.padStart(3, "0"),
     d: () => y,
     dd: () => e.toLocaleDateString(t.locales, { weekday: "narrow" }),
     ddd: () => e.toLocaleDateString(t.locales, { weekday: "short" }),
     dddd: () => e.toLocaleDateString(t.locales, { weekday: "long" }),
-    A: () => f(s, o),
-    AA: () => f(s, o, !1, !0),
-    a: () => f(s, o, !0),
-    aa: () => f(s, o, !0, !0)
+    A: () => f(n, o),
+    AA: () => f(n, o, !1, !0),
+    a: () => f(n, o, !0),
+    aa: () => f(n, o, !0, !0)
   };
   return d.replace(Te, (w, I) => {
     var T, F;
@@ -70,20 +70,20 @@ function J(e) {
 }
 const ge = pe ? window : void 0;
 function ae(...e) {
-  let d, t, n, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, n, a] = e, d = ge) : [d, t, n, a] = e, !d)
+  let d, t, s, a;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, s, a] = e, d = ge) : [d, t, s, a] = e, !d)
     return ee;
-  Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
+  Array.isArray(t) || (t = [t]), Array.isArray(s) || (s = [s]);
   const l = [], c = () => {
     l.forEach((i) => i()), l.length = 0;
-  }, s = (i, y, f, g) => (i.addEventListener(y, f, g), () => i.removeEventListener(y, f, g)), o = H(
+  }, n = (i, y, f, g) => (i.addEventListener(y, f, g), () => i.removeEventListener(y, f, g)), o = H(
     () => [J(d), he(a)],
     ([i, y]) => {
       if (c(), !i)
         return;
       const f = Le(y) ? { ...y } : y;
       l.push(
-        ...t.flatMap((g) => n.map((w) => s(i, g, w, f)))
+        ...t.flatMap((g) => s.map((w) => n(i, g, w, f)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -94,38 +94,38 @@ function ae(...e) {
 }
 let me = !1;
 function ce(e, d, t = {}) {
-  const { window: n = ge, ignore: a = [], capture: l = !0, detectIframe: c = !1 } = t;
-  if (!n)
+  const { window: s = ge, ignore: a = [], capture: l = !0, detectIframe: c = !1 } = t;
+  if (!s)
     return ee;
-  Fe && !me && (me = !0, Array.from(n.document.body.children).forEach((f) => f.addEventListener("click", ee)), n.document.documentElement.addEventListener("click", ee));
-  let s = !0;
+  Fe && !me && (me = !0, Array.from(s.document.body.children).forEach((f) => f.addEventListener("click", ee)), s.document.documentElement.addEventListener("click", ee));
+  let n = !0;
   const o = (f) => a.some((g) => {
     if (typeof g == "string")
-      return Array.from(n.document.querySelectorAll(g)).some((w) => w === f.target || f.composedPath().includes(w));
+      return Array.from(s.document.querySelectorAll(g)).some((w) => w === f.target || f.composedPath().includes(w));
     {
       const w = J(g);
       return w && (f.target === w || f.composedPath().includes(w));
     }
   }), i = [
-    ae(n, "click", (f) => {
+    ae(s, "click", (f) => {
       const g = J(e);
       if (!(!g || g === f.target || f.composedPath().includes(g))) {
-        if (f.detail === 0 && (s = !o(f)), !s) {
-          s = !0;
+        if (f.detail === 0 && (n = !o(f)), !n) {
+          n = !0;
           return;
         }
         d(f);
       }
     }, { passive: !0, capture: l }),
-    ae(n, "pointerdown", (f) => {
+    ae(s, "pointerdown", (f) => {
       const g = J(e);
-      s = !o(f) && !!(g && !f.composedPath().includes(g));
+      n = !o(f) && !!(g && !f.composedPath().includes(g));
     }, { passive: !0 }),
-    c && ae(n, "blur", (f) => {
+    c && ae(s, "blur", (f) => {
       setTimeout(() => {
         var g;
         const w = J(e);
-        ((g = n.document.activeElement) == null ? void 0 : g.tagName) === "IFRAME" && !(w != null && w.contains(n.document.activeElement)) && d(f);
+        ((g = s.document.activeElement) == null ? void 0 : g.tagName) === "IFRAME" && !(w != null && w.contains(s.document.activeElement)) && d(f);
       }, 0);
     })
   ].filter(Boolean);
@@ -165,18 +165,18 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
   },
   emits: ["update:modelValue", "blur", "submit"],
   setup(e, { emit: d }) {
-    const t = d, n = e, a = K(), c = (/* @__PURE__ */ (() => {
+    const t = d, s = e, a = W(), c = (/* @__PURE__ */ (() => {
       let k = 0;
       return ($) => ($ || "") + ++k;
-    })())((a.id || "autocomplete") + "-"), s = x([]), o = x(-1), m = x(0), i = x(!1), y = x(!1), f = x("top-0 translate-y-12"), g = x(!0), w = x(null), I = x(null), T = x(null), F = V(
-      () => s.value.map((k, $) => ({
+    })())((a.id || "autocomplete") + "-"), n = x([]), o = x(-1), m = x(0), i = x(!1), y = x(!1), f = x("top-0 translate-y-12"), g = x(!0), w = x(null), I = x(null), T = x(null), F = _(
+      () => n.value.map((k, $) => ({
         id: (a.id || "autocomplete") + "-item-" + $,
-        class: ["autocomplete-item", n.resultItemClass, { "bg-vxvue-700 text-white": o.value === $ }],
+        class: ["autocomplete-item", s.resultItemClass, { "bg-vxvue-700 text-white": o.value === $ }],
         "data-result-index": $,
         role: "option",
         ...o.value === $ ? { "aria-selected": "true" } : {}
       }))
-    ), U = V(() => ({
+    ), U = _(() => ({
       role: "combobox",
       autocomplete: "off",
       autocapitalize: "off",
@@ -188,34 +188,34 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
       "aria-expanded": i.value ? "true" : "false",
       "aria-activedescendant": o.value > -1 ? F.value[o.value].id : "",
       ...a
-    })), q = V(() => ({
+    })), K = _(() => ({
       id: c,
-      class: ["autocomplete-list absolute min-w-full transform z-10", n.resultListClass, f.value],
+      class: ["autocomplete-list absolute min-w-full transform z-10", s.resultListClass, f.value],
       role: "listbox"
     })), b = () => {
-      o.value = -1, s.value = [], i.value = !1, g.value = !0;
+      o.value = -1, n.value = [], i.value = !1, g.value = !0;
     }, p = (k) => {
-      const $ = n.search(k);
+      const $ = s.search(k);
       if ($ instanceof Promise) {
         const R = ++m.value;
         y.value = !0, $.then((N) => {
-          R === m.value && (s.value = N, y.value = !1, s.value.length ? (o.value = n.autoSelect ? 0 : -1, i.value = !0) : b());
+          R === m.value && (n.value = N, y.value = !1, n.value.length ? (o.value = s.autoSelect ? 0 : -1, i.value = !0) : b());
         });
       } else
-        s.value = $, s.value.length === 0 ? b() : (o.value = n.autoSelect ? 0 : -1, i.value = !0);
+        n.value = $, n.value.length === 0 ? b() : (o.value = s.autoSelect ? 0 : -1, i.value = !0);
     }, h = () => {
-      const k = s.value[o.value];
-      return k && t("update:modelValue", n.getResultValue(k)), b(), k;
+      const k = n.value[o.value];
+      return k && t("update:modelValue", s.getResultValue(k)), b(), k;
     }, M = (k) => {
       t("update:modelValue", k), p(k);
     }, L = (k) => p(k.target.value), E = () => {
       b(), t("blur");
     }, G = () => {
-      const k = s.value.length;
+      const k = n.value.length;
       o.value = ((o.value - 1) % k + k) % k;
     }, te = (k) => {
       i.value || L(k);
-      const $ = s.value.length;
+      const $ = n.value.length;
       o.value = ((o.value + 1) % $ + $) % $;
     }, xe = () => {
       b(), t("update:modelValue", "");
@@ -226,7 +226,7 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
     return ce(T, b), Ce(() => {
       if (w.value) {
         const k = I.value.getBoundingClientRect(), $ = w.value.getBoundingClientRect();
-        g.value && s.value.length && (g.value = !1, f.value = k.bottom + $.height > window.innerHeight && window.innerHeight - k.bottom < k.top && window.pageYOffset + k.top - $.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
+        g.value && n.value.length && (g.value = !1, f.value = k.bottom + $.height > window.innerHeight && window.innerHeight - k.bottom < k.top && window.pageYOffset + k.top - $.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
         const R = w.value.querySelector('[data-result-index="' + o.value + '"]');
         if (R) {
           let N = R.getBoundingClientRect();
@@ -256,18 +256,18 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
         onBlur: E
       }), null, 16, je),
       r("span", Ye, [
-        y.value ? (u(), v("svg", Ee, Re)) : _("", !0)
+        y.value ? (u(), v("svg", Ee, Re)) : D("", !0)
       ]),
-      s.value.length ? (u(), v("ul", j({
+      n.value.length ? (u(), v("ul", j({
         key: 0,
         ref_key: "resultList",
         ref: w
-      }, q.value, {
+      }, K.value, {
         onClick: we,
         onMousedown: $[1] || ($[1] = P(() => {
         }, ["prevent"]))
       }), [
-        (u(!0), v(A, null, O(s.value, (R, N) => B(k.$slots, "result", {
+        (u(!0), v(A, null, O(n.value, (R, N) => B(k.$slots, "result", {
           result: R,
           props: F.value[N]
         }, () => [
@@ -275,7 +275,7 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
             key: F.value[N].id
           }, F.value[N]), S(e.getResultValue(R)), 17))
         ])), 256))
-      ], 16)) : _("", !0)
+      ], 16)) : D("", !0)
     ], 2));
   }
 }), He = {
@@ -306,15 +306,15 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
     }
   },
   setup(e, { expose: d }) {
-    const t = e, n = x(""), a = x(""), l = x(!1);
-    let c = null, s = null;
-    const o = V(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), m = x(null), i = (f, g) => {
-      l.value = !1, f.value !== void 0 ? f.value ? c() : s() : g ? s() : c();
+    const t = e, s = x(""), a = x(""), l = x(!1);
+    let c = null, n = null;
+    const o = _(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), m = x(null), i = (f, g) => {
+      l.value = !1, f.value !== void 0 ? f.value ? c() : n() : g ? n() : c();
     };
-    return d({ open: (f, g) => (n.value = f, a.value = g, l.value = !0, re(() => m.value.firstElementChild.focus()), new Promise((w, I) => {
-      c = w, s = I;
+    return d({ open: (f, g) => (s.value = f, a.value = g, l.value = !0, re(() => m.value.firstElementChild.focus()), new Promise((w, I) => {
+      c = w, n = I;
     })) }), (f, g) => (u(), v(A, null, [
-      l.value ? (u(), v("div", He)) : _("", !0),
+      l.value ? (u(), v("div", He)) : D("", !0),
       Y(oe, { name: "appear" }, {
         default: Q(() => [
           l.value ? (u(), v("div", Ue, [
@@ -322,14 +322,14 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
               l.value ? (u(), v("div", Ze, [
                 qe,
                 r("div", Ke, [
-                  n.value ? (u(), v("h3", {
+                  s.value ? (u(), v("h3", {
                     key: 0,
                     class: C(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
-                    B(f.$slots, "title", { title: n.value }, () => [
-                      z(S(n.value), 1)
+                    B(f.$slots, "title", { title: s.value }, () => [
+                      z(S(s.value), 1)
                     ])
-                  ], 2)) : _("", !0),
+                  ], 2)) : D("", !0),
                   r("div", Ge, [
                     r("div", Xe, [
                       r("div", Je, [
@@ -353,9 +353,9 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
                     ], 512)
                   ])
                 ])
-              ])) : _("", !0)
+              ])) : D("", !0)
             ])
-          ])) : _("", !0)
+          ])) : D("", !0)
         ]),
         _: 3
       })
@@ -363,31 +363,31 @@ const je = ["value", "onKeydown"], Ye = { class: "flex absolute inset-y-0 right-
   }
 };
 function tt(e, d) {
-  const t = x(!1), n = de(d);
-  let a, l = n.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
-  if ((a = n.match(/\bd\b/gi)) && a.length === 1)
+  const t = x(!1), s = de(d);
+  let a, l = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
+  if ((a = s.match(/\bd\b/gi)) && a.length === 1)
     l = l.replace("d", "(\\d{1,2})");
-  else if ((a = n.match(/\bdd\b/gi)) && a.length === 1)
+  else if ((a = s.match(/\bdd\b/gi)) && a.length === 1)
     l = l.replace("dd", "(\\d{2})");
   else
     return { date: t };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("d"), destPos: 2 }), (a = n.match(/\bm\b/gi)) && a.length === 1)
+  if (c.push({ srcPos: s.toLowerCase().indexOf("d"), destPos: 2 }), (a = s.match(/\bm\b/gi)) && a.length === 1)
     l = l.replace("m", "(\\d{1,2})");
-  else if ((a = n.match(/\bmm\b/gi)) && a.length === 1)
+  else if ((a = s.match(/\bmm\b/gi)) && a.length === 1)
     l = l.replace("mm", "(\\d{2})");
   else
     return { date: t };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("m"), destPos: 1 }), (a = n.match(/\byyyy\b/gi)) && a.length === 1)
+  if (c.push({ srcPos: s.toLowerCase().indexOf("m"), destPos: 1 }), (a = s.match(/\byyyy\b/gi)) && a.length === 1)
     l = l.replace("yyyy", "(\\d{4})");
   else
     return { date: t };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("y"), destPos: 0 }), !(a = de(e).match(l)))
+  if (c.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(a = de(e).match(l)))
     return { date: t };
   a.shift(), c.sort((i, y) => i.srcPos < y.srcPos ? -1 : 1);
-  let s = [], o, m;
+  let n = [], o, m;
   for (; o = a.shift(); )
-    m = c.shift(), s[m.destPos] = o;
-  return s = Date.parse(s.join("-")), s && (s = new Date(s), t.value = new Date(s.getFullYear(), s.getMonth(), s.getDate(), 0, 0, 0)), { date: t };
+    m = c.shift(), n[m.destPos] = o;
+  return n = Date.parse(n.join("-")), n && (n = new Date(n), t.value = new Date(n.getFullYear(), n.getMonth(), n.getDate(), 0, 0, 0)), { date: t };
 }
 const lt = { key: 0 }, at = { class: "text-vxvue-700" }, st = /* @__PURE__ */ r("svg", {
   class: "w-2 h-2",
@@ -428,12 +428,12 @@ const lt = { key: 0 }, at = { class: "text-vxvue-700" }, st = /* @__PURE__ */ r(
   },
   emits: ["update:modelValue", "toggle-datepicker"],
   setup(e, { emit: d }) {
-    const t = d, n = e, a = x(""), l = V(() => n.modelValue ? ve(n.modelValue, n.outputFormat) : ""), c = V(() => {
-      let s = Object.assign({}, K());
-      return delete s.class, s;
+    const t = d, s = e, a = x(""), l = _(() => s.modelValue ? ve(s.modelValue, s.outputFormat) : ""), c = _(() => {
+      let n = Object.assign({}, W());
+      return delete n.class, n;
     });
-    return H(() => n.modelValue, (s) => a.value = s ? ve(s, n.outputFormat) : ""), (s, o) => (u(), v("div", {
-      class: C(["inline-block relative", s.$attrs.class])
+    return H(() => s.modelValue, (n) => a.value = n ? ve(n, s.outputFormat) : ""), (n, o) => (u(), v("div", {
+      class: C(["inline-block relative", n.$attrs.class])
     }, [
       l.value ? (u(), v("div", lt, [
         r("div", {
@@ -452,7 +452,7 @@ const lt = { key: 0 }, at = { class: "text-vxvue-700" }, st = /* @__PURE__ */ r(
         "onUpdate:modelValue": o[1] || (o[1] = (m) => a.value = m),
         onBlur: o[2] || (o[2] = (m) => {
           var i;
-          return t("update:modelValue", ((i = D(tt)(a.value, n.inputFormat).date) == null ? void 0 : i.value) || null);
+          return t("update:modelValue", ((i = V(tt)(a.value, s.inputFormat).date) == null ? void 0 : i.value) || null);
         }),
         onInput: o[3] || (o[3] = P(() => {
         }, ["prevent"]))
@@ -465,8 +465,8 @@ const lt = { key: 0 }, at = { class: "text-vxvue-700" }, st = /* @__PURE__ */ r(
         "aria-label": "datepicker-toggle",
         onClick: o[4] || (o[4] = P((m) => t("toggle-datepicker"), ["stop"])),
         ref: "toggleButton"
-      }, rt, 512)) : _("", !0),
-      B(s.$slots, "default")
+      }, rt, 512)) : D("", !0),
+      B(n.$slots, "default")
     ], 2));
   }
 });
@@ -603,31 +603,31 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
   },
   emits: ["update:modelValue", "month-change", "year-change"],
   setup(e, { emit: d }) {
-    const t = e, n = d, a = (() => {
+    const t = e, s = d, a = (() => {
       let b = /* @__PURE__ */ new Date();
       return new Date(b.getFullYear(), b.getMonth(), b.getDate());
-    })(), l = x(new Date(a.getFullYear(), a.getMonth(), 1)), c = x(null), s = x(!t.hasInput), o = x("left-0"), m = x("top-0"), i = x(null), y = x(null), f = x(null), g = V(() => t.hasInput ? { class: ["absolute", s.value ? "block" : "hidden"] } : {}), w = V(() => {
+    })(), l = x(new Date(a.getFullYear(), a.getMonth(), 1)), c = x(null), n = x(!t.hasInput), o = x("left-0"), m = x("top-0"), i = x(null), y = x(null), f = x(null), g = _(() => t.hasInput ? { class: ["absolute", n.value ? "block" : "hidden"] } : {}), w = _(() => {
       const b = [], p = l.value.getFullYear(), h = l.value.getMonth(), M = new Date(p, h + 1, 0), L = new Date(p, h, 0).getDay() + 1 - t.startOfWeekIndex, E = (6 + t.startOfWeekIndex - M.getDay()) % 7;
       for (let G = -L, te = M.getDate() + E; G < te; ++G)
         b.push(new Date(p, h, G + 1));
       return b;
-    }), I = V(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames.slice());
+    }), I = _(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames.slice());
     H(() => t.modelValue, (b) => {
       b ? (c.value = new Date(b.getFullYear(), b.getMonth(), b.getDate()), l.value = new Date(c.value.getTime())) : (c.value = null, l.value = new Date(a.getTime())), l.value.setDate(1);
-    }, { immediate: !0 }), H(s, (b) => {
+    }, { immediate: !0 }), H(n, (b) => {
       b && t.hasInput && re(() => {
         const p = i.value.$el.getBoundingClientRect(), h = y.value.getBoundingClientRect();
         o.value = p.left + h.width > window.innerWidth ? "right-0" : "left-0", m.value = p.bottom + h.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
       });
-    }), ce(y, () => s.value = !1, { ignore: [f] });
+    }), ce(y, () => n.value = !1, { ignore: [f] });
     const T = (b) => {
-      l.value = new Date(l.value.getFullYear(), b, 1), n("month-change", l.value);
+      l.value = new Date(l.value.getFullYear(), b, 1), s("month-change", l.value);
     }, F = (b) => {
-      l.value = new Date(b, l.value.getMonth(), 1), n("year-change", l.value);
+      l.value = new Date(b, l.value.getMonth(), 1), s("year-change", l.value);
     }, U = (b) => {
-      c.value = b, n("update:modelValue", b), s.value = !t.hasInput;
-    }, q = (b) => {
-      c.value = b, n("update:modelValue", b);
+      c.value = b, s("update:modelValue", b), n.value = !t.hasInput;
+    }, K = (b) => {
+      c.value = b, s("update:modelValue", b);
     };
     return ue(() => {
       var b;
@@ -635,11 +635,11 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
     }), (b, p) => (u(), v("div", {
       class: C(["relative", b.$attrs.class])
     }, [
-      e.hasInput ? (u(), Z(ut, j({
+      e.hasInput ? (u(), q(ut, j({
         key: 0,
         modelValue: c.value,
-        onToggleDatepicker: p[0] || (p[0] = (h) => s.value = !s.value),
-        "onUpdate:modelValue": q
+        onToggleDatepicker: p[0] || (p[0] = (h) => n.value = !n.value),
+        "onUpdate:modelValue": K
       }, b.$attrs, {
         ref_key: "input",
         ref: i,
@@ -650,7 +650,7 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
           B(b.$slots, "default")
         ]),
         _: 3
-      }, 16, ["modelValue", "locale"])) : _("", !0),
+      }, 16, ["modelValue", "locale"])) : D("", !0),
       r("div", j({ class: "z-10 bg-white shadow-md" }, g.value, {
         ref_key: "calendar",
         ref: y,
@@ -662,14 +662,14 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
               onClick: p[1] || (p[1] = P((h) => T(l.value.getMonth() - 1), ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              Y(D(se), { class: "w-6 h-6" })
+              Y(V(se), { class: "w-6 h-6" })
             ]),
             r("span", null, S(l.value.toLocaleString(e.locale, { month: "long" })), 1),
             r("button", {
               onClick: p[2] || (p[2] = P((h) => T(l.value.getMonth() + 1), ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              Y(D(ne), { class: "w-6 h-6" })
+              Y(V(ne), { class: "w-6 h-6" })
             ])
           ]),
           r("div", gt, [
@@ -677,14 +677,14 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
               onClick: p[3] || (p[3] = P((h) => F(l.value.getFullYear() - 1), ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              Y(D(se), { class: "w-6 h-6" })
+              Y(V(se), { class: "w-6 h-6" })
             ]),
             r("div", null, S(l.value.getFullYear()), 1),
             r("button", {
               onClick: p[4] || (p[4] = P((h) => F(l.value.getFullYear() + 1), ["stop"])),
               class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
             }, [
-              Y(D(ne), { class: "w-6 h-6" })
+              Y(V(ne), { class: "w-6 h-6" })
             ])
           ])
         ]),
@@ -700,7 +700,7 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
               class: C([
                 {
                   "bg-vxvue-700 text-white": c.value && h.getTime() === c.value.getTime(),
-                  "bg-gray-200": h.getTime() === D(a).getTime(),
+                  "bg-gray-200": h.getTime() === V(a).getTime(),
                   "text-red-400": e.validFrom && e.validFrom > h || e.validUntil && e.validUntil < h
                 },
                 "py-2 px-3 rounded-sm"
@@ -724,19 +724,19 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
   },
   emits: ["update:modelValue", "form-data"],
   setup(e, { emit: d }) {
-    const t = d, n = e, a = (c) => {
-      const s = new FormData();
+    const t = d, s = e, a = (c) => {
+      const n = new FormData();
       for (let o of c)
-        s.append(n.name, o, o.name);
-      return s;
+        n.append(s.name, o, o.name);
+      return n;
     }, l = (c) => {
-      const s = c.target.files || c.dataTransfer.files;
-      if (s) {
-        const o = [...s];
+      const n = c.target.files || c.dataTransfer.files;
+      if (n) {
+        const o = [...n];
         t("update:modelValue", o), t("form-data", a(o));
       }
     };
-    return (c, s) => (u(), v("label", { for: e.id }, [
+    return (c, n) => (u(), v("label", { for: e.id }, [
       B(c.$slots, "default", {}, () => [
         z("Upload")
       ]),
@@ -760,12 +760,12 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
     const t = d;
-    return (n, a) => (u(), v("select", j(n.$attrs, {
+    return (s, a) => (u(), v("select", j(s.$attrs, {
       value: e.modelValue,
       class: "form-select",
       onChange: a[0] || (a[0] = (l) => t("update:modelValue", l.target.value))
     }), [
-      e.disabledLabel ? (u(), v("option", $t, S(e.disabledLabel), 1)) : _("", !0),
+      e.disabledLabel ? (u(), v("option", $t, S(e.disabledLabel), 1)) : D("", !0),
       (u(!0), v(A, null, O(e.options, (l) => (u(), v("option", {
         value: l.key !== void 0 ? l.key : l.label || l,
         selected: (l.key !== void 0 ? l.key : l.label || l) === e.modelValue
@@ -777,41 +777,50 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
-    const t = e, n = d, a = V(() => t.modelValue ? "bg-vxvue" : "bg-slate-200"), l = V(() => t.modelValue ? "translate-x-5" : "translate-x-0"), c = V(() => {
-      let s = Object.assign({}, K());
-      return delete s.class, s;
-    });
-    return (s, o) => (u(), v(A, null, [
+    const t = d, s = _(() => {
+      let l = Object.assign({}, W());
+      return delete l.class, l;
+    }), a = _(() => W().disabled || W().disabled === "");
+    return (l, c) => (u(), v(A, null, [
       r("label", {
-        class: C(s.$attrs.class)
+        class: C(l.$attrs.class),
+        tabindex: "0"
       }, [
         r("span", {
-          class: C([a.value, "inline-flex relative flex-shrink-0 w-11 h-6 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-none focus:ring-vxvue"]),
           role: "switch",
+          class: C([
+            "inline-flex relative flex-shrink-0 w-11 h-6 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-none focus:ring-vxvue",
+            a.value ? "bg-slate-200" : e.modelValue ? "bg-vxvue" : "bg-slate-300"
+          ]),
           "aria-checked": !!e.modelValue,
-          "aria-label": s.$attrs["aria-label"]
+          "aria-label": l.$attrs["aria-label"]
         }, [
           r("span", {
             "aria-hidden": "true",
-            class: C([l.value, "inline-block size-5 bg-white rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none"])
+            class: C([
+              "inline-block size-5 rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none",
+              e.modelValue ? "translate-x-5" : "translate-x-0",
+              a.value ? "bg-slate-100" : "bg-white"
+            ])
           }, null, 2),
-          r("input", j({
+          r("input", j(s.value, {
+            checked: e.modelValue,
             class: "hidden",
             value: "1",
             type: "checkbox",
-            onChange: o[0] || (o[0] = (m) => n("update:modelValue", m.target.checked))
-          }, c.value, { checked: e.modelValue }), null, 16, Vt)
+            onChange: c[0] || (c[0] = (n) => t("update:modelValue", n.target.checked))
+          }), null, 16, Vt)
         ], 10, Mt)
       ], 2),
-      B(s.$slots, "default")
+      B(l.$slots, "default")
     ], 64));
   }
 }, be = (e, d) => {
   const t = e.__vccOpts || e;
-  for (const [n, a] of d)
-    t[n] = a;
+  for (const [s, a] of d)
+    t[s] = a;
   return t;
-}, Dt = (e) => (Me("data-v-62f8007a"), e = e(), Ve(), e), _t = {
+}, Dt = (e) => (Me("data-v-dbccf282"), e = e(), Ve(), e), _t = {
   "aria-live": "assertive",
   class: "flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"
 }, At = { class: "flex flex-col items-center space-y-4 w-full" }, Bt = { class: "p-4" }, Pt = { class: "flex items-start" }, Lt = { class: "flex-shrink-0" }, Ft = { class: "flex-1 pt-0.5 ml-3 w-0" }, It = { class: "font-bold" }, Tt = { class: "mt-1" }, Ot = { class: "flex flex-shrink-0 ml-4" }, jt = /* @__PURE__ */ Dt(() => /* @__PURE__ */ r("span", { class: "sr-only" }, "Close", -1)), Yt = /* @__PURE__ */ Object.assign({
@@ -826,55 +835,55 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
   },
   emits: ["timeout", "close"],
   setup(e, { emit: d }) {
-    const t = e, n = d, a = x(null), l = V(() => typeof t.message == "string" ? [t.message] : t.message), c = () => {
+    const t = e, s = d, a = x(null), l = _(() => typeof t.message == "string" ? [t.message] : t.message), c = () => {
       window.clearTimeout(a.value), t.active && t.timeout && (a.value = window.setTimeout(() => {
-        n("timeout");
+        s("timeout");
       }, t.timeout));
     };
-    return H(() => t.active, c), ue(c), (s, o) => (u(), v("div", _t, [
+    return H(() => t.active, c), ue(c), (n, o) => (u(), v("div", _t, [
       r("div", At, [
         Y(oe, { name: "messagetoast-fade" }, {
           default: Q(() => [
             e.active ? (u(), v("div", {
               key: 0,
-              class: C(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", s.$attrs.class])
+              class: C(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", n.$attrs.class])
             }, [
               r("div", Bt, [
                 r("div", Pt, [
                   r("div", Lt, [
-                    B(s.$slots, "icon", {}, void 0, !0)
+                    B(n.$slots, "icon", {}, void 0, !0)
                   ]),
                   r("div", Ft, [
                     r("p", It, [
-                      B(s.$slots, "title", {}, () => [
+                      B(n.$slots, "title", {}, () => [
                         z(S(e.title), 1)
                       ], !0)
                     ]),
                     (u(!0), v(A, null, O(l.value, (m) => (u(), v("p", Tt, [
-                      B(s.$slots, "default", {}, () => [
+                      B(n.$slots, "default", {}, () => [
                         z(S(m), 1)
                       ], !0)
                     ]))), 256))
                   ]),
                   r("div", Ot, [
                     r("button", {
-                      onClick: o[0] || (o[0] = (m) => n("close")),
+                      onClick: o[0] || (o[0] = (m) => s("close")),
                       class: "inline-flex text-white bg-black bg-opacity-20 rounded-sm focus:ring-2 focus:outline-none hover:text-stone-200 focus:ring-stone-200"
                     }, [
                       jt,
-                      Y(D(ft), { class: "size-5" })
+                      Y(V(ft), { class: "size-5" })
                     ])
                   ])
                 ])
               ])
-            ], 2)) : _("", !0)
+            ], 2)) : D("", !0)
           ]),
           _: 3
         })
       ])
     ]));
   }
-}), yl = /* @__PURE__ */ be(Yt, [["__scopeId", "data-v-62f8007a"]]), Et = {
+}), yl = /* @__PURE__ */ be(Yt, [["__scopeId", "data-v-dbccf282"]]), Et = {
   key: 0,
   class: "fixed inset-0 z-[9998] bg-white/50 backdrop-blur-sm",
   "aria-hidden": "true"
@@ -891,9 +900,9 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
   },
   emits: ["clicked-outside"],
   setup(e, { emit: d }) {
-    const t = d, n = x(null);
-    return ce(n, () => t("clicked-outside")), (a, l) => (u(), v(A, null, [
-      e.show ? (u(), v("div", Et)) : _("", !0),
+    const t = d, s = x(null);
+    return ce(s, () => t("clicked-outside")), (a, l) => (u(), v(A, null, [
+      e.show ? (u(), v("div", Et)) : D("", !0),
       Y(oe, { name: "appear" }, {
         default: Q(() => [
           e.show ? (u(), v("div", Nt, [
@@ -901,7 +910,7 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
               r("div", {
                 class: C(["overflow-hidden relative max-w-full bg-white rounded ring-1 ring-black ring-opacity-10 shadow-xl transition-all transform xl:max-w-screen-xl", e.containerClass]),
                 ref_key: "container",
-                ref: n
+                ref: s
               }, [
                 r("div", {
                   class: C(e.headerClass)
@@ -915,7 +924,7 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
                 ], 2)
               ], 2)
             ])
-          ])) : _("", !0)
+          ])) : D("", !0)
         ]),
         _: 3
       })
@@ -947,9 +956,9 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
   },
   emits: ["update:page"],
   setup(e, { emit: d }) {
-    const t = d, n = e, a = x(Math.ceil(n.total / n.perPage)), l = x(null), c = V(() => n.markerPosition === "above" ? "border-t-2 pt-4" : "border-b-2 pb-4"), s = V(() => {
+    const t = d, s = e, a = x(Math.ceil(s.total / s.perPage)), l = x(null), c = _(() => (s.markerPosition === "above" ? "border-t-2 -mt-[2px]" : "border-b-2 -mb-[2px]") + " py-4"), n = _(() => {
       let i = [1];
-      if (n.showAllPages || a.value <= 7) {
+      if (s.showAllPages || a.value <= 7) {
         for (let y = 2; y <= a.value; ++y)
           i.push(y);
         return i;
@@ -960,10 +969,10 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
     }, m = () => {
       l.value < a.value && t("update:page", l.value + 1);
     };
-    return H(() => n.page, (i) => l.value = Math.min(Math.max(i, 1), a.value), { immediate: !0 }), H(() => n.perPage, (i) => {
-      a.value = Math.ceil(n.total / n.perPage), t("update:page", 1);
-    }), H(() => n.total, (i) => {
-      a.value = Math.ceil(n.total / n.perPage), l.value > a.value && t("update:page", 1);
+    return H(() => s.page, (i) => l.value = Math.min(Math.max(i, 1), a.value), { immediate: !0 }), H(() => s.perPage, (i) => {
+      a.value = Math.ceil(s.total / s.perPage), t("update:page", 1);
+    }), H(() => s.total, (i) => {
+      a.value = Math.ceil(s.total / s.perPage), l.value > a.value && t("update:page", 1);
     }), (i, y) => (u(), v("nav", Rt, [
       r("div", Ht, [
         e.showNavButtons ? (u(), v("a", {
@@ -972,12 +981,12 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
           href: "#",
           class: C(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [{ "cursor-default pointer-events-none": l.value <= 1 }, c.value]])
         }, [
-          Y(D(se), { class: "size-5" }),
+          Y(V(se), { class: "size-5" }),
           z(" " + S(e.prevText), 1)
-        ], 2)) : _("", !0)
+        ], 2)) : D("", !0)
       ]),
       r("div", Ut, [
-        (u(!0), v(A, null, O(s.value, (f, g) => (u(), Z(ie(f !== "dots" ? "a" : "span"), {
+        (u(!0), v(A, null, O(n.value, (f, g) => (u(), q(ie(f !== "dots" ? "a" : "span"), {
           onClick: P((w) => f !== "dots" ? t("update:page", f) : null, ["prevent"]),
           key: g,
           href: f !== "dots" ? "#" : null,
@@ -1001,8 +1010,8 @@ const ht = { class: "flex items-center py-2 px-3 text-white bg-vxvue-700" }, pt
           class: C(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [c.value, { "cursor-default pointer-events-none": l.value >= a.value }]])
         }, [
           z(S(e.nextText) + " ", 1),
-          Y(D(ne), { class: "size-5" })
-        ], 2)) : _("", !0)
+          Y(V(ne), { class: "size-5" })
+        ], 2)) : D("", !0)
       ])
     ]));
   }
@@ -1051,27 +1060,27 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
-    const t = d, n = x(!1), a = V(() => {
-      let l = Object.assign({}, K());
+    const t = d, s = x(!1), a = _(() => {
+      let l = Object.assign({}, W());
       return delete l.class, l;
     });
     return (l, c) => (u(), v("div", {
-      class: C("inline-block relative " + K().class)
+      class: C("inline-block relative " + W().class)
     }, [
       r("input", j({
         value: e.modelValue,
-        type: n.value ? "text" : "password",
-        onInput: c[0] || (c[0] = (s) => t("update:modelValue", s.target.value))
+        type: s.value ? "text" : "password",
+        onInput: c[0] || (c[0] = (n) => t("update:modelValue", n.target.value))
       }, a.value, { class: "block pr-10 w-full form-input peer" }), null, 16, Kt),
       r("button", {
         class: "flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand",
         "aria-label": "show-password-toggle",
-        onClick: c[1] || (c[1] = P((s) => n.value = !n.value, ["stop"]))
+        onClick: c[1] || (c[1] = P((n) => s.value = !s.value, ["stop"]))
       }, [
-        n.value ? (u(), Z(D(Zt), {
+        s.value ? (u(), q(V(Zt), {
           key: 0,
           class: "size-5"
-        })) : (u(), Z(D(qt), {
+        })) : (u(), q(V(qt), {
           key: 1,
           class: "size-5"
         }))
@@ -1087,11 +1096,11 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
   props: { branch: { type: Object, default: {} } },
   emits: ["branch-selected", "expand"],
   setup(e, { emit: d }) {
-    const t = e, n = d, a = x(!1);
+    const t = e, s = d, a = x(!1);
     return ue(() => {
-      t.branch.current && n("expand", !0);
+      t.branch.current && s("expand", !0);
     }), (l, c) => {
-      const s = De("simple-tree", !0);
+      const n = De("simple-tree", !0);
       return u(), v("div", {
         class: C([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", l.$attrs.class])
       }, [
@@ -1108,27 +1117,27 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
               for: "branch-" + e.branch.id,
               class: "mr-2"
             }, [
-              (u(), Z(ie(a.value ? D(vt) : D(mt)), { class: "w-4 h-4 border" }))
+              (u(), q(ie(a.value ? V(vt) : V(mt)), { class: "w-4 h-4 border" }))
             ], 8, Jt)
-          ], 64)) : _("", !0),
+          ], 64)) : D("", !0),
           e.branch.current ? (u(), v("strong", Qt, S(e.branch.label), 1)) : (u(), v("a", {
             key: 2,
             href: e.branch.path,
-            onClick: c[1] || (c[1] = P((o) => n("branch-selected", e.branch), ["prevent"]))
+            onClick: c[1] || (c[1] = P((o) => s("branch-selected", e.branch), ["prevent"]))
           }, S(e.branch.label), 9, el))
         ]),
         e.branch.branches && e.branch.branches.length ? fe((u(), v("ul", tl, [
-          (u(!0), v(A, null, O(e.branch.branches, (o) => (u(), Z(s, {
+          (u(!0), v(A, null, O(e.branch.branches, (o) => (u(), q(n, {
             branch: o,
             key: o.id,
-            onBranchSelected: c[2] || (c[2] = (m) => n("branch-selected", m)),
+            onBranchSelected: c[2] || (c[2] = (m) => s("branch-selected", m)),
             onExpand: c[3] || (c[3] = (m) => {
-              a.value = m, n("expand", m);
+              a.value = m, s("expand", m);
             })
           }, null, 8, ["branch"]))), 128))
         ], 512)), [
           [_e, a.value]
-        ]) : _("", !0)
+        ]) : D("", !0)
       ], 2);
     };
   }
@@ -1145,12 +1154,12 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
   },
   emits: ["update:modelValue"],
   setup(e, { emit: d }) {
-    const t = e, n = d, a = K(), l = { x: null, y: null }, c = { w: null, h: null };
-    let s = !1;
-    const o = x(null), m = x(0), i = V(() => {
+    const t = e, s = d, a = W(), l = { x: null, y: null }, c = { w: null, h: null };
+    let n = !1;
+    const o = x(null), m = x(0), i = _(() => {
       const p = t.max, h = t.min;
       return t.modelValue instanceof Array ? t.modelValue.map((M) => (Math.max(Math.min(M, p), h) - h) * 100 / (p - h)) : (Math.max(Math.min(t.modelValue, p), h) - h) * 100 / (p - h);
-    }), y = V(() => {
+    }), y = _(() => {
       if (t.modelValue instanceof Array) {
         const p = Math.min(...i.value) + "%", h = Math.max(...i.value) - Math.min(...i.value) + "%";
         return t.vertical ? { bottom: p, height: h } : { left: p, width: h };
@@ -1163,9 +1172,9 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
       let h = parseFloat(p.toFixed(10));
       if (h = Math.min(t.max, Math.max(t.min, h)), t.modelValue instanceof Array) {
         let M = [...t.modelValue];
-        M[m.value] = h, n("update:modelValue", M);
+        M[m.value] = h, s("update:modelValue", M);
       } else
-        n("update:modelValue", h);
+        s("update:modelValue", h);
     }, w = (p) => {
       const { pageX: h, pageY: M } = p.touches ? p.touches[0] : p, L = t.vertical ? (-M + l.y) / c.h : (h - l.x) / c.w;
       g(Math.floor((t.max - t.min) * L + t.min));
@@ -1173,12 +1182,12 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
       const { clientLeft: p, clientTop: h, scrollLeft: M, scrollTop: L } = document.documentElement, E = o.value.getBoundingClientRect();
       l.x = E.left + M - p, l.y = E.bottom + L - h, c.w = o.value.offsetWidth, c.h = o.value.offsetHeight;
     }, T = (p) => {
-      s && (p.preventDefault(), w(p));
+      n && (p.preventDefault(), w(p));
     }, F = (p) => {
-      p.preventDefault(), p.currentTarget.focus(), I(), s = !0, document.addEventListener("mousemove", T), document.addEventListener("mouseup", U);
+      p.preventDefault(), p.currentTarget.focus(), I(), n = !0, document.addEventListener("mousemove", T), document.addEventListener("mouseup", U);
     }, U = () => {
-      s && (s = !1, document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", U));
-    }, q = (p) => {
+      n && (n = !1, document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", U));
+    }, K = (p) => {
       p.keyCode >= 33 && p.keyCode <= 40 && p.preventDefault();
       const h = t.modelValue[m.value] ?? t.modelValue;
       switch (p.keyCode) {
@@ -1218,18 +1227,18 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
     }, le(e.disabled ? {} : {
       click: b
     }, !0)), [
-      e.disabled ? _("", !0) : (u(), v("div", {
+      e.disabled ? D("", !0) : (u(), v("div", {
         key: 0,
         class: C(["absolute bg-vxvue", e.vertical ? "w-full rounded-t-full rounded-b-full" : "h-full rounded-r-full rounded-l-full"]),
         style: Ae(y.value)
       }, null, 6)),
       e.modelValue.length ? (u(!0), v(A, { key: 2 }, O(e.modelValue, (M, L) => (u(), v("button", j({
-        id: L ? null : D(a).id,
+        id: L ? null : V(a).id,
         style: e.vertical ? { bottom: i.value[L] + "%" } : { left: i.value[L] + "%" },
         "aria-label": "slider-thumb-" + (L + 1)
       }, le(e.disabled ? {} : {
         focus: () => m.value = L,
-        keydown: q,
+        keydown: K,
         mousedown: (E) => {
           m.value = L, F(E);
         },
@@ -1240,12 +1249,12 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
         touchend: U
       }, !0), f.value), null, 16, sl))), 256)) : (u(), v("button", j({
         key: 1,
-        id: D(a).id,
+        id: V(a).id,
         style: e.vertical ? { bottom: i.value + "%" } : { left: i.value + "%" },
         "aria-label": "slider-thumb"
       }, le(e.disabled ? {} : {
         focus: () => m.value = 0,
-        keydown: q,
+        keydown: K,
         mousedown: (M) => {
           m.value = 0, F(M);
         },
@@ -1279,12 +1288,12 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
   },
   emits: ["before-sort", "after-sort"],
   setup(e, { emit: d }) {
-    const t = e, n = d, a = x(t.sortProp), l = x(t.sortDirection), c = V(() => {
+    const t = e, s = d, a = x(t.sortProp), l = x(t.sortDirection), c = _(() => {
       let o = t.rows.slice();
       const m = t.columns.find(({ prop: i }) => i === a.value);
       return m && (l.value === "asc" && m.sortAscFunction ? o.sort(m.sortAscFunction) : l.value === "desc" && m.sortDescFunction ? o.sort(m.sortDescFunction) : o.sort((i, y) => i[a.value] < y[a.value] ? l.value === "asc" ? -1 : 1 : i[a.value] > y[a.value] ? l.value === "asc" ? 1 : -1 : 0)), o.slice(t.offset || 0, (t.offset || 0) + (t.count || o.length));
-    }), s = (o) => {
-      n("before-sort", { prop: a.value, dir: l.value }), a.value === o ? l.value = l.value === "asc" ? "desc" : "asc" : (a.value = o, l.value = l.value || "asc"), re(() => n("after-sort", { prop: a.value, dir: l.value }));
+    }), n = (o) => {
+      s("before-sort", { prop: a.value, dir: l.value }), a.value === o ? l.value = l.value === "asc" ? "desc" : "asc" : (a.value = o, l.value = l.value || "asc"), re(() => s("after-sort", { prop: a.value, dir: l.value }));
     };
     return (o, m) => (u(), v("table", {
       class: C(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
@@ -1297,7 +1306,7 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
               { "cursor-pointer": i.sortable, active: a.value === i.prop },
               i.cssClass
             ]]),
-            onClick: (y) => i.sortable ? s(i.prop) : null
+            onClick: (y) => i.sortable ? n(i.prop) : null
           }, [
             B(o.$slots, i.prop + "-header", {
               column: i,
@@ -1306,10 +1315,10 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
             }, () => [
               r("div", rl, [
                 r("span", null, S(i.label), 1),
-                i.sortable ? (u(), Z(ie(a.value !== i.prop ? D(ct) : l.value === "asc" ? D(it) : D(dt)), {
+                i.sortable ? (u(), q(ie(a.value !== i.prop ? V(ct) : l.value === "asc" ? V(it) : V(dt)), {
                   key: 0,
                   class: "h-4 w-4"
-                })) : _("", !0)
+                })) : D("", !0)
               ])
             ], !0)
           ], 10, ol))), 256))
@@ -1331,7 +1340,7 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
       ])
     ], 2));
   }
-}, Ml = /* @__PURE__ */ be(ul, [["__scopeId", "data-v-f823032d"]]), il = { class: "sm:hidden" }, cl = { class: "hidden sm:block" }, dl = { class: "border-b border-gray-200" }, vl = {
+}, Ml = /* @__PURE__ */ be(ul, [["__scopeId", "data-v-5f719421"]]), il = { class: "sm:hidden" }, cl = { class: "hidden sm:block" }, dl = { class: "border-b border-gray-200" }, vl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
 }, ml = ["onClick", "aria-current"], Vl = {
@@ -1342,24 +1351,24 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
   },
   emits: ["update:active-index"],
   setup(e, { emit: d }) {
-    const t = e, n = d, a = x(t.items[t.activeIndex] || {}), l = V(() => {
-      let s = [];
+    const t = e, s = d, a = x(t.items[t.activeIndex] || {}), l = _(() => {
+      let n = [];
       return t.items.forEach((o, m) => {
-        o.disabled || s.push({ label: o.name, key: m });
-      }), s;
+        o.disabled || n.push({ label: o.name, key: m });
+      }), n;
     });
-    H(() => t.activeIndex, (s) => {
-      a.value = t.items[s] || {};
+    H(() => t.activeIndex, (n) => {
+      a.value = t.items[n] || {};
     });
-    const c = (s) => {
-      s.disabled || (a.value = s, n("update:active-index", t.items.indexOf(s)));
+    const c = (n) => {
+      n.disabled || (a.value = n, s("update:active-index", t.items.indexOf(n)));
     };
-    return (s, o) => (u(), v(A, null, [
+    return (n, o) => (u(), v(A, null, [
       r("div", il, [
         Y(St, {
           options: l.value,
           "model-value": e.activeIndex,
-          "onUpdate:modelValue": o[0] || (o[0] = (m) => n("update:activeIndex", m)),
+          "onUpdate:modelValue": o[0] || (o[0] = (m) => s("update:activeIndex", m)),
           class: "w-full"
         }, null, 8, ["options", "model-value"])
       ]),
@@ -1377,9 +1386,9 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
               ]),
               "aria-current": a.value === m ? "page" : void 0
             }, [
-              B(s.$slots, "icon", { tab: m }),
+              B(n.$slots, "icon", { tab: m }),
               r("span", null, [
-                B(s.$slots, "default", { tab: m }, () => [
+                B(n.$slots, "default", { tab: m }, () => [
                   z(S(m.name), 1)
                 ])
               ]),
@@ -1390,7 +1399,7 @@ const Kt = ["value", "type"], $l = /* @__PURE__ */ Object.assign({ inheritAttrs:
                   m.disabled ? "bg-gray-100 text-gray-400" : "",
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
-              }, S(m.badge), 3)) : _("", !0)
+              }, S(m.badge), 3)) : D("", !0)
             ], 10, ml))), 128))
           ])
         ])