vx-vue 1.3.1 → 1.3.2

package/dist/vxvue.es.js

@@ -1,10 +1,10 @@
-import { useSlots as Se, ref as $, computed as z, onBeforeUpdate as Ce, createElementBlock as m, openBlock as d, Fragment as I, renderList as Y, createBlock as U, resolveDynamicComponent as de, createElementVNode as v, useAttrs as K, normalizeClass as C, unref as A, renderSlot as B, toValue as O, watch as X, getCurrentScope as Me, onScopeDispose as Ve, onUpdated as De, createCommentVNode as N, mergeProps as R, withKeys as se, withModifiers as j, toDisplayString as P, createVNode as _, Transition as ve, withCtx as le, createTextVNode as J, nextTick as me, withDirectives as xe, vModelText as Ae, onMounted as fe, normalizeStyle as ye, resolveComponent as Le, createSlots as Te, vShow as Be, toHandlers as ue } from "vue";
+import { useSlots as Se, ref as $, computed as z, onBeforeUpdate as Ce, createElementBlock as m, openBlock as c, Fragment as I, renderList as Y, createBlock as U, resolveDynamicComponent as de, createElementVNode as v, useAttrs as K, normalizeClass as C, unref as A, renderSlot as B, toValue as O, watch as X, getCurrentScope as Me, onScopeDispose as Ve, onUpdated as De, createCommentVNode as N, mergeProps as R, withKeys as se, withModifiers as j, toDisplayString as P, createVNode as _, Transition as ve, withCtx as le, createTextVNode as J, nextTick as me, withDirectives as xe, vModelText as Ae, onMounted as fe, normalizeStyle as ye, resolveComponent as Le, createSlots as Te, vShow as Be, toHandlers as ue } from "vue";
 const yl = {
   __name: "accordion",
   props: { activeIndex: { type: [Number, Array], default: null } },
   emits: ["update:activeIndex"],
   setup(e, { emit: u }) {
-    const t = e, n = u, a = Se(), l = $([]), c = (f) => l.value.push(f), s = z(() => a.default().reduce((f, x) => ((x.type.__name || x.type.name) === "accordion-panel" && f.push(x), f), [])), o = (f) => {
+    const t = e, n = u, a = Se(), l = $([]), d = (f) => l.value.push(f), s = z(() => a.default().reduce((f, x) => ((x.type.__name || x.type.name) === "accordion-panel" && f.push(x), f), [])), o = (f) => {
       if (Array.isArray(t.activeIndex)) {
         let x = [].concat(t.activeIndex), y = x.findIndex((b) => b === f);
         y === -1 ? n("update:activeIndex", [...x, f]) : (x.splice(y, 1), n("update:activeIndex", x));
@@ -23,12 +23,12 @@ const yl = {
       }
       i(f);
     };
-    return Ce(() => l.value = []), (f, x) => (d(!0), m(I, null, Y(s.value, (y, b) => {
+    return Ce(() => l.value = []), (f, x) => (c(!0), m(I, null, Y(s.value, (y, b) => {
       var L;
-      return d(), U(de(y), {
+      return c(), U(de(y), {
         key: b,
         ref_for: !0,
-        ref: c,
+        ref: d,
         show: Array.isArray(e.activeIndex) ? (L = e.activeIndex) == null ? void 0 : L.includes(b) : e.activeIndex === b,
         onSelect: (p) => o(b),
         onKeydown: (p) => r(b),
@@ -38,7 +38,7 @@ const yl = {
   }
 };
 function Pe(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -53,7 +53,7 @@ function Pe(e, u) {
   ]);
 }
 function ze(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -68,7 +68,7 @@ function ze(e, u) {
   ]);
 }
 function ie(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -83,7 +83,7 @@ function ie(e, u) {
   ]);
 }
 function re(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -98,7 +98,7 @@ function re(e, u) {
   ]);
 }
 function Ne(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -113,7 +113,7 @@ function Ne(e, u) {
   ]);
 }
 function Ee(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -128,7 +128,7 @@ function Ee(e, u) {
   ]);
 }
 function Ie(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -143,7 +143,7 @@ function Ie(e, u) {
   ]);
 }
 function Oe(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -158,7 +158,7 @@ function Oe(e, u) {
   ]);
 }
 function he(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -177,17 +177,17 @@ const Fe = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["id", "ar
   props: { show: Boolean, disabled: Boolean },
   emits: ["select", "keyup", "keydown"],
   setup(e, { expose: u, emit: t }) {
-    const n = t, a = e, l = K(), c = $(null), s = Math.random().toString(20).substring(2, 8), o = (i) => {
+    const n = t, a = e, l = K(), d = $(null), s = Math.random().toString(20).substring(2, 8), o = (i) => {
       if (!a.disabled) {
         const f = (/* @__PURE__ */ new Map([[40, "keydown"], [38, "keyup"]])).get(i.keyCode);
         f && (n(f), i.preventDefault());
       }
     };
-    return u({ focus: () => c.value.focus(), disabled: a.disabled }), (i, f) => (d(), m("div", null, [
+    return u({ focus: () => d.value.focus(), disabled: a.disabled }), (i, f) => (c(), m("div", null, [
       v("button", {
         id: "ap-control-" + A(s),
         ref_key: "btn",
-        ref: c,
+        ref: d,
         class: C([
           "flex items-center w-full space-x-2 px-4 py-2 ring-vxvue",
           e.show ? "rounded-t" : "rounded-sm",
@@ -201,10 +201,10 @@ const Fe = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["id", "ar
         onClick: f[0] || (f[0] = (x) => n("select")),
         onKeydown: o
       }, [
-        e.disabled ? (d(), U(A(he), {
+        e.disabled ? (c(), U(A(he), {
           key: 0,
           class: "size-5"
-        })) : (d(), U(A(re), {
+        })) : (c(), U(A(re), {
           key: 1,
           class: C(["size-5 transform-gpu transition-transform duration-300", { "rotate-90": e.show }])
         }, null, 8, ["class"])),
@@ -228,7 +228,7 @@ const Fe = ["id", "disabled", "aria-expanded", "aria-controls"], je = ["id", "ar
   props: { radius: { type: Number, default: 10 }, strokeWidth: { type: Number, default: 4 } },
   setup(e) {
     const u = e, t = z(() => u.radius + u.strokeWidth / 2), n = z(() => u.radius * 2 + u.strokeWidth), a = z(() => u.radius * Math.PI / 1.5);
-    return (l, c) => (d(), m("svg", {
+    return (l, d) => (c(), m("svg", {
       class: "animate-spin",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
@@ -272,7 +272,7 @@ function ce(e) {
 const Xe = /[YMDHhms]o|\[([^\]]+)\]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|z{1,4}|SSS/g;
 function Ge(e, u, t, n) {
   let a = e < 12 ? "AM" : "PM";
-  return n && (a = a.split("").reduce((l, c) => l += `${c}.`, "")), t ? a.toLowerCase() : a;
+  return n && (a = a.split("").reduce((l, d) => l += `${d}.`, "")), t ? a.toLowerCase() : a;
 }
 function ee(e) {
   const u = ["th", "st", "nd", "rd"], t = e % 100;
@@ -280,7 +280,7 @@ function ee(e) {
 }
 function ge(e, u, t = {}) {
   var n;
-  const a = e.getFullYear(), l = e.getMonth(), c = e.getDate(), s = e.getHours(), o = e.getMinutes(), r = e.getSeconds(), i = e.getMilliseconds(), f = e.getDay(), x = (n = t.customMeridiem) != null ? n : Ge, y = (L) => {
+  const a = e.getFullYear(), l = e.getMonth(), d = e.getDate(), s = e.getHours(), o = e.getMinutes(), r = e.getSeconds(), i = e.getMilliseconds(), f = e.getDay(), x = (n = t.customMeridiem) != null ? n : Ge, y = (L) => {
     var p;
     return (p = L.split(" ")[1]) != null ? p : "";
   }, b = {
@@ -292,9 +292,9 @@ function ge(e, u, t = {}) {
     MM: () => `${l + 1}`.padStart(2, "0"),
     MMM: () => e.toLocaleDateString(O(t.locales), { month: "short" }),
     MMMM: () => e.toLocaleDateString(O(t.locales), { month: "long" }),
-    D: () => String(c),
-    Do: () => ee(c),
-    DD: () => `${c}`.padStart(2, "0"),
+    D: () => String(d),
+    Do: () => ee(d),
+    DD: () => `${d}`.padStart(2, "0"),
     H: () => String(s),
     Ho: () => ee(s),
     HH: () => `${s}`.padStart(2, "0"),
@@ -372,14 +372,14 @@ function ne(...e) {
       );
     },
     { flush: "post" }
-  ), c = () => {
+  ), d = () => {
     l(), t();
   };
-  return Ze(t), c;
+  return Ze(t), d;
 }
 let be = !1;
 function pe(e, u, t = {}) {
-  const { window: n = $e, ignore: a = [], capture: l = !0, detectIframe: c = !1, controls: s = !1 } = t;
+  const { window: n = $e, ignore: a = [], capture: l = !0, detectIframe: d = !1, controls: s = !1 } = t;
   if (!n)
     return s ? { stop: te, cancel: te, trigger: te } : te;
   if (qe && !be) {
@@ -425,7 +425,7 @@ function pe(e, u, t = {}) {
       const k = oe(e);
       o = !r(p) && !!(k && !p.composedPath().includes(k));
     }, { passive: !0 }),
-    c && ne(n, "blur", (p) => {
+    d && ne(n, "blur", (p) => {
       setTimeout(() => {
         var k;
         const D = oe(e);
@@ -455,7 +455,7 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
   },
   emits: ["update:modelValue", "blur-sm", "submit"],
   setup(e, { emit: u }) {
-    const t = u, n = e, a = K(), c = (/* @__PURE__ */ (() => {
+    const t = u, n = e, a = K(), d = (/* @__PURE__ */ (() => {
       let V = 0;
       return (T) => (T || "") + ++V;
     })())((a.id || "autocomplete") + "-"), s = $([]), o = $(-1), r = $(0), i = $(!1), f = $(!1), x = $("top-0 translate-y-12"), y = $(!0), b = $(null), L = $(null), p = $(null), k = z(
@@ -473,12 +473,12 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
       spellcheck: "false",
       "aria-autocomplete": "list",
       "aria-haspopup": "listbox",
-      "aria-owns": c,
+      "aria-owns": d,
       "aria-expanded": i.value ? "true" : "false",
       "aria-activedescendant": o.value > -1 ? k.value[o.value].id : "",
       ...a
     })), Z = z(() => ({
-      id: c,
+      id: d,
       class: ["absolute min-w-full transform z-10", n.resultListClass, x.value],
       role: "listbox"
     })), H = () => {
@@ -522,7 +522,7 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
           q.top < T.top ? b.value.scrollTop -= T.top - q.top : q.bottom > T.bottom && (b.value.scrollTop += q.bottom - T.bottom);
         }
       }
-    }), (V, T) => (d(), m("div", {
+    }), (V, T) => (c(), m("div", {
       ref_key: "container",
       ref: p,
       class: C(["inline-block relative", V.$attrs.class])
@@ -545,12 +545,12 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
         onBlur: g
       }), null, 16, Qe),
       v("span", et, [
-        f.value ? (d(), U(we, {
+        f.value ? (c(), U(we, {
           key: 0,
           class: "size-5"
         })) : N("", !0)
       ]),
-      s.value.length ? (d(), m("div", R({
+      s.value.length ? (c(), m("div", R({
         key: 0,
         ref_key: "resultList",
         ref: b
@@ -559,12 +559,12 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
         onMousedown: T[1] || (T[1] = j(() => {
         }, ["prevent"]))
       }), [
-        (d(!0), m(I, null, Y(s.value, (G, q) => (d(), m("div", { "data-result-index": q }, [
+        (c(!0), m(I, null, Y(s.value, (G, q) => (c(), m("div", { "data-result-index": q }, [
           B(V.$slots, "result", {
             result: G,
             props: k.value[q]
           }, () => [
-            (d(), m("div", R({
+            (c(), m("div", R({
               key: k.value[q].id,
               ref_for: !0
             }, k.value[q]), P(e.getResultValue(G)), 17))
@@ -599,25 +599,25 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
   },
   setup(e, { expose: u }) {
     const t = e, n = $(""), a = $(""), l = $(!1);
-    let c = null, s = null;
+    let d = null, s = null;
     const o = z(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), r = $(null), i = (x, y) => {
-      l.value = !1, x.value !== void 0 ? x.value ? c() : s() : y ? s() : c();
+      l.value = !1, x.value !== void 0 ? x.value ? d() : s() : y ? s() : d();
     };
     return u({ open: (x, y) => (n.value = x, a.value = y, l.value = !0, me(() => r.value.firstElementChild.focus()), new Promise((b, L) => {
-      c = b, s = L;
-    })) }), (x, y) => (d(), m(I, null, [
-      l.value ? (d(), m("div", lt)) : N("", !0),
+      d = b, s = L;
+    })) }), (x, y) => (c(), m(I, null, [
+      l.value ? (c(), m("div", lt)) : N("", !0),
       _(ve, { name: "appear" }, {
         default: le(() => [
-          l.value ? (d(), m("div", at, [
+          l.value ? (c(), m("div", at, [
             v("div", st, [
-              l.value ? (d(), m("div", nt, [
+              l.value ? (c(), m("div", nt, [
                 y[0] || (y[0] = v("span", {
                   class: "hidden sm:inline-block sm:h-screen sm:align-middle",
                   "aria-hidden": "true"
                 }, "​", -1)),
                 v("div", ot, [
-                  n.value || x.$slots.title ? (d(), m("h3", {
+                  n.value || x.$slots.title ? (c(), m("h3", {
                     key: 0,
                     class: C(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
@@ -641,7 +641,7 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
                       ref: r,
                       class: "flex justify-center mt-5 space-x-2 sm:mt-6"
                     }, [
-                      (d(!0), m(I, null, Y(o.value, (b, L) => (d(), m("button", {
+                      (c(!0), m(I, null, Y(o.value, (b, L) => (c(), m("button", {
                         key: b.label,
                         class: C([e.buttonClass, b.class]),
                         onClick: j((p) => i(b, L), ["prevent"])
@@ -660,29 +660,29 @@ const Qe = ["value", "onKeydown"], et = { class: "flex absolute inset-y-0 right-
 };
 function vt(e, u) {
   const t = $(!1), n = O(u);
-  let a, l = n.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
+  let a, l = n.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), d = [];
   if ((a = n.match(/\bd\b/gi)) && a.length === 1)
     l = l.replace("d", "(\\d{1,2})");
   else if ((a = n.match(/\bdd\b/gi)) && a.length === 1)
     l = l.replace("dd", "(\\d{2})");
   else
     return { date: t };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("d"), destPos: 2 }), (a = n.match(/\bm\b/gi)) && a.length === 1)
+  if (d.push({ srcPos: n.toLowerCase().indexOf("d"), destPos: 2 }), (a = n.match(/\bm\b/gi)) && a.length === 1)
     l = l.replace("m", "(\\d{1,2})");
   else if ((a = n.match(/\bmm\b/gi)) && a.length === 1)
     l = l.replace("mm", "(\\d{2})");
   else
     return { date: t };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("m"), destPos: 1 }), (a = n.match(/\byyyy\b/gi)) && a.length === 1)
+  if (d.push({ srcPos: n.toLowerCase().indexOf("m"), destPos: 1 }), (a = n.match(/\byyyy\b/gi)) && a.length === 1)
     l = l.replace("yyyy", "(\\d{4})");
   else
     return { date: t };
-  if (c.push({ srcPos: n.toLowerCase().indexOf("y"), destPos: 0 }), !(a = O(e).match(l)))
+  if (d.push({ srcPos: n.toLowerCase().indexOf("y"), destPos: 0 }), !(a = O(e).match(l)))
     return { date: t };
-  a.shift(), c.sort((i, f) => i.srcPos < f.srcPos ? -1 : 1);
+  a.shift(), d.sort((i, f) => i.srcPos < f.srcPos ? -1 : 1);
   let s = [], o, r;
   for (; o = a.shift(); )
-    r = c.shift(), s[r.destPos] = o;
+    r = d.shift(), s[r.destPos] = o;
   return s = Date.parse(s.join("-")), s && (s = new Date(s), t.value = new Date(s.getFullYear(), s.getMonth(), s.getDate(), 0, 0, 0)), { date: t };
 }
 const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
@@ -695,19 +695,19 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
   },
   emits: ["update:modelValue", "toggle-datepicker"],
   setup(e, { emit: u }) {
-    const t = u, n = e, a = $(""), l = z(() => n.modelValue ? ge(n.modelValue, n.outputFormat) : ""), c = z(() => {
+    const t = u, n = e, a = $(""), l = z(() => n.modelValue ? ge(n.modelValue, n.outputFormat) : ""), d = z(() => {
       let s = Object.assign({}, K());
       return delete s.class, s;
     });
-    return X(() => n.modelValue, (s) => a.value = s ? ge(s, n.outputFormat) : ""), (s, o) => (d(), m("div", {
+    return X(() => n.modelValue, (s) => a.value = s ? ge(s, n.outputFormat) : ""), (s, o) => (c(), m("div", {
       class: C(["inline-block relative", s.$attrs.class])
     }, [
-      l.value ? (d(), m("div", mt, [
+      l.value ? (c(), m("div", mt, [
         v("div", {
           class: C(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showToggle }])
         }, [
           v("span", ft, P(l.value), 1),
-          c.value.disabled ? N("", !0) : (d(), m("button", {
+          d.value.disabled ? N("", !0) : (c(), m("button", {
             key: 0,
             class: "inline-flex shrink-0 justify-center items-center ml-2 rounded-full focus:text-white focus:outline-hidden size-4 text-vxvue hover:bg-vxvue-100 hover:text-vue-700 focus:bg-vxvue-700",
             onClick: o[0] || (o[0] = (r) => t("update:modelValue", null))
@@ -715,12 +715,12 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
             _(A(he), { class: "size-4" })
           ]))
         ], 2)
-      ])) : xe((d(), m("input", R({
+      ])) : xe((c(), m("input", R({
         key: 1,
         "onUpdate:modelValue": o[1] || (o[1] = (r) => a.value = r),
         type: "text",
         class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showToggle }]
-      }, c.value, {
+      }, d.value, {
         onBlur: o[2] || (o[2] = (r) => {
           var i;
           return t("update:modelValue", ((i = A(vt)(a.value, n.inputFormat).date) == null ? void 0 : i.value) || null);
@@ -730,11 +730,11 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
       }), null, 16)), [
         [Ae, a.value]
       ]),
-      e.showToggle ? (d(), m("button", {
+      e.showToggle ? (c(), m("button", {
         key: 2,
         ref: "toggleButton",
-        class: C(["flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700", c.value.disabled ? "cursor-not-allowed" : "hover:text-vxvue"]),
-        disabled: c.value.disabled,
+        class: C(["flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700", d.value.disabled ? "cursor-not-allowed" : "hover:text-vxvue"]),
+        disabled: d.value.disabled,
         "aria-label": "datepicker-toggle",
         onClick: o[4] || (o[4] = j((r) => t("toggle-datepicker"), ["stop"]))
       }, [
@@ -762,7 +762,7 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
     const t = e, n = u, a = (() => {
       const h = /* @__PURE__ */ new Date();
       return new Date(h.getFullYear(), h.getMonth(), h.getDate());
-    })(), l = $(null), c = $([]), s = $(!1), o = $("days"), r = $(0), i = $({ horiz: "left-0", vert: "top-0" }), f = $(null), x = $(null), y = $(null), b = z(() => t.hasInput && t.maxNumberOfValues === 1), L = z(() => b.value ? { class: ["absolute", s.value ? "block" : "hidden"] } : {}), p = z(() => {
+    })(), l = $(null), d = $([]), s = $(!1), o = $("days"), r = $(0), i = $({ horiz: "left-0", vert: "top-0" }), f = $(null), x = $(null), y = $(null), b = z(() => t.hasInput && t.maxNumberOfValues === 1), L = z(() => b.value ? { class: ["absolute", s.value ? "block" : "hidden"] } : {}), p = z(() => {
       const h = [], g = l.value.getFullYear(), w = l.value.getMonth(), E = new Date(g, w + 1, 0), W = new Date(g, w, 0).getDay() + 1 - t.startOfWeekIndex, ae = (6 + t.startOfWeekIndex - E.getDay()) % 7;
       for (let Q = -W, V = E.getDate() + ae; Q < V; ++Q)
         h.push(new Date(g, w, Q + 1));
@@ -771,14 +771,14 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
     X(() => t.modelValue, (h) => {
       if (h)
         if (Array.isArray(h)) {
-          const g = [], w = c.value;
+          const g = [], w = d.value;
           h.forEach((E) => {
             E && g.push(new Date(E.getFullYear(), E.getMonth(), E.getDate()));
-          }), (g.length !== w.length || ![.../* @__PURE__ */ new Set([...g, ...w])].every((E) => g.filter((W) => W.getTime() === E.getTime()).length === w.filter((W) => W.getTime() === E.getTime()).length)) && (c.value = g, l.value = new Date((g[0] || a).getTime()), l.value.setDate(1));
+          }), (g.length !== w.length || ![.../* @__PURE__ */ new Set([...g, ...w])].every((E) => g.filter((W) => W.getTime() === E.getTime()).length === w.filter((W) => W.getTime() === E.getTime()).length)) && (d.value = g, l.value = new Date((g[0] || a).getTime()), l.value.setDate(1));
         } else
-          c.value = [new Date(h.getFullYear(), h.getMonth(), h.getDate())], l.value = new Date(h.getFullYear(), h.getMonth(), 1);
+          d.value = [new Date(h.getFullYear(), h.getMonth(), h.getDate())], l.value = new Date(h.getFullYear(), h.getMonth(), 1);
       else
-        c.value = [], l.value = new Date(a.getFullYear(), a.getMonth(), 1);
+        d.value = [], l.value = new Date(a.getFullYear(), a.getMonth(), 1);
     }, { immediate: !0 }), X(() => t.shownMonth, (h) => {
       l.value = new Date((h || a).getTime()), l.value.setDate(1);
     }, { immediate: !0 }), X(s, (h) => {
@@ -800,12 +800,12 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
       if (s.value = !1, t.maxNumberOfValues === 1)
         n("update:modelValue", h);
       else {
-        const g = c.value;
+        const g = d.value;
         let w = g.findIndex((E) => E.getTime() === h.getTime());
         w !== -1 ? g.splice(w, 1) : g.length < t.maxNumberOfValues && g.push(h), n("update:modelValue", g);
       }
-    }, M = (h) => c.value.find((g) => (g == null ? void 0 : g.getTime()) === h.getTime()), F = (h) => {
-      const g = h.getMonth() !== l.value.getMonth(), w = M(h), E = h.getTime() === a.getTime(), W = t.validFrom && t.validFrom > h || t.validUntil && t.validUntil < h, ae = !w && t.maxNumberOfValues > 1 && c.value.length === t.maxNumberOfValues, Q = t.highlightRange && h > Math.min(...c.value) && h < Math.max(...c.value);
+    }, M = (h) => d.value.find((g) => (g == null ? void 0 : g.getTime()) === h.getTime()), F = (h) => {
+      const g = h.getMonth() !== l.value.getMonth(), w = M(h), E = h.getTime() === a.getTime(), W = t.validFrom && t.validFrom > h || t.validUntil && t.validUntil < h, ae = !w && t.maxNumberOfValues > 1 && d.value.length === t.maxNumberOfValues, Q = t.highlightRange && h > Math.min(...d.value) && h < Math.max(...d.value);
       return {
         "cursor-not-allowed": W || ae,
         "text-vxvue-700": !W && !g && !E && !w,
@@ -820,13 +820,13 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
     return fe(() => {
       var h;
       return y.value = (h = f.value) == null ? void 0 : h.$refs.toggleButton;
-    }), (h, g) => (d(), m("div", {
+    }), (h, g) => (c(), m("div", {
       class: C(["relative", h.$attrs.class])
     }, [
-      b.value ? (d(), U(pt, R({ key: 0 }, h.$attrs, {
+      b.value ? (c(), U(pt, R({ key: 0 }, h.$attrs, {
         ref_key: "input",
         ref: f,
-        "model-value": c.value[0],
+        "model-value": d.value[0],
         "show-toggle": !0,
         class: "w-full",
         onToggleDatepicker: g[0] || (g[0] = (w) => s.value = !s.value),
@@ -842,7 +842,7 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
         ref: x,
         class: ["overflow-hidden z-10 bg-white rounded-sm shadow-md min-w-72 sm:min-w-80", [i.value.horiz, i.value.vert]]
       }), [
-        o.value === "days" ? (d(), m(I, { key: 0 }, [
+        o.value === "days" ? (c(), m(I, { key: 0 }, [
           v("div", gt, [
             v("div", bt, [
               v("button", {
@@ -881,19 +881,19 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
             ])
           ]),
           v("div", yt, [
-            (d(!0), m(I, null, Y(k.value, (w, E) => (d(), m("div", {
+            (c(!0), m(I, null, Y(k.value, (w, E) => (c(), m("div", {
               key: E,
               class: "py-2 text-center bg-gray-200"
             }, P(w), 1))), 128)),
-            (d(!0), m(I, null, Y(p.value, (w) => (d(), m("button", {
+            (c(!0), m(I, null, Y(p.value, (w) => (c(), m("button", {
               key: w,
               class: C(["py-2 rounded-xs block text-center", F(w)]),
-              disabled: e.validFrom && e.validFrom > w || e.validUntil && e.validUntil < w || e.maxNumberOfValues > 1 && c.value.length === e.maxNumberOfValues && !M(w),
+              disabled: e.validFrom && e.validFrom > w || e.validUntil && e.validUntil < w || e.maxNumberOfValues > 1 && d.value.length === e.maxNumberOfValues && !M(w),
               onClick: j((E) => S(w), ["stop"])
             }, P(w.getDate()), 11, wt))), 128))
           ])
         ], 64)) : N("", !0),
-        o.value === "years" ? (d(), m(I, { key: 1 }, [
+        o.value === "years" ? (c(), m(I, { key: 1 }, [
           v("div", kt, [
             v("button", {
               class: "shrink-0 text-vxvue-100 hover:text-vxvue-50",
@@ -910,7 +910,7 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
             ])
           ]),
           v("div", $t, [
-            (d(), m(I, null, Y(10, (w) => v("div", {
+            (c(), m(I, null, Y(10, (w) => v("div", {
               key: w,
               class: "text-center hover:ring-2 text-vxvue-700 hover:ring-vxvue"
             }, [
@@ -937,20 +937,20 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
   },
   emits: ["update:modelValue", "form-data"],
   setup(e, { emit: u }) {
-    const t = u, n = e, a = (c) => {
+    const t = u, n = e, a = (d) => {
       const s = new FormData();
-      for (let o of c)
+      for (let o of d)
         s.append(n.name, o, o.name);
       return s;
-    }, l = (c) => {
-      const s = c.target.files || c.dataTransfer.files;
+    }, l = (d) => {
+      const s = d.target.files || d.dataTransfer.files;
       if (s) {
         const o = [...s];
         t("update:modelValue", o), t("form-data", a(o));
       }
     };
-    return (c, s) => (d(), m("label", { for: e.id }, [
-      B(c.$slots, "default", {}, () => [
+    return (d, s) => (c(), m("label", { for: e.id }, [
+      B(d.$slots, "default", {}, () => [
         s[0] || (s[0] = J("Upload"))
       ]),
       v("input", {
@@ -977,13 +977,13 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
   emits: ["update:modelValue"],
   setup(e, { emit: u }) {
     const t = u;
-    return (n, a) => (d(), m("select", R(n.$attrs, {
+    return (n, a) => (c(), m("select", R(n.$attrs, {
       value: e.modelValue,
       class: "form-select",
       onChange: a[0] || (a[0] = (l) => t("update:modelValue", l.target.value))
     }), [
-      e.disabledLabel ? (d(), m("option", Dt, P(e.disabledLabel), 1)) : N("", !0),
-      (d(!0), m(I, null, Y(e.options, (l) => (d(), m("option", {
+      e.disabledLabel ? (c(), m("option", Dt, P(e.disabledLabel), 1)) : N("", !0),
+      (c(!0), m(I, null, Y(e.options, (l) => (c(), m("option", {
         key: l.key !== void 0 ? l.key : l.label || l,
         selected: (l.key !== void 0 ? l.key : l.label || l) === e.modelValue,
         value: l.key !== void 0 ? l.key : l.label || l
@@ -999,7 +999,7 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
       let l = Object.assign({}, K());
       return delete l.class, l;
     }), a = z(() => K().disabled || K().disabled === "");
-    return (l, c) => (d(), m("label", {
+    return (l, d) => (c(), m("label", {
       class: C(l.$attrs.class),
       tabindex: "0"
     }, [
@@ -1021,7 +1021,7 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
           ])
         }, [
           B(l.$slots, "handle", {}, () => [
-            (d(), m("svg", {
+            (c(), m("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
@@ -1042,7 +1042,7 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
           class: "hidden",
           value: "1",
           type: "checkbox",
-          onChange: c[0] || (c[0] = (s) => t("update:modelValue", s.target.checked))
+          onChange: d[0] || (d[0] = (s) => t("update:modelValue", s.target.checked))
         }), null, 16, Pt)
       ], 10, Tt),
       B(l.$slots, "default")
@@ -1066,17 +1066,17 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
   emits: ["timeout", "close"],
   setup(e, { emit: u }) {
     const t = e, n = u, a = z(() => typeof t.message == "string" ? [t.message] : t.message), l = $(0);
-    let c = null;
+    let d = null;
     const s = () => {
-      window.clearTimeout(c), l.value = 100, t.active && t.timeout && (c = window.setTimeout(() => {
+      window.clearTimeout(d), l.value = 100, t.active && t.timeout && (d = window.setTimeout(() => {
         n("timeout");
       }, t.timeout), window.setTimeout(() => l.value = 0, 0));
     };
-    return X(() => t.active, s), fe(s), (o, r) => (d(), m("div", zt, [
+    return X(() => t.active, s), fe(s), (o, r) => (c(), m("div", zt, [
       v("div", Nt, [
         _(ve, { name: e.transition }, {
           default: le(() => [
-            e.active ? (d(), m("div", {
+            e.active ? (c(), m("div", {
               key: 0,
               class: C(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black/5 shadow-lg pointer-events-auto", o.$attrs.class])
             }, [
@@ -1090,7 +1090,7 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
                       v("div", jt, P(e.title), 1)
                     ]),
                     B(o.$slots, "default", {}, () => [
-                      (d(!0), m(I, null, Y(a.value, (i) => (d(), m("p", Yt, P(i), 1))), 256))
+                      (c(!0), m(I, null, Y(a.value, (i) => (c(), m("p", Yt, P(i), 1))), 256))
                     ])
                   ]),
                   v("div", _t, [
@@ -1104,7 +1104,7 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
                   ])
                 ])
               ]),
-              e.showTimeoutProgress && e.timeout ? (d(), m("div", {
+              e.showTimeoutProgress && e.timeout ? (c(), m("div", {
                 key: 0,
                 class: "h-1 transition-all ease-linear bg-vxvue-alt",
                 style: ye({
@@ -1140,11 +1140,11 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
   emits: ["clicked-outside"],
   setup(e, { emit: u }) {
     const t = u, n = $(null);
-    return pe(n, () => t("clicked-outside")), (a, l) => (d(), m(I, null, [
-      e.show ? (d(), m("div", Rt)) : N("", !0),
+    return pe(n, () => t("clicked-outside")), (a, l) => (c(), m(I, null, [
+      e.show ? (c(), m("div", Rt)) : N("", !0),
       _(ve, { name: "appear" }, {
         default: le(() => [
-          e.show ? (d(), m("div", Ht, [
+          e.show ? (c(), m("div", Ht, [
             v("div", Zt, [
               v("div", {
                 ref_key: "container",
@@ -1183,7 +1183,7 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
   },
   emits: ["update:page"],
   setup(e, { emit: u }) {
-    const t = u, n = e, a = $(Math.ceil(n.total / n.perPage)), l = $(null), c = z(() => (n.markerPosition === "above" ? "border-t-4 -mt-[4px]" : "border-b-4 -mb-[4px]") + " py-4"), s = z(() => {
+    const t = u, n = e, a = $(Math.ceil(n.total / n.perPage)), l = $(null), d = z(() => (n.markerPosition === "above" ? "border-t-4 -mt-[4px]" : "border-b-4 -mb-[4px]") + " py-4"), s = z(() => {
       let i = [1];
       if (n.showAllPages || a.value <= 7) {
         for (let f = 2; f <= a.value; ++f)
@@ -1200,9 +1200,9 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
       a.value = Math.ceil(n.total / n.perPage), t("update:page", 1);
     }), X(() => n.total, (i) => {
       a.value = Math.ceil(n.total / n.perPage), l.value > a.value && t("update:page", a.value);
-    }), (i, f) => (d(), m("nav", Wt, [
+    }), (i, f) => (c(), m("nav", Wt, [
       v("div", Ut, [
-        e.showNavButtons ? (d(), m("button", {
+        e.showNavButtons ? (c(), m("button", {
           key: 0,
           disabled: l.value <= 1,
           class: C([
@@ -1216,12 +1216,12 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
         ], 10, qt)) : N("", !0)
       ]),
       v("div", Kt, [
-        (d(!0), m(I, null, Y(s.value, (x, y) => (d(), U(de(e.page !== "dots" ? "button" : "span"), {
+        (c(!0), m(I, null, Y(s.value, (x, y) => (c(), U(de(e.page !== "dots" ? "button" : "span"), {
           key: y,
           class: C([
             { "pointer-events-none": x === "dots" },
             x === l.value ? "border-vxvue text-vxvue font-bold" : "border-transparent text-gray-500 hover:border-gray-300",
-            c.value,
+            d.value,
             "inline-flex items-center px-4 text-sm"
           ]),
           onClick: (b) => x !== "dots" ? t("update:page", x) : null
@@ -1233,7 +1233,7 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
         }, 1032, ["class", "onClick"]))), 128))
       ]),
       v("div", Xt, [
-        e.showNavButtons ? (d(), m("button", {
+        e.showNavButtons ? (c(), m("button", {
           key: 0,
           disabled: l.value >= a.value,
           class: C([
@@ -1250,7 +1250,7 @@ const mt = { key: 0 }, ft = { class: "text-vxvue-700" }, ht = ["disabled"], pt =
   }
 };
 function Jt(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1267,7 +1267,7 @@ function Jt(e, u) {
   ]);
 }
 function Qt(e, u) {
-  return d(), m("svg", {
+  return c(), m("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1297,7 +1297,7 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
       let l = Object.assign({}, K());
       return delete l.class, l;
     });
-    return (l, c) => (d(), m("div", {
+    return (l, d) => (c(), m("div", {
       class: C("inline-block relative " + K().class)
     }, [
       v("input", R({
@@ -1305,18 +1305,18 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
         type: n.value ? "text" : "password"
       }, a.value, {
         class: "block pr-12 w-full form-input peer",
-        onInput: c[0] || (c[0] = (s) => t("update:modelValue", s.target.value))
+        onInput: d[0] || (d[0] = (s) => t("update:modelValue", s.target.value))
       }), null, 16, el),
       v("button", {
         class: "flex absolute inset-y-0 right-0 items-center px-3 text-brand-700 hover:text-brand",
         "aria-label": "show-password-toggle",
         disabled: K().disabled ?? !1,
-        onClick: c[1] || (c[1] = j((s) => n.value = !n.value, ["stop"]))
+        onClick: d[1] || (d[1] = j((s) => n.value = !n.value, ["stop"]))
       }, [
-        n.value ? (d(), U(A(Jt), {
+        n.value ? (c(), U(A(Jt), {
           key: 0,
           class: "size-5"
-        })) : (d(), U(A(Qt), {
+        })) : (c(), U(A(Qt), {
           key: 1,
           class: "size-5"
         }))
@@ -1337,22 +1337,22 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
     const t = e, n = u, a = $(!1);
     return fe(() => {
       t.branch === t.modelValue && n("expand", !0);
-    }), (l, c) => {
+    }), (l, d) => {
       const s = Le("simple-tree", !0);
-      return d(), m("div", {
+      return c(), m("div", {
         class: C([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", l.$attrs.class])
       }, [
         v("div", ll, [
-          e.branch.branches && e.branch.branches.length ? (d(), m("button", {
+          e.branch.branches && e.branch.branches.length ? (c(), m("button", {
             key: 0,
             class: "mr-2",
-            onClick: c[0] || (c[0] = (o) => a.value = !a.value)
+            onClick: d[0] || (d[0] = (o) => a.value = !a.value)
           }, [
             B(l.$slots, "toggle", {
               branch: e.branch,
               expanded: a.value
             }, () => [
-              (d(), U(de(a.value ? A(Ie) : A(Oe)), { class: "p-1 text-white rounded-xs size-5 bg-vxvue-700 hover:bg-vxvue" }))
+              (c(), U(de(a.value ? A(Ie) : A(Oe)), { class: "p-1 text-white rounded-xs size-5 bg-vxvue-700 hover:bg-vxvue" }))
             ])
           ])) : N("", !0),
           e.branch === e.modelValue ? B(l.$slots, "label-selected", {
@@ -1360,22 +1360,22 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
             branch: e.branch
           }, () => [
             v("strong", null, P(e.branch.label), 1)
-          ]) : (d(), m("button", {
+          ]) : (c(), m("button", {
             key: 2,
-            onClick: c[1] || (c[1] = (o) => n("update:modelValue", e.branch))
+            onClick: d[1] || (d[1] = (o) => n("update:modelValue", e.branch))
           }, [
             B(l.$slots, "label", { branch: e.branch }, () => [
               J(P(e.branch.label), 1)
             ])
           ]))
         ]),
-        e.branch.branches && e.branch.branches.length ? xe((d(), m("div", al, [
-          (d(!0), m(I, null, Y(e.branch.branches, (o) => (d(), U(s, {
+        e.branch.branches && e.branch.branches.length ? xe((c(), m("div", al, [
+          (c(!0), m(I, null, Y(e.branch.branches, (o) => (c(), U(s, {
             key: o.id || o.key || null,
             branch: o,
             "model-value": e.modelValue,
-            "onUpdate:modelValue": c[2] || (c[2] = (r) => n("update:modelValue", r)),
-            onExpand: c[3] || (c[3] = (r) => {
+            "onUpdate:modelValue": d[2] || (d[2] = (r) => n("update:modelValue", r)),
+            onExpand: d[3] || (d[3] = (r) => {
               a.value = r, n("expand", r);
             })
           }, Te({ _: 2 }, [
@@ -1398,23 +1398,23 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
   emits: ["dragStart", "dragStop"],
   setup(e, { emit: u }) {
     const t = e, n = u, a = $(null), l = $(null);
-    let c = !1, s = {}, o = null, r = null, i = null;
+    let d = !1, s = {}, o = null, r = null, i = null;
     const f = (b) => {
       var L;
-      if (c) {
+      if (d) {
         b.preventDefault();
         const { pageX: p, pageY: k } = ((L = b.touches) == null ? void 0 : L[0]) ?? b;
         t.vertical ? a.value.style.height = Math.min(r.height - i.height - (o.y - r.y), Math.max(0, o.height + k - s.y)) + "px" : a.value.style.width = Math.min(r.width - i.width - (o.x - r.x), Math.max(0, o.width + p - s.x)) + "px";
       }
     }, x = (b) => {
       var k;
-      b.preventDefault(), b.currentTarget.focus(), c = !0;
+      b.preventDefault(), b.currentTarget.focus(), d = !0;
       const { pageX: L, pageY: p } = ((k = b.touches) == null ? void 0 : k[0]) ?? b;
       s = { x: L, y: p }, i = l.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), r = a.value.parentElement.getBoundingClientRect(), b.type === "mousedown" ? (document.addEventListener("mousemove", f), document.addEventListener("mouseup", y)) : (document.addEventListener("touchmove", f), document.addEventListener("touchend", y)), n("dragStart");
     }, y = (b) => {
-      c && (c = !1, b.type === "mouseup" ? (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", y)) : (document.removeEventListener("touchmove", f), document.removeEventListener("touchend", y)), setTimeout(() => n("dragStop"), 0));
+      d && (d = !1, b.type === "mouseup" ? (document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", y)) : (document.removeEventListener("touchmove", f), document.removeEventListener("touchend", y)), setTimeout(() => n("dragStop"), 0));
     };
-    return (b, L) => (d(), m("div", {
+    return (b, L) => (c(), m("div", {
       ref_key: "box",
       ref: a,
       class: "relative"
@@ -1451,7 +1451,7 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
   },
   emits: ["update:modelValue", "dragStart", "dragStop"],
   setup(e, { emit: u }) {
-    const t = e, n = u, a = K(), l = { x: null, y: null }, c = { w: null, h: null };
+    const t = e, n = u, a = K(), l = { x: null, y: null }, d = { w: null, h: null };
     let s = !1;
     const o = $(null), r = $(0), i = z(() => {
       const S = t.max, M = t.min;
@@ -1473,11 +1473,11 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
       } else
         n("update:modelValue", M);
     }, b = (S) => {
-      const { pageX: M, pageY: F } = S.touches ? S.touches[0] : S, h = t.vertical ? (-F + l.y) / c.h : (M - l.x) / c.w;
+      const { pageX: M, pageY: F } = S.touches ? S.touches[0] : S, h = t.vertical ? (-F + l.y) / d.h : (M - l.x) / d.w;
       y(Math.floor((t.max - t.min) * h + t.min));
     }, L = () => {
       const { clientLeft: S, clientTop: M, scrollLeft: F, scrollTop: h } = document.documentElement, g = o.value.getBoundingClientRect();
-      l.x = g.left + F - S, l.y = g.bottom + h - M, c.w = o.value.offsetWidth, c.h = o.value.offsetHeight;
+      l.x = g.left + F - S, l.y = g.bottom + h - M, d.w = o.value.offsetWidth, d.h = o.value.offsetHeight;
     }, p = (S) => {
       s && (S.preventDefault(), b(S));
     }, k = (S) => {
@@ -1511,7 +1511,7 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
     }, H = (S) => {
       L(), b(S);
     };
-    return (S, M) => (d(), m("div", R({
+    return (S, M) => (c(), m("div", R({
       ref_key: "track",
       ref: o,
       class: ["relative  bg-slate-300", e.vertical ? "h-full w-2 rounded-t-full rounded-b-full" : "w-full h-2 rounded-r-full rounded-l-full"],
@@ -1524,12 +1524,12 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
     }, ue(e.disabled ? {} : {
       click: H
     }, !0)), [
-      e.disabled ? N("", !0) : (d(), m("div", {
+      e.disabled ? N("", !0) : (c(), m("div", {
         key: 0,
         class: C(["absolute bg-vxvue", e.vertical ? "w-full rounded-t-full rounded-b-full" : "h-full rounded-r-full rounded-l-full"]),
         style: ye(f.value)
       }, null, 6)),
-      e.modelValue.length ? (d(!0), m(I, { key: 2 }, Y(e.modelValue, (F, h) => (d(), m("button", R({
+      e.modelValue.length ? (c(!0), m(I, { key: 2 }, Y(e.modelValue, (F, h) => (c(), m("button", R({
         id: h ? null : A(a).id,
         style: e.vertical ? { bottom: i.value[h] + "%" } : { left: i.value[h] + "%" },
         "aria-label": "slider-thumb-" + (h + 1),
@@ -1545,7 +1545,7 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
         },
         touchend: D,
         mouseup: D
-      }, !0)), null, 16, ol))), 256)) : (d(), m("button", R({
+      }, !0)), null, 16, ol))), 256)) : (c(), m("button", R({
         key: 1,
         id: A(a).id,
         style: e.vertical ? { bottom: i.value + "%" } : { left: i.value + "%" },
@@ -1588,21 +1588,21 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
   },
   emits: ["before-sort", "after-sort"],
   setup(e, { emit: u }) {
-    const t = e, n = u, a = $(t.sortProp), l = $(t.sortDirection), c = z(() => {
+    const t = e, n = u, a = $(t.sortProp), l = $(t.sortDirection), d = z(() => {
       let o = t.rows.slice();
       const r = t.columns.find(({ prop: i }) => i === a.value);
       return r && (l.value === "asc" && r.sortAscFunction ? o.sort(r.sortAscFunction) : l.value === "desc" && r.sortDescFunction ? o.sort(r.sortDescFunction) : o.sort((i, f) => i[a.value] < f[a.value] ? l.value === "asc" ? -1 : 1 : i[a.value] > f[a.value] ? l.value === "asc" ? 1 : -1 : 0)), o.slice(t.offset || 0, (t.offset || 0) + (t.count || o.length));
     }), 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"), me(() => n("after-sort", { prop: a.value, dir: l.value }));
     };
-    return (o, r) => (d(), m("table", {
+    return (o, r) => (c(), m("table", {
       class: C(o.$attrs.class || "w-full divide-y divide-y-slate-900 table-fixed")
     }, [
       v("thead", {
         class: C(e.headerClass)
       }, [
         v("tr", null, [
-          (d(!0), m(I, null, Y(e.columns, (i) => (d(), m("th", {
+          (c(!0), m(I, null, Y(e.columns, (i) => (c(), m("th", {
             key: i.prop,
             scope: "col",
             "data-active": a.value === i.prop ? "active" : null,
@@ -1620,7 +1620,7 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
             }, () => [
               v("div", ul, [
                 v("span", null, P(i.label), 1),
-                i.sortable ? (d(), U(de(a.value !== i.prop ? A(Ne) : l.value === "asc" ? A(ze) : A(Ee)), {
+                i.sortable ? (c(), U(de(a.value !== i.prop ? A(Ne) : l.value === "asc" ? A(ze) : A(Ee)), {
                   key: 0,
                   class: "size-4"
                 })) : N("", !0)
@@ -1632,11 +1632,11 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
       v("tbody", {
         class: C(e.bodyClass)
       }, [
-        (d(!0), m(I, null, Y(c.value, (i) => (d(), m("tr", {
+        (c(!0), m(I, null, Y(d.value, (i) => (c(), m("tr", {
           key: i[e.keyProperty],
           class: C(i.cssClass)
         }, [
-          (d(!0), m(I, null, Y(e.columns, (f) => (d(), m("td", {
+          (c(!0), m(I, null, Y(e.columns, (f) => (c(), m("td", {
             key: f.prop,
             "data-active": a.value === f.prop ? "active" : null,
             class: "overflow-hidden py-3 px-6 whitespace-nowrap text-ellipsis"
@@ -1664,7 +1664,7 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
   emits: ["submit"],
   setup(e, { emit: u }) {
     const t = u;
-    return (n, a) => (d(), m("div", cl, [
+    return (n, a) => (c(), m("div", cl, [
       v("button", {
         class: C([n.$attrs.class, e.theme]),
         disabled: n.$attrs.disabled || e.busy,
@@ -1673,13 +1673,13 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
       }, [
         B(n.$slots, "default", {}, void 0, !0)
       ], 10, vl),
-      e.busy ? (d(), U(we, {
+      e.busy ? (c(), U(we, {
         key: 0,
         class: C(e.spinnerClass || ["size-5", { error: "text-error", success: "text-success", default: "text-vxvue" }[e.theme || "default"]])
       }, null, 8, ["class"])) : N("", !0)
     ]));
   }
-}), Nl = /* @__PURE__ */ dl(ml, [["__scopeId", "data-v-9f360713"]]), fl = { class: "sm:hidden" }, hl = { class: "hidden sm:block" }, pl = { class: "border-b border-gray-200" }, gl = {
+}), Nl = /* @__PURE__ */ dl(ml, [["__scopeId", "data-v-659e9152"]]), fl = { class: "sm:hidden" }, hl = { class: "hidden sm:block" }, pl = { class: "border-b border-gray-200" }, gl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
 }, bl = ["aria-current", "onClick"], El = {
@@ -1699,10 +1699,10 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
     X(() => t.activeIndex, (s) => {
       a.value = t.items[s] || {};
     });
-    const c = (s) => {
+    const d = (s) => {
       s.disabled || (a.value = s, n("update:activeIndex", t.items.indexOf(s)));
     };
-    return (s, o) => (d(), m(I, null, [
+    return (s, o) => (c(), m(I, null, [
       v("div", fl, [
         _(Lt, {
           options: l.value,
@@ -1714,7 +1714,7 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
       v("div", hl, [
         v("div", pl, [
           v("nav", gl, [
-            (d(!0), m(I, null, Y(e.items, (r) => (d(), m("a", {
+            (c(!0), m(I, null, Y(e.items, (r) => (c(), m("a", {
               key: r.name,
               href: "#",
               class: C([
@@ -1726,7 +1726,7 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
                 }
               ]),
               "aria-current": a.value === r ? "page" : void 0,
-              onClick: j((i) => c(r), ["prevent"])
+              onClick: j((i) => d(r), ["prevent"])
             }, [
               B(s.$slots, "icon", { tab: r }),
               v("span", null, [
@@ -1735,7 +1735,7 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
                 ])
               ]),
               B(s.$slots, "badge", { tab: r }, () => [
-                r.badge ? (d(), m("span", {
+                r.badge ? (c(), m("span", {
                   key: 0,
                   class: C([
                     "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block text-current",
@@ -1757,7 +1757,7 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
   mounted: (e) => e.focus()
 }, Ol = {
   mounted: (e, u) => {
-    var l, c;
+    var l, d;
     if (!["INPUT", "TEXTAREA"].includes(e.nodeName)) {
       let s = e.querySelector('input:not([type]),input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="url"],input[type="tel"]');
       s || (s = e.querySelector("textarea")), e = s;
@@ -1772,12 +1772,12 @@ const el = ["value", "type"], tl = ["disabled"], Ll = /* @__PURE__ */ Object.ass
       ..."peer-focus:top-2 peer-focus:scale-90 peer-focus:-translate-y-full".split(" "),
       ..."peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-1/2".split(" "),
       e.nodeName === "TEXTAREA" ? "peer-placeholder-shown:top-4" : "peer-placeholder-shown:top-1/2"
-    ), (l = u.value) != null && l.invalid ? a.classList.add("text-error", "peer-focus:text-error") : a.classList.add("peer-focus:text-blue-600"), e.getAttribute("required") !== null && a.classList.add("required"), a.setAttribute("for", e.getAttribute("id") || t + "-element"), a.innerHTML = ((c = u.value) == null ? void 0 : c.label) || e.getAttribute("placeholder") || t + "-label", e.classList.add("peer"), e.setAttribute("placeholder", " "), e.setAttribute("id", e.getAttribute("id") || t + "-element"), e.parentElement.replaceChild(n, e), n.appendChild(e), n.appendChild(a);
+    ), (l = u.value) != null && l.invalid ? a.classList.add("text-error", "peer-focus:text-error") : a.classList.add("peer-focus:text-blue-600"), e.getAttribute("required") !== null && a.classList.add("required"), a.setAttribute("for", e.getAttribute("id") || t + "-element"), a.innerHTML = ((d = u.value) == null ? void 0 : d.label) || e.getAttribute("placeholder") || t + "-label", e.classList.add("peer"), e.setAttribute("placeholder", " "), e.setAttribute("id", e.getAttribute("id") || t + "-element"), e.parentElement.replaceChild(n, e), n.appendChild(e), n.appendChild(a);
   },
   updated: (e, u) => {
-    var a, l;
-    const t = e.parentNode.querySelector("label"), n = e.getAttribute("placeholder").trim();
-    t.innerHTML = ((a = u.value) == null ? void 0 : a.label) || n || t.innerHTML, n && e.setAttribute("placeholder", " "), (l = u.value) != null && l.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");
+    var a, l, d;
+    const t = e.parentNode.querySelector("label"), n = (a = e.getAttribute("placeholder")) == null ? void 0 : a.trim();
+    t.innerHTML = ((l = u.value) == null ? void 0 : l.label) || n || t.innerHTML, n && e.setAttribute("placeholder", " "), (d = u.value) != null && d.invalid ? (t.classList.add("text-error", "peer-focus:text-error"), t.classList.remove("peer-focus:text-blue-600")) : (t.classList.remove("text-error", "peer-focus:text-error"), t.classList.add("peer-focus:text-blue-600")), t.classList[e.getAttribute("required") !== null ? "add" : "remove"]("required");
   },
   beforeUnmount: (e) => e.parentNode.parentNode.removeChild(e.parentNode)
 };