voiptime-components 1.12.9 → 1.12.10

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as a, openBlock as l, createElementVNode as o, createStaticVNode as Pe, defineComponent as we, computed as L, createBlock as ge, createCommentVNode as Z, resolveDynamicComponent as w1, normalizeStyle as Ee, useSlots as h1, resolveDirective as D1, withDirectives as i1, normalizeClass as G, renderSlot as Se, Teleport as a1, withModifiers as Ve, toDisplayString as R, createTextVNode as $e, ref as B, onUnmounted as n1, nextTick as Te, watch as Me, onMounted as ze, createVNode as ne, Fragment as ie, renderList as pe, provide as p1, unref as O, Transition as d1, withCtx as xe, inject as v1, onBeforeUnmount as Q1, createApp as G1, h as y1, mergeModels as B1, useModel as mt, reactive as H1, toRef as c1, toRefs as _t, vShow as J1, TransitionGroup as gt, isRef as _1 } from "vue";
+import { createElementBlock as a, openBlock as l, createElementVNode as o, createStaticVNode as Pe, defineComponent as we, computed as x, createBlock as ge, createCommentVNode as Z, resolveDynamicComponent as w1, normalizeStyle as Be, useSlots as h1, resolveDirective as D1, withDirectives as i1, normalizeClass as G, renderSlot as Ve, Teleport as a1, withModifiers as Se, toDisplayString as R, createTextVNode as $e, ref as B, onUnmounted as n1, nextTick as Te, watch as Me, onMounted as ze, createVNode as ne, Fragment as ie, renderList as pe, provide as p1, unref as O, Transition as d1, withCtx as xe, inject as v1, onBeforeUnmount as Q1, createApp as G1, h as y1, mergeModels as B1, useModel as mt, reactive as H1, toRef as c1, toRefs as _t, vShow as J1, TransitionGroup as gt, isRef as _1 } from "vue";
 const $ = (n, e) => {
   const r = n.__vccOpts || n;
   for (const [t, i] of e)
@@ -61,7 +61,7 @@ function xt(n, e) {
     }, null, -1)
   ]));
 }
-const Lt = /* @__PURE__ */ $($t, [["render", xt]]), Vt = {}, St = {
+const Lt = /* @__PURE__ */ $($t, [["render", xt]]), St = {}, Vt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -69,7 +69,7 @@ const Lt = /* @__PURE__ */ $($t, [["render", xt]]), Vt = {}, St = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Dt(n, e) {
-  return l(), a("svg", St, e[0] || (e[0] = [
+  return l(), a("svg", Vt, e[0] || (e[0] = [
     o("path", {
       d: "M6 14L10 10M10 10L14 6M10 10L6 6M10 10L14 14",
       stroke: "currentColor",
@@ -79,7 +79,7 @@ function Dt(n, e) {
     }, null, -1)
   ]));
 }
-const Ht = /* @__PURE__ */ $(Vt, [["render", Dt]]), Tt = {}, It = {
+const Ht = /* @__PURE__ */ $(St, [["render", Dt]]), Tt = {}, It = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -324,15 +324,15 @@ function Mn(n, e) {
     }, null, -1)
   ]));
 }
-const xn = /* @__PURE__ */ $(yn, [["render", Mn]]), Ln = {}, Vn = {
+const xn = /* @__PURE__ */ $(yn, [["render", Mn]]), Ln = {}, Sn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Sn(n, e) {
-  return l(), a("svg", Vn, e[0] || (e[0] = [
+function Vn(n, e) {
+  return l(), a("svg", Sn, e[0] || (e[0] = [
     o("path", {
       d: "M6.5 3H4C3.44772 3 3 3.44772 3 4V16C3 16.5523 3.44772 17 4 17H6.5M6.5 3H12.096C12.3552 3 12.6042 3.1006 12.7906 3.2806L16.6946 7.04995C16.8898 7.2384 17 7.49805 17 7.76935V16C17 16.5523 16.5523 17 16 17H13.5M6.5 3V6.34483C6.5 6.89711 6.94772 7.34483 7.5 7.34483H11M6.5 17V14.6207C6.5 14.0684 6.94772 13.6207 7.5 13.6207H12.5C13.0523 13.6207 13.5 14.0684 13.5 14.6207V17M6.5 17H13.5",
       stroke: "currentColor",
@@ -341,7 +341,7 @@ function Sn(n, e) {
     }, null, -1)
   ]));
 }
-const Dn = /* @__PURE__ */ $(Ln, [["render", Sn]]), Hn = {}, Tn = {
+const Dn = /* @__PURE__ */ $(Ln, [["render", Vn]]), Hn = {}, Tn = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -604,7 +604,7 @@ const Mo = /* @__PURE__ */ $(bo, [["render", $o]]), xo = {}, Lo = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Vo(n, e) {
+function So(n, e) {
   return l(), a("svg", Lo, e[0] || (e[0] = [
     o("circle", {
       cx: "20",
@@ -618,7 +618,7 @@ function Vo(n, e) {
     }, null, -1)
   ]));
 }
-const So = /* @__PURE__ */ $(xo, [["render", Vo]]), Do = {}, Ho = {
+const Vo = /* @__PURE__ */ $(xo, [["render", So]]), Do = {}, Ho = {
   width: "20",
   height: "20",
   viewBox: "0 0 21 20",
@@ -851,7 +851,7 @@ function xs(n, e) {
     }, null, -1)
   ]));
 }
-const Ls = /* @__PURE__ */ $($s, [["render", xs]]), Vs = {}, Ss = {
+const Ls = /* @__PURE__ */ $($s, [["render", xs]]), Ss = {}, Vs = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -859,7 +859,7 @@ const Ls = /* @__PURE__ */ $($s, [["render", xs]]), Vs = {}, Ss = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Ds(n, e) {
-  return l(), a("svg", Ss, e[0] || (e[0] = [
+  return l(), a("svg", Vs, e[0] || (e[0] = [
     o("path", {
       d: "M15.4505 9.9974C15.4505 10.5499 15.231 11.0798 14.8403 11.4705C14.4496 11.8612 13.9197 12.0807 13.3672 12.0807C12.8147 12.0807 12.2847 11.8612 11.894 11.4705C11.5033 11.0798 11.2839 10.5499 11.2839 9.9974C11.2839 9.44486 11.5033 8.91496 11.894 8.52426C12.2847 8.13356 12.8147 7.91406 13.3672 7.91406C13.9197 7.91406 14.4496 8.13356 14.8403 8.52426C15.231 8.91496 15.4505 9.44486 15.4505 9.9974ZM8.78385 9.9974C8.78385 10.5499 8.56436 11.0798 8.17366 11.4705C7.78296 11.8612 7.25306 12.0807 6.70052 12.0807C6.14799 12.0807 5.61808 11.8612 5.22738 11.4705C4.83668 11.0798 4.61719 10.5499 4.61719 9.9974C4.61719 9.44486 4.83668 8.91496 5.22738 8.52426C5.61808 8.13356 6.14799 7.91406 6.70052 7.91406C7.25306 7.91406 7.78296 8.13356 8.17366 8.52426C8.56436 8.91496 8.78385 9.44486 8.78385 9.9974Z",
       stroke: "currentColor",
@@ -873,7 +873,7 @@ function Ds(n, e) {
     }, null, -1)
   ]));
 }
-const Hs = /* @__PURE__ */ $(Vs, [["render", Ds]]), Ts = {}, Is = {
+const Hs = /* @__PURE__ */ $(Ss, [["render", Ds]]), Ts = {}, Is = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1148,7 +1148,7 @@ const Mr = /* @__PURE__ */ $(br, [["render", $r]]), xr = {}, Lr = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Vr(n, e) {
+function Sr(n, e) {
   return l(), a("svg", Lr, e[0] || (e[0] = [
     o("path", {
       "fill-rule": "evenodd",
@@ -1166,7 +1166,7 @@ function Vr(n, e) {
     }, null, -1)
   ]));
 }
-const Sr = /* @__PURE__ */ $(xr, [["render", Vr]]), Dr = {}, Hr = {
+const Vr = /* @__PURE__ */ $(xr, [["render", Sr]]), Dr = {}, Hr = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1483,7 +1483,7 @@ function xl(n, e) {
     }, null, -1)
   ]));
 }
-const Ll = /* @__PURE__ */ $($l, [["render", xl]]), Vl = {}, Sl = {
+const Ll = /* @__PURE__ */ $($l, [["render", xl]]), Sl = {}, Vl = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1491,7 +1491,7 @@ const Ll = /* @__PURE__ */ $($l, [["render", xl]]), Vl = {}, Sl = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Dl(n, e) {
-  return l(), a("svg", Sl, e[0] || (e[0] = [
+  return l(), a("svg", Vl, e[0] || (e[0] = [
     o("path", {
       d: "M5.10938 6.41406L9.00209 9.00921L12.8948 6.41406",
       stroke: "currentColor",
@@ -1514,7 +1514,7 @@ function Dl(n, e) {
     }, null, -1)
   ]));
 }
-const Hl = /* @__PURE__ */ $(Vl, [["render", Dl]]), Tl = {}, Il = {
+const Hl = /* @__PURE__ */ $(Sl, [["render", Dl]]), Tl = {}, Il = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1818,7 +1818,7 @@ const Mi = /* @__PURE__ */ $(bi, [["render", $i]]), xi = {}, Li = {
   width: "21",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Vi(n, e) {
+function Si(n, e) {
   return l(), a("svg", Li, e[0] || (e[0] = [
     o("path", {
       d: "M14.6198 16.2519C14.6198 14.871 12.754 13.7519 10.4531 13.7519C8.15229 13.7519 6.28646 14.871 6.28646 16.2519M17.9531 13.7519C17.9531 12.7269 16.9248 11.846 15.4531 11.4602M2.95312 13.7519C2.95312 12.7269 3.98146 11.846 5.45312 11.4602M15.4531 8.11521C15.7 7.89695 15.9013 7.63204 16.0454 7.33571C16.1896 7.03937 16.2737 6.71747 16.293 6.38851C16.3123 6.05954 16.2664 5.73002 16.1578 5.41887C16.0493 5.10773 15.8803 4.8211 15.6607 4.57549C15.441 4.32988 15.1749 4.13012 14.8777 3.98771C14.5806 3.8453 14.2582 3.76304 13.9291 3.74566C13.6 3.72829 13.2708 3.77614 12.9603 3.88647C12.6498 3.9968 12.3641 4.16743 12.1198 4.38854M5.45312 8.11521C4.96337 7.672 4.66892 7.05298 4.6341 6.39337C4.59927 5.73377 4.8269 5.08718 5.26726 4.59487C5.70761 4.10255 6.32491 3.80451 6.9843 3.76585C7.64369 3.72719 8.29159 3.95105 8.78646 4.38854M10.4531 11.2519C9.79008 11.2519 9.1542 10.9885 8.68536 10.5196C8.21652 10.0508 7.95312 9.41492 7.95312 8.75187C7.95312 8.08883 8.21652 7.45295 8.68536 6.98411C9.1542 6.51527 9.79008 6.25187 10.4531 6.25187C11.1162 6.25187 11.7521 6.51527 12.2209 6.98411C12.6897 7.45295 12.9531 8.08883 12.9531 8.75187C12.9531 9.41492 12.6897 10.0508 12.2209 10.5196C11.7521 10.9885 11.1162 11.2519 10.4531 11.2519Z",
@@ -1829,7 +1829,7 @@ function Vi(n, e) {
     }, null, -1)
   ]));
 }
-const Si = /* @__PURE__ */ $(xi, [["render", Vi]]), Di = {}, Hi = {
+const Vi = /* @__PURE__ */ $(xi, [["render", Si]]), Di = {}, Hi = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -2134,7 +2134,7 @@ function xa(n, e) {
     }, null, -1)
   ]));
 }
-const La = /* @__PURE__ */ $($a, [["render", xa]]), Va = {}, Sa = {
+const La = /* @__PURE__ */ $($a, [["render", xa]]), Sa = {}, Va = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -2142,7 +2142,7 @@ const La = /* @__PURE__ */ $($a, [["render", xa]]), Va = {}, Sa = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Da(n, e) {
-  return l(), a("svg", Sa, e[0] || (e[0] = [
+  return l(), a("svg", Va, e[0] || (e[0] = [
     o("rect", {
       x: "7",
       y: "7",
@@ -2159,7 +2159,7 @@ function Da(n, e) {
     }, null, -1)
   ]));
 }
-const Ha = /* @__PURE__ */ $(Va, [["render", Da]]), Ta = {}, Ia = {
+const Ha = /* @__PURE__ */ $(Sa, [["render", Da]]), Ta = {}, Ia = {
   width: "20",
   height: "20",
   viewBox: "0 0 22 22",
@@ -2425,7 +2425,7 @@ const M2 = /* @__PURE__ */ $(b2, [["render", $2]]), x2 = {}, L2 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function V2(n, e) {
+function S2(n, e) {
   return l(), a("svg", L2, e[0] || (e[0] = [
     o("path", {
       d: "M18.166 14.5833C18.166 15.7533 18.166 16.3392 17.8852 16.7592C17.7636 16.9412 17.6072 17.0975 17.4252 17.2192C17.0052 17.5 16.4193 17.5 15.2493 17.5L4.58268 17.5C3.41268 17.5 2.82685 17.5 2.40685 17.2192C2.22479 17.0975 2.06848 16.9412 1.94685 16.7592C1.66601 16.3392 1.66602 15.7533 1.66602 14.5833C1.66602 13.4133 1.66601 12.8275 1.94685 12.4075C2.06848 12.2254 2.22479 12.0691 2.40685 11.9475C2.82685 11.6667 3.41268 11.6667 4.58268 11.6667L15.2493 11.6667C16.4193 11.6667 17.0052 11.6667 17.4252 11.9475C17.6072 12.0691 17.7636 12.2254 17.8852 12.4075C18.166 12.8275 18.166 13.4133 18.166 14.5833ZM18.166 5.41667C18.166 6.58667 18.166 7.1725 17.8852 7.5925C17.7636 7.77456 17.6072 7.93087 17.4252 8.0525C17.0052 8.33333 16.4193 8.33333 15.2493 8.33333L4.58268 8.33333C3.41268 8.33333 2.82685 8.33333 2.40685 8.0525C2.22479 7.93087 2.06848 7.77456 1.94685 7.5925C1.66601 7.1725 1.66602 6.58667 1.66602 5.41667C1.66602 4.24667 1.66601 3.66083 1.94685 3.24083C2.06848 3.05877 2.22479 2.90246 2.40685 2.78083C2.82685 2.5 3.41268 2.5 4.58268 2.5L15.2493 2.5C16.4193 2.5 17.0052 2.5 17.4252 2.78083C17.6072 2.90246 17.7636 3.05877 17.8852 3.24083C18.166 3.66083 18.166 4.24667 18.166 5.41667Z",
@@ -2436,7 +2436,7 @@ function V2(n, e) {
     }, null, -1)
   ]));
 }
-const S2 = /* @__PURE__ */ $(x2, [["render", V2]]), D2 = {}, H2 = {
+const V2 = /* @__PURE__ */ $(x2, [["render", S2]]), D2 = {}, H2 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -2536,7 +2536,7 @@ const Z2 = /* @__PURE__ */ $(P2, [["render", F2]]), z2 = {
   // call icons
   answerCall: ko,
   clientCall: Mo,
-  hangupCall: So,
+  hangupCall: Vo,
   inboundCall: Io,
   keyboardCall: jo,
   microphoneCall: Zo,
@@ -2566,7 +2566,7 @@ const Z2 = /* @__PURE__ */ $(P2, [["render", F2]]), z2 = {
   filterSave: kr,
   // input icons
   alertCircle: Mr,
-  alertTriangle: Sr,
+  alertTriangle: Vr,
   calendar: Ir,
   checkCircle: jr,
   clock: Zr,
@@ -2595,7 +2595,7 @@ const Z2 = /* @__PURE__ */ $(P2, [["render", F2]]), z2 = {
   predictive: mi,
   preview: ki,
   prioritySelect: Mi,
-  progressive: Si,
+  progressive: Vi,
   schedule: Ii,
   sms: ji,
   starFilled: Zi,
@@ -2626,7 +2626,7 @@ const Z2 = /* @__PURE__ */ $(P2, [["render", F2]]), z2 = {
   numberList: Z2,
   tableSettings: k2,
   twoColumns: M2,
-  twoRows: S2,
+  twoRows: V2,
   unfreeze: I2
 }, fe = /* @__PURE__ */ we({
   __name: "VIcon",
@@ -2637,14 +2637,14 @@ const Z2 = /* @__PURE__ */ $(P2, [["render", F2]]), z2 = {
     color: { default: "currentColor" }
   },
   setup(n) {
-    const e = n, r = L(() => z2[e.name]), t = L(() => ({
+    const e = n, r = x(() => z2[e.name]), t = x(() => ({
       ...e.width && { width: typeof e.width == "number" ? `${e.width}px` : e.width },
       ...e.height && { height: typeof e.height == "number" ? `${e.height}px` : e.height },
       color: e.color
     }));
     return (i, c) => r.value ? (l(), ge(w1(r.value), {
       key: 0,
-      style: Ee(t.value)
+      style: Be(t.value)
     }, null, 8, ["style"])) : Z("", !0);
   }
 }), O2 = {}, Y2 = { class: "vt-loader" };
@@ -2664,15 +2664,16 @@ const g1 = /* @__PURE__ */ $(O2, [["render", N2]]), W2 = ["disabled", "type", "d
     icon: {},
     tooltip: { type: Boolean, default: !1 },
     tooltipPlacement: { default: "top" },
-    htmlType: { default: "button" }
+    htmlType: { default: "button" },
+    color: { default: "" }
   },
   emits: ["click"],
   setup(n, { emit: e }) {
-    const r = n, t = e, i = h1(), c = L(() => !!(r.icon && r.shape)), d = L(() => {
-      var g, _;
-      const h = i.default ? i.default({}) : null;
-      return ((_ = (g = h == null ? void 0 : h[0]) == null ? void 0 : g.children) == null ? void 0 : _.toString()) ?? "";
-    }), p = L(() => [
+    const r = n, t = e, i = h1(), c = x(() => !!(r.icon && r.shape)), d = x(() => {
+      var g, y;
+      const _ = i.default ? i.default({}) : null;
+      return ((y = (g = _ == null ? void 0 : _[0]) == null ? void 0 : g.children) == null ? void 0 : y.toString()) ?? "";
+    }), p = x(() => [
       "vt-button",
       `vt-button--${r.type}`,
       {
@@ -2681,17 +2682,21 @@ const g1 = /* @__PURE__ */ $(O2, [["render", N2]]), W2 = ["disabled", "type", "d
         "vt-button--disabled": r.disabled || r.loading,
         "vt-button--loading": r.loading
       }
-    ]), f = L(() => c.value && r.tooltip ? d.value : null), v = (h) => {
-      !r.disabled && !r.loading && t("click", h);
+    ]), f = x(() => r.color ? {
+      color: r.color,
+      "--vt-button-icon-color": r.color
+    } : {}), v = x(() => c.value && r.tooltip ? d.value : null), h = (_) => {
+      !r.disabled && !r.loading && t("click", _);
     };
-    return (h, g) => {
-      const _ = D1("tooltip");
+    return (_, g) => {
+      const y = D1("tooltip");
       return i1((l(), a("button", {
         class: G(p.value),
+        style: Be(f.value),
         disabled: r.disabled || r.loading,
         type: r.htmlType,
         "data-placement": r.tooltipPlacement,
-        onClick: v
+        onClick: h
       }, [
         r.loading ? (l(), ge(g1, {
           key: 0,
@@ -2699,13 +2704,14 @@ const g1 = /* @__PURE__ */ $(O2, [["render", N2]]), W2 = ["disabled", "type", "d
         })) : r.icon ? (l(), ge(fe, {
           key: 1,
           name: r.icon,
-          class: "vt-button__icon"
+          class: "vt-button__icon",
+          style: { color: "var(--vt-button-icon-color)" }
         }, null, 8, ["name"])) : Z("", !0),
         c.value ? Z("", !0) : (l(), a("span", q2, [
-          Se(h.$slots, "default")
+          Ve(_.$slots, "default")
         ]))
-      ], 10, W2)), [
-        [_, f.value]
+      ], 14, W2)), [
+        [y, v.value]
       ]);
     };
   }
@@ -2727,7 +2733,7 @@ const g1 = /* @__PURE__ */ $(O2, [["render", N2]]), W2 = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "close"],
   setup(n, { emit: e }) {
-    const r = n, t = e, i = L(() => ["vt-modal__container", `vt-modal__container--${r.size}`]), c = L(() => ({
+    const r = n, t = e, i = x(() => ["vt-modal__container", `vt-modal__container--${r.size}`]), c = x(() => ({
       zIndex: r.zIndex
     })), d = () => {
       t("update:modelValue", !1), t("close");
@@ -2737,13 +2743,13 @@ const g1 = /* @__PURE__ */ $(O2, [["render", N2]]), W2 = ["disabled", "type", "d
     return (f, v) => (l(), ge(a1, { to: "body" }, [
       f.modelValue ? (l(), a("div", {
         key: 0,
-        style: Ee(c.value),
+        style: Be(c.value),
         class: "vt-modal__backdrop",
         onClick: p
       }, [
         o("div", {
           class: G(i.value),
-          onClick: v[0] || (v[0] = Ve(() => {
+          onClick: v[0] || (v[0] = Se(() => {
           }, ["stop"]))
         }, [
           f.title || f.showCloseButton ? (l(), a("div", U2, [
@@ -2756,7 +2762,7 @@ const g1 = /* @__PURE__ */ $(O2, [["render", N2]]), W2 = ["disabled", "type", "d
             })) : Z("", !0)
           ])) : Z("", !0),
           o("div", X2, [
-            Se(f.$slots, "default")
+            Ve(f.$slots, "default")
           ])
         ], 2)
       ], 4)) : Z("", !0)
@@ -2780,16 +2786,16 @@ const g1 = /* @__PURE__ */ $(O2, [["render", N2]]), W2 = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: e }) {
-    const r = n, t = e, i = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, c = L(() => r.id || i()), d = L(() => r.modelValue ?? r.checked), p = (h) => {
+    const r = n, t = e, i = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, c = x(() => r.id || i()), d = x(() => r.modelValue ?? r.checked), p = (h) => {
       if (r.disabled) return;
-      const _ = h.target.checked;
-      t("update:modelValue", _), t("change", _, h);
+      const g = h.target.checked;
+      t("update:modelValue", g), t("change", g, h);
     }, f = (h) => {
       t("focus", h);
     }, v = (h) => {
       t("blur", h);
     };
-    return (h, g) => (l(), a("label", {
+    return (h, _) => (l(), a("label", {
       class: G([
         "vt-checkbox",
         `vt-checkbox--${h.size}`,
@@ -2839,7 +2845,7 @@ const g1 = /* @__PURE__ */ $(O2, [["render", N2]]), W2 = ["disabled", "type", "d
           viewBox: "0 0 10 9",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, g[0] || (g[0] = [
+        }, _[0] || (_[0] = [
           o("path", {
             d: "M1 5L3.58264 7.58264C3.80112 7.80112 4.16348 7.77113 4.34306 7.51971L9 1",
             stroke: "currentColor",
@@ -2860,7 +2866,7 @@ const g1 = /* @__PURE__ */ $(O2, [["render", N2]]), W2 = ["disabled", "type", "d
           viewBox: "0 0 13 6",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, g[1] || (g[1] = [
+        }, _[1] || (_[1] = [
           o("path", {
             d: "M6 3L8.25 5L12 1",
             stroke: "currentColor",
@@ -2895,8 +2901,8 @@ const g1 = /* @__PURE__ */ $(O2, [["render", N2]]), W2 = ["disabled", "type", "d
           }
         ])
       }, [
-        Se(h.$slots, "label", {}, () => [
-          Se(h.$slots, "default", {}, () => [
+        Ve(h.$slots, "label", {}, () => [
+          Ve(h.$slots, "default", {}, () => [
             $e(R(h.label), 1)
           ])
         ])
@@ -2963,15 +2969,15 @@ function k1(n, e, r = {}) {
     hideOnClick: f = !0,
     onVisibleChange: v,
     onScroll: h
-  } = r, g = B(!1), _ = B(!0), y = B(!1), s = B(null), N = B([]), j = B({
+  } = r, _ = B(!1), g = B(!0), y = B(!1), s = B(null), N = B([]), j = B({
     top: "0px",
     left: "0px",
     transformOrigin: "center top"
-  }), V = () => {
+  }), S = () => {
     if (!n.value) return;
     const oe = E1(n.value);
-    _.value !== oe && (_.value = oe, !oe && g.value ? (y.value = !0, g.value = !1, v == null || v(!1)) : oe && y.value && !g.value && (y.value = !1, g.value = !0, S(), v == null || v(!0)));
-  }, S = async () => {
+    g.value !== oe && (g.value = oe, !oe && _.value ? (y.value = !0, _.value = !1, v == null || v(!1)) : oe && y.value && !_.value && (y.value = !1, _.value = !0, V(), v == null || v(!0)));
+  }, V = async () => {
     if (await Te(), !n.value || !e.value) return;
     const oe = n.value.getBoundingClientRect(), A = e.value.getBoundingClientRect(), J = e3(oe, A, i);
     j.value = {
@@ -2979,7 +2985,7 @@ function k1(n, e, r = {}) {
       minWidth: `${oe.width}px`
     };
   }, T = () => {
-    (g.value || y.value) && (V(), g.value && S(), h == null || h());
+    (_.value || y.value) && (S(), _.value && V(), h == null || h());
   }, U = () => {
     n.value && (N.value = J2(n.value), N.value.forEach((oe) => {
       oe.addEventListener("scroll", T, { passive: !0 });
@@ -2989,37 +2995,37 @@ function k1(n, e, r = {}) {
       oe.removeEventListener("scroll", T);
     }), window.removeEventListener("resize", T), N.value = [];
   }, E = () => {
-    p || g.value || !n.value || !E1(n.value) || (s.value = window.setTimeout(
+    p || _.value || !n.value || !E1(n.value) || (s.value = window.setTimeout(
       async () => {
-        g.value = !0, _.value = !0, y.value = !1, await S(), U(), v == null || v(!0);
+        _.value = !0, g.value = !0, y.value = !1, await V(), U(), v == null || v(!0);
       },
       t === "hover" ? c : 0
     ));
   }, D = () => {
-    g.value && (s.value = window.setTimeout(
+    _.value && (s.value = window.setTimeout(
       () => {
-        g.value = !1, y.value = !1, q(), v == null || v(!1);
+        _.value = !1, y.value = !1, q(), v == null || v(!1);
       },
       t === "hover" ? d : 0
     ));
   }, Q = () => {
-    p || (g.value ? D() : E());
+    p || (_.value ? D() : E());
   };
   return n1(() => {
     q();
   }), {
     // State
-    visible: g,
-    parentVisible: _,
+    visible: _,
+    parentVisible: g,
     wasVisibleBeforeHiding: y,
     dropdownPosition: j,
     // Methods
     show: E,
     hide: D,
     toggle: Q,
-    updatePosition: S,
+    updatePosition: V,
     // Internal methods
-    checkParentVisibility: V,
+    checkParentVisibility: S,
     addScrollListeners: U,
     removeScrollListeners: q
   };
@@ -3148,7 +3154,7 @@ const u3 = ["for"], c3 = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "clear", "validation", "keydown", "keyup", "keypress", "click"],
   setup(n, { expose: e, emit: r }) {
-    const t = n, i = r, c = B(), d = B(), p = B(!1), f = B(!1), v = B(), h = B([]), g = B(!0), _ = B(!1), y = {
+    const t = n, i = r, c = B(), d = B(), p = B(!1), f = B(!1), v = B(), h = B([]), _ = B(!0), g = B(!1), y = {
       email: (k) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(k),
       url: (k) => {
         try {
@@ -3174,7 +3180,7 @@ const u3 = ["for"], c3 = {
     }, s = (k) => {
       const Y = [], W = String(k || "");
       if (t.required && !y.required(k) && Y.push(t.requiredMessage || "Це поле є обов'язковим"), !W && !t.required) {
-        h.value = Y, g.value = Y.length === 0;
+        h.value = Y, _.value = Y.length === 0;
         return;
       }
       switch (t.type) {
@@ -3188,8 +3194,8 @@ const u3 = ["for"], c3 = {
           W && !y.number(W) && Y.push(t.numberMessage || "Введіть коректне число");
           break;
       }
-      t.minlength && W && !y.minlength(W, t.minlength) && Y.push(t.minlengthMessage || `Мінімальна довжина: ${t.minlength} символів`), t.maxlength && W && !y.maxlength(W, t.maxlength) && Y.push(t.maxlengthMessage || `Максимальна довжина: ${t.maxlength} символів`), t.type === "number" && W && y.number(W) && (t.min !== void 0 && !y.min(W, t.min) && Y.push(t.minMessage || `Мінімальне значення: ${t.min}`), t.max !== void 0 && !y.max(W, t.max) && Y.push(t.maxMessage || `Максимальне значення: ${t.max}`)), t.pattern && W && !y.pattern(W, t.pattern) && Y.push(t.patternMessage || "Значення не відповідає вимогам формату"), t.customValidator && !y.custom(k, t.customValidator) && Y.push(t.customValidatorMessage || "Значення не проходить валідацію"), h.value = Y, g.value = Y.length === 0, i("validation", { isValid: g.value, errors: Y });
-    }, N = L(() => t.type === "textarea"), j = L(() => {
+      t.minlength && W && !y.minlength(W, t.minlength) && Y.push(t.minlengthMessage || `Мінімальна довжина: ${t.minlength} символів`), t.maxlength && W && !y.maxlength(W, t.maxlength) && Y.push(t.maxlengthMessage || `Максимальна довжина: ${t.maxlength} символів`), t.type === "number" && W && y.number(W) && (t.min !== void 0 && !y.min(W, t.min) && Y.push(t.minMessage || `Мінімальне значення: ${t.min}`), t.max !== void 0 && !y.max(W, t.max) && Y.push(t.maxMessage || `Максимальне значення: ${t.max}`)), t.pattern && W && !y.pattern(W, t.pattern) && Y.push(t.patternMessage || "Значення не відповідає вимогам формату"), t.customValidator && !y.custom(k, t.customValidator) && Y.push(t.customValidatorMessage || "Значення не проходить валідацію"), h.value = Y, _.value = Y.length === 0, i("validation", { isValid: _.value, errors: Y });
+    }, N = x(() => t.type === "textarea"), j = x(() => {
       if (t.type === "password") return null;
       switch (t.type) {
         case "email":
@@ -3199,7 +3205,7 @@ const u3 = ["for"], c3 = {
         default:
           return null;
       }
-    }), V = L(() => {
+    }), S = x(() => {
       if (t.prefixIcon || j.value) return null;
       if (t.errorMessage) return "alertCircle";
       switch (t.status) {
@@ -3210,13 +3216,13 @@ const u3 = ["for"], c3 = {
         case "success":
           return "checkCircle";
         default:
-          return g.value ? null : "alertCircle";
+          return _.value ? null : "alertCircle";
       }
-    }), S = L(() => !!t.prefixIcon || !!j.value || !!V.value), T = L(() => t.prefixIcon || j.value || V.value), U = L(() => {
-      const k = "vt-input__icon", Y = t.status !== "default" ? t.status : g.value ? "default" : "error";
+    }), V = x(() => !!t.prefixIcon || !!j.value || !!S.value), T = x(() => t.prefixIcon || j.value || S.value), U = x(() => {
+      const k = "vt-input__icon", Y = t.status !== "default" ? t.status : _.value ? "default" : "error";
       if (t.prefixIcon)
         return k;
-      if (V.value)
+      if (S.value)
         switch (Y) {
           case "error":
             return `${k} vt-input__icon--error`;
@@ -3228,9 +3234,9 @@ const u3 = ["for"], c3 = {
             return k;
         }
       return k;
-    }), q = L(() => ["email", "url", "password"].includes(t.type) && t.suffixIcon ? t.clearable || t.showPassword : !!t.suffixIcon || t.clearable || t.showPassword), E = L(() => ["email", "url", "password"].includes(t.type) ? null : t.suffixIcon), D = L(
+    }), q = x(() => ["email", "url", "password"].includes(t.type) && t.suffixIcon ? t.clearable || t.showPassword : !!t.suffixIcon || t.clearable || t.showPassword), E = x(() => ["email", "url", "password"].includes(t.type) ? null : t.suffixIcon), D = x(
       () => t.clearable && !t.disabled && t.modelValue && String(t.modelValue).length > 0
-    ), Q = L(() => t.status !== "default" ? t.status : t.errorMessage || !g.value ? "error" : "default"), oe = L(() => [
+    ), Q = x(() => t.status !== "default" ? t.status : t.errorMessage || !_.value ? "error" : "default"), oe = x(() => [
       "vt-input",
       t.size ? `vt-input--${t.size}` : "vt-input--medium",
       `vt-input--${Q.value}`,
@@ -3238,17 +3244,17 @@ const u3 = ["for"], c3 = {
         "vt-input--disabled": t.disabled,
         "vt-input--focused": p.value,
         "vt-input--textarea": N.value,
-        "vt-input--has-prefix": S.value,
+        "vt-input--has-prefix": V.value,
         "vt-input--has-suffix": q.value,
-        "vt-input--invalid": !g.value
+        "vt-input--invalid": !_.value
       }
-    ]), A = L(() => t.type === "password" ? f.value ? "text" : "password" : t.type === "textarea" ? "text" : t.type), J = L(() => t.errorMessage ? t.errorMessage : h.value.length > 0 ? h.value[0] : ""), he = L(() => t.autosize && typeof t.autosize == "object" && t.autosize.maxRows ? "none" : t.resize), Ce = (k) => {
+    ]), A = x(() => t.type === "password" ? f.value ? "text" : "password" : t.type === "textarea" ? "text" : t.type), J = x(() => t.errorMessage ? t.errorMessage : h.value.length > 0 ? h.value[0] : ""), he = x(() => t.autosize && typeof t.autosize == "object" && t.autosize.maxRows ? "none" : t.resize), Ce = (k) => {
       let W = k.target.value;
       if (t.type === "number" && W !== "") {
         const ye = Number(W);
         isNaN(ye) || (W = ye);
       }
-      i("update:modelValue", W), i("input", k), t.validateOnInput && s(W), N.value && t.autosize && !_.value && Te(() => se());
+      i("update:modelValue", W), i("input", k), t.validateOnInput && s(W), N.value && t.autosize && !g.value && Te(() => se());
     }, I = (k) => {
       if (i("change", k), !t.validateOnInput) {
         const Y = k.target;
@@ -3263,14 +3269,14 @@ const u3 = ["for"], c3 = {
       }
     }, re = () => {
       var k;
-      i("update:modelValue", ""), i("clear"), (k = c.value) == null || k.focus(), h.value = [], g.value = !0, i("validation", { isValid: !0, errors: [] });
+      i("update:modelValue", ""), i("clear"), (k = c.value) == null || k.focus(), h.value = [], _.value = !0, i("validation", { isValid: !0, errors: [] });
     }, ue = () => {
       f.value = !f.value, Te(() => {
         var k;
         (k = c.value) == null || k.focus();
       });
     }, se = () => {
-      if (!d.value || !t.autosize || _.value) return;
+      if (!d.value || !t.autosize || g.value) return;
       const k = d.value, Y = k.style.height;
       k.style.height = "auto";
       let W = k.scrollHeight;
@@ -3284,9 +3290,9 @@ const u3 = ["for"], c3 = {
       if (!d.value || !(he.value !== "none")) return;
       const ye = d.value.getBoundingClientRect();
       if (k.clientX > ye.right - 20 && k.clientY > ye.bottom - 20) {
-        _.value = !0;
+        g.value = !0;
         const Ae = () => {
-          _.value = !1, document.removeEventListener("mouseup", Ae);
+          g.value = !1, document.removeEventListener("mouseup", Ae);
         };
         document.addEventListener("mouseup", Ae);
       }
@@ -3307,19 +3313,19 @@ const u3 = ["for"], c3 = {
       clear: () => {
         re();
       },
-      validate: () => (s(t.modelValue || ""), g.value),
+      validate: () => (s(t.modelValue || ""), _.value),
       clearValidation: () => {
-        h.value = [], g.value = !0, i("validation", { isValid: !0, errors: [] });
+        h.value = [], _.value = !0, i("validation", { isValid: !0, errors: [] });
       },
       getInputElement: () => c.value || null,
       getValidationState: () => ({
-        isValid: g.value,
+        isValid: _.value,
         errors: [...h.value]
       })
     }), Me(
       () => t.modelValue,
       (k) => {
-        N.value && t.autosize && !_.value && Te(se), t.validateOnInput && s(k || "");
+        N.value && t.autosize && !g.value && Te(se), t.validateOnInput && s(k || "");
       }
     ), Me(
       () => [t.required, t.minlength, t.maxlength, t.min, t.max, t.pattern],
@@ -3344,7 +3350,7 @@ const u3 = ["for"], c3 = {
         k.required ? (l(), a("span", c3, "*")) : Z("", !0)
       ], 8, u3)) : Z("", !0),
       o("div", d3, [
-        S.value ? (l(), a("div", h3, [
+        V.value ? (l(), a("div", h3, [
           ne(fe, {
             name: T.value,
             class: G(U.value)
@@ -3366,7 +3372,7 @@ const u3 = ["for"], c3 = {
           id: k.id,
           tabindex: k.tabindex,
           autocomplete: k.autocomplete,
-          style: Ee({ resize: he.value, height: v.value }),
+          style: Be({ resize: he.value, height: v.value }),
           class: "vt-input__field vt-input__textarea",
           onInput: Ce,
           onChange: I,
@@ -3458,10 +3464,10 @@ const u3 = ["for"], c3 = {
 }, M3 = { class: "vt-select__tag-text" }, x3 = {
   key: 1,
   class: "vt-select__display-text"
-}, L3 = { key: 1 }, V3 = {
+}, L3 = { key: 1 }, S3 = {
   key: 2,
   class: "vt-select__placeholder"
-}, S3 = { class: "vt-select__suffix" }, D3 = ["disabled"], H3 = {
+}, V3 = { class: "vt-select__suffix" }, D3 = ["disabled"], H3 = {
   key: 0,
   class: "vt-select__help"
 }, T3 = {
@@ -3515,16 +3521,16 @@ const u3 = ["for"], c3 = {
   },
   emits: ["update:modelValue", "change", "clear", "focus", "blur", "visible-change", "validation", "scrolled", "remove-tag", "filter", "filter-clear"],
   setup(n, { expose: e, emit: r }) {
-    const t = n, i = r, c = B(), d = B(), p = B(), f = B(), v = B([]), h = B(), g = B(), _ = {
+    const t = n, i = r, c = B(), d = B(), p = B(), f = B(), v = B([]), h = B(), _ = B(), g = {
       isFocused: B(!1),
       validationErrors: B([]),
       isValid: B(!0),
       visibleCount: B(0),
       filterQuery: B("")
-    }, y = B(/* @__PURE__ */ new Map()), s = B(/* @__PURE__ */ new Set()), N = B(/* @__PURE__ */ new Map()), j = (u) => t.valueKey && typeof u == "object" && u !== null ? String(u[t.valueKey]) : typeof u == "object" ? JSON.stringify(u) : String(u), V = (u, C) => {
+    }, y = B(/* @__PURE__ */ new Map()), s = B(/* @__PURE__ */ new Set()), N = B(/* @__PURE__ */ new Map()), j = (u) => t.valueKey && typeof u == "object" && u !== null ? String(u[t.valueKey]) : typeof u == "object" ? JSON.stringify(u) : String(u), S = (u, C) => {
       const ee = j(u.value);
       y.value.set(ee, u), s.value.add(ee), C && N.value.set(u.value, C);
-    }, S = (u) => {
+    }, V = (u) => {
       const C = j(u);
       s.value.delete(C), N.value.delete(u);
     }, T = (u) => {
@@ -3543,12 +3549,12 @@ const u3 = ["for"], c3 = {
             return !0;
       }
       return !1;
-    }, E = L(() => {
+    }, E = x(() => {
       const u = [];
       for (const [C, ee] of y.value.entries())
         s.value.has(C) && u.push(ee);
       return u;
-    }), D = L(() => !t.filterable || !_.filterQuery.value.trim() || t.allowRemoteFilter ? E.value : E.value.filter((u) => q(u, _.filterQuery.value))), Q = B(0), oe = (u) => {
+    }), D = x(() => !t.filterable || !g.filterQuery.value.trim() || t.allowRemoteFilter ? E.value : E.value.filter((u) => q(u, g.filterQuery.value))), Q = B(0), oe = (u) => {
       const C = u.target;
       if (!C) return;
       const ee = C.scrollTop, z = C.scrollHeight, le = C.clientHeight, Le = ee + le >= z - 50, Re = Date.now(), qe = !t.loading && D.value.length > 0 && Re - Q.value > j1;
@@ -3579,10 +3585,10 @@ const u3 = ["for"], c3 = {
       hideOnClick: !1,
       onVisibleChange: (u) => {
         u ? Te(async () => {
-          await re(), t.filterable && g.value && g.value.focus(), setTimeout(() => {
+          await re(), t.filterable && _.value && _.value.focus(), setTimeout(() => {
             A();
           }, 100);
-        }) : (_.filterQuery.value && ae(), t.validateOnBlur && ue.validate()), i("visible-change", u);
+        }) : (g.filterQuery.value && ae(), t.validateOnBlur && ue.validate()), i("visible-change", u);
       }
     }), ue = {
       validate() {
@@ -3592,32 +3598,32 @@ const u3 = ["for"], c3 = {
           t.required || !1,
           t.requiredMessage
         );
-        _.validationErrors.value = u.errors, _.isValid.value = u.isValid, i("validation", { isValid: _.isValid.value, errors: u.errors });
+        g.validationErrors.value = u.errors, g.isValid.value = u.isValid, i("validation", { isValid: g.isValid.value, errors: u.errors });
       },
       clear() {
-        _.validationErrors.value = [], _.isValid.value = !0, i("validation", { isValid: !0, errors: [] });
+        g.validationErrors.value = [], g.isValid.value = !0, i("validation", { isValid: !0, errors: [] });
       }
-    }, se = L(() => t.multiple), ce = L(() => E.value.length ? n3(t.modelValue, E.value, se.value, t.valueKey) : []), Be = L(() => !t.multiple || ce.value.length === 0 ? [] : t.collapsedTags ? ce.value.slice(0, _.visibleCount.value) : ce.value), Oe = L(() => {
+    }, se = x(() => t.multiple), ce = x(() => E.value.length ? n3(t.modelValue, E.value, se.value, t.valueKey) : []), Ee = x(() => !t.multiple || ce.value.length === 0 ? [] : t.collapsedTags ? ce.value.slice(0, g.visibleCount.value) : ce.value), Oe = x(() => {
       if (se.value) return "";
       const u = ce.value[0];
       return u ? u.label : t.modelValue && typeof t.modelValue == "object" ? t.modelValue.label ? t.modelValue.label : t.modelValue.name ? t.modelValue.name : JSON.stringify(t.modelValue) : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && !Array.isArray(t.modelValue) ? String(t.modelValue) : "";
-    }), Ye = L(() => !t.clearable || t.disabled ? !1 : se.value ? ce.value.length > 0 : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0)), De = L(() => t.status !== "default" ? t.status : t.errorMessage || !_.isValid.value ? "error" : "default"), be = L(() => [
+    }), Ye = x(() => !t.clearable || t.disabled ? !1 : se.value ? ce.value.length > 0 : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0)), De = x(() => t.status !== "default" ? t.status : t.errorMessage || !g.isValid.value ? "error" : "default"), be = x(() => [
       "vt-select",
       `vt-select--${De.value}`,
       {
         "vt-select--disabled": t.disabled,
-        "vt-select--focused": _.isFocused.value,
+        "vt-select--focused": g.isFocused.value,
         "vt-select--multiple": se.value,
         "vt-select--open": J.value
       }
-    ]), Fe = L(() => t.errorMessage ? t.errorMessage : ""), Ne = L(() => ({
+    ]), Fe = x(() => t.errorMessage ? t.errorMessage : ""), Ne = x(() => ({
       ...Ce.value,
       position: "absolute",
       zIndex: 2e3,
       maxHeight: `${t.maxHeight}px`
-    })), We = L(() => ce.value.length - _.visibleCount.value), k = L(() => t.collapsedTags && t.multiple && ce.value.length > 0 && _.visibleCount.value < ce.value.length), Y = L(() => {
+    })), We = x(() => ce.value.length - g.visibleCount.value), k = x(() => t.collapsedTags && t.multiple && ce.value.length > 0 && g.visibleCount.value < ce.value.length), Y = x(() => {
       if (!k.value) return "";
-      const u = ce.value.slice(_.visibleCount.value);
+      const u = ce.value.slice(g.visibleCount.value);
       return a3(We.value, u);
     }), W = (u) => {
       var ee, z;
@@ -3640,38 +3646,38 @@ const u3 = ["for"], c3 = {
     }, Qe = () => {
       t.disabled || K();
     }, e1 = () => {
-      _.isFocused.value = !0, i("focus");
+      g.isFocused.value = !0, i("focus");
     }, F = (u) => {
       var C;
-      u != null && u.relatedTarget && ((C = p.value) != null && C.contains(u.relatedTarget)) || (_.isFocused.value = !1, i("blur"), setTimeout(() => {
+      u != null && u.relatedTarget && ((C = p.value) != null && C.contains(u.relatedTarget)) || (g.isFocused.value = !1, i("blur"), setTimeout(() => {
         var ee;
         (ee = p.value) != null && ee.contains(document.activeElement) || P();
       }, 100));
     }, X = (u) => {
       const C = u.target.value;
-      _.filterQuery.value = C, i("filter", C), t.allowRemoteFilter && console.log("Remote filter query:", C);
+      g.filterQuery.value = C, i("filter", C), t.allowRemoteFilter && console.log("Remote filter query:", C);
     }, ae = () => {
-      _.filterQuery.value = "", i("filter", ""), i("filter-clear");
+      g.filterQuery.value = "", i("filter", ""), i("filter-clear");
     }, _e = (u) => {
       u.key === "Enter" || u.key === " " ? (u.preventDefault(), Qe()) : u.key === "Escape" && J.value && (u.preventDefault(), P());
     }, me = (u) => t3(u, t.modelValue, se.value, t.valueKey), ve = () => {
       if (!t.collapsedTags || !f.value || ce.value.length === 0) {
-        _.visibleCount.value = ce.value.length;
+        g.visibleCount.value = ce.value.length;
         return;
       }
       Te(() => {
         if (!f.value) return;
         const u = i3(f.value, v.value, ce.value.length);
-        _.visibleCount.value = u;
+        g.visibleCount.value = u;
       });
     }, M = {
-      selectValue: L(() => t.modelValue || (se.value ? [] : void 0)).value,
+      selectValue: x(() => t.modelValue || (se.value ? [] : void 0)).value,
       multiple: se.value,
       valueKey: t.valueKey,
       handleOptionClick: ye,
       isOptionSelected: me,
-      registerOption: V,
-      unregisterOption: S
+      registerOption: S,
+      unregisterOption: V
     };
     return p1(tt, M), e({
       ...{
@@ -3685,7 +3691,7 @@ const u3 = ["for"], c3 = {
           Ae();
         },
         validate() {
-          return ue.validate(), _.isValid.value;
+          return ue.validate(), g.isValid.value;
         },
         clearValidation() {
           ue.clear();
@@ -3695,18 +3701,18 @@ const u3 = ["for"], c3 = {
         },
         getValidationState() {
           return {
-            isValid: _.isValid.value,
-            errors: [..._.validationErrors.value]
+            isValid: g.isValid.value,
+            errors: [...g.validationErrors.value]
           };
         },
         setFilter(u) {
-          _.filterQuery.value = u, i("filter", u);
+          g.filterQuery.value = u, i("filter", u);
         },
         clearFilter() {
           ae();
         },
         getFilterQuery() {
-          return _.filterQuery.value;
+          return g.filterQuery.value;
         },
         // Методи для роботи зі скролом
         checkInitialScroll() {
@@ -3726,8 +3732,8 @@ const u3 = ["for"], c3 = {
           };
         }
       },
-      registerOption: V,
-      unregisterOption: S
+      registerOption: S,
+      unregisterOption: V
     }), Me(
       () => t.modelValue,
       () => {
@@ -3794,7 +3800,7 @@ const u3 = ["for"], c3 = {
               ref: f,
               class: "vt-select__tags"
             }, [
-              (l(!0), a(ie, null, pe(Be.value, (z, le) => (l(), a("div", {
+              (l(!0), a(ie, null, pe(Ee.value, (z, le) => (l(), a("div", {
                 key: `tag-${typeof z.value == "object" ? JSON.stringify(z.value) : z.value}-${le}`,
                 ref_for: !0,
                 ref: (ke) => ke && (v.value[le] = ke),
@@ -3805,7 +3811,7 @@ const u3 = ["for"], c3 = {
                   key: 0,
                   class: "vt-select__tag-close",
                   name: "close",
-                  onClick: Ve((ke) => Ze(z.value), ["stop"])
+                  onClick: Se((ke) => Ze(z.value), ["stop"])
                 }, null, 8, ["onClick"]))
               ]))), 128)),
               k.value ? i1((l(), a("div", $3, [
@@ -3814,13 +3820,13 @@ const u3 = ["for"], c3 = {
                 [ee, Y.value]
               ]) : Z("", !0)
             ], 512)) : !u.multiple && Oe.value ? (l(), a("span", x3, [
-              u.$slots.selected && ce.value[0] ? Se(u.$slots, "selected", {
+              u.$slots.selected && ce.value[0] ? Ve(u.$slots, "selected", {
                 key: 0,
                 option: ce.value[0]
               }) : (l(), a("span", L3, R(Oe.value), 1))
-            ])) : (l(), a("span", V3, R(u.placeholder), 1))
+            ])) : (l(), a("span", S3, R(u.placeholder), 1))
           ]),
-          o("div", S3, [
+          o("div", V3, [
             u.loading ? (l(), ge(g1, {
               key: 0,
               class: "vt-select__loading"
@@ -3829,7 +3835,7 @@ const u3 = ["for"], c3 = {
               disabled: t.disabled,
               class: "vt-select__clear-btn",
               type: "button",
-              onClick: Ve(Ae, ["stop"])
+              onClick: Se(Ae, ["stop"])
             }, [
               ne(fe, { name: "close" })
             ], 8, D3)) : (l(), ge(fe, {
@@ -3841,8 +3847,8 @@ const u3 = ["for"], c3 = {
         ], 544),
         ne(d1, { name: "fade" }, {
           default: xe(() => [
-            _.validationErrors && _.validationErrors.value.length ? (l(), a("div", H3, [
-              (l(!0), a(ie, null, pe(_.validationErrors.value, (z, le) => (l(), a("div", {
+            g.validationErrors && g.validationErrors.value.length ? (l(), a("div", H3, [
+              (l(!0), a(ie, null, pe(g.validationErrors.value, (z, le) => (l(), a("div", {
                 key: `error-${le}`,
                 class: "vt-select__error"
               }, R(z), 1))), 128))
@@ -3851,7 +3857,7 @@ const u3 = ["for"], c3 = {
           _: 1
         }),
         o("div", T3, [
-          Se(u.$slots, "default")
+          Ve(u.$slots, "default")
         ]),
         O(J) && O(he) ? (l(), ge(a1, {
           key: 1,
@@ -3863,20 +3869,20 @@ const u3 = ["for"], c3 = {
                 ref_key: "dropdownRef",
                 ref: p,
                 "aria-multiselectable": u.multiple,
-                style: Ee(Ne.value),
+                style: Be(Ne.value),
                 class: "vt-select-dropdown",
                 role: "listbox",
-                onClick: C[2] || (C[2] = Ve(() => {
+                onClick: C[2] || (C[2] = Se(() => {
                 }, ["stop"])),
-                onMousedown: C[3] || (C[3] = Ve(() => {
+                onMousedown: C[3] || (C[3] = Se(() => {
                 }, ["prevent"]))
               }, [
                 u.filterable ? (l(), a("div", B3, [
                   ne(nt, {
                     ref_key: "filterInputRef",
-                    ref: g,
-                    modelValue: _.filterQuery.value,
-                    "onUpdate:modelValue": C[0] || (C[0] = (z) => _.filterQuery.value = z),
+                    ref: _,
+                    modelValue: g.filterQuery.value,
+                    "onUpdate:modelValue": C[0] || (C[0] = (z) => g.filterQuery.value = z),
                     placeholder: u.filterPlaceholder,
                     clearable: "",
                     "suffix-icon": "search",
@@ -3885,7 +3891,7 @@ const u3 = ["for"], c3 = {
                   }, null, 8, ["modelValue", "placeholder"])
                 ])) : Z("", !0),
                 D.value.length === 0 ? (l(), a("div", E3, [
-                  _.filterQuery.value ? (l(), a("span", A3, 'Немає результатів для "' + R(_.filterQuery.value) + '"', 1)) : (l(), a("span", j3, R(u.noDataText), 1))
+                  g.filterQuery.value ? (l(), a("span", A3, 'Немає результатів для "' + R(g.filterQuery.value) + '"', 1)) : (l(), a("span", j3, R(u.noDataText), 1))
                 ])) : (l(), a("div", {
                   key: 2,
                   ref_key: "scrollContainerRef",
@@ -3906,7 +3912,7 @@ const u3 = ["for"], c3 = {
                     ]),
                     role: "option",
                     onClick: (le) => ye(z),
-                    onMousedown: C[1] || (C[1] = Ve(() => {
+                    onMousedown: C[1] || (C[1] = Se(() => {
                     }, ["prevent"]))
                   }, [
                     se.value ? (l(), ge(o1, {
@@ -3948,7 +3954,7 @@ const u3 = ["for"], c3 = {
   setup(n, { emit: e }) {
     const r = n, t = h1(), i = v1(tt);
     i || console.warn("VOption повинен використовуватися всередині VSelect");
-    const c = L(() => ({
+    const c = x(() => ({
       label: r.label,
       value: r.value,
       disabled: r.disabled || !1
@@ -3961,7 +3967,7 @@ const u3 = ["for"], c3 = {
     }), Q1(() => {
       i && i.unregisterOption(r.value);
     }), (d, p) => (l(), a("div", Y3, [
-      Se(d.$slots, "default")
+      Ve(d.$slots, "default")
     ]));
   }
 }), N3 = { class: "vt-pagination" }, W3 = { class: "vt-pagination__info" }, q3 = { class: "vt-pagination__rows-per-page" }, U3 = { class: "vt-pagination__navigation" }, K3 = ["disabled"], X3 = ["onClick"], Q3 = ["disabled"], G3 = /* @__PURE__ */ we({
@@ -3975,48 +3981,48 @@ const u3 = ["for"], c3 = {
   },
   emits: ["update:currentPage", "update:pageSize", "pageChange", "reloadData"],
   setup(n, { emit: e }) {
-    const r = n, t = e, i = L({
+    const r = n, t = e, i = x({
       get: () => r.currentPage,
-      set: (S) => t("update:currentPage", S)
-    }), c = L({
+      set: (V) => t("update:currentPage", V)
+    }), c = x({
       get: () => r.pageSize,
-      set: (S) => t("update:pageSize", S)
-    }), d = L(() => Math.ceil(r.totalItems / c.value)), p = L(() => r.totalItems === 0 ? 0 : (i.value - 1) * c.value + 1), f = L(() => Math.min(i.value * c.value, r.totalItems)), v = L(() => i.value <= 1), h = L(() => i.value >= d.value), g = L(() => {
-      const S = [], T = d.value, U = i.value, q = r.maxVisiblePages;
+      set: (V) => t("update:pageSize", V)
+    }), d = x(() => Math.ceil(r.totalItems / c.value)), p = x(() => r.totalItems === 0 ? 0 : (i.value - 1) * c.value + 1), f = x(() => Math.min(i.value * c.value, r.totalItems)), v = x(() => i.value <= 1), h = x(() => i.value >= d.value), _ = x(() => {
+      const V = [], T = d.value, U = i.value, q = r.maxVisiblePages;
       if (T <= q)
         for (let E = 1; E <= T; E++)
-          S.push(E);
+          V.push(E);
       else {
-        S.push(1);
+        V.push(1);
         const E = Math.max(2, U - Math.floor(q / 2)), D = Math.min(T - 1, U + Math.floor(q / 2));
-        E > 2 && S.push("...");
+        E > 2 && V.push("...");
         for (let Q = E; Q <= D; Q++)
-          S.push(Q);
-        D < T - 1 && S.push("..."), T > 1 && S.push(T);
+          V.push(Q);
+        D < T - 1 && V.push("..."), T > 1 && V.push(T);
       }
-      return S;
-    }), _ = () => {
+      return V;
+    }), g = () => {
       t("pageChange", {
         page: i.value,
         pageSize: c.value
       });
-    }, y = (S) => {
-      typeof S == "number" && S !== i.value && (i.value = S, _());
+    }, y = (V) => {
+      typeof V == "number" && V !== i.value && (i.value = V, g());
     }, s = () => {
-      v.value || (i.value--, _());
+      v.value || (i.value--, g());
     }, N = () => {
-      h.value || (i.value++, _());
+      h.value || (i.value++, g());
     }, j = () => {
-      i.value = 1, _();
-    }, V = () => {
+      i.value = 1, g();
+    }, S = () => {
       t("reloadData", i.value);
     };
     return Me(
       () => r.totalItems,
       () => {
-        i.value > d.value && d.value > 0 && (i.value = d.value, _());
+        i.value > d.value && d.value > 0 && (i.value = d.value, g());
       }
-    ), (S, T) => (l(), a("div", N3, [
+    ), (V, T) => (l(), a("div", N3, [
       o("div", W3, [
         o("div", q3, [
           T[1] || (T[1] = o("label", {
@@ -4031,7 +4037,7 @@ const u3 = ["for"], c3 = {
             onChange: j
           }, {
             default: xe(() => [
-              (l(!0), a(ie, null, pe(S.pageSizeOptions, (U) => (l(), ge(st, {
+              (l(!0), a(ie, null, pe(V.pageSizeOptions, (U) => (l(), ge(st, {
                 key: U,
                 label: U,
                 value: U
@@ -4045,7 +4051,7 @@ const u3 = ["for"], c3 = {
             _: 1
           }, 8, ["modelValue"])
         ]),
-        o("span", null, R(p.value) + " - " + R(f.value) + " з " + R(S.totalItems), 1)
+        o("span", null, R(p.value) + " - " + R(f.value) + " з " + R(V.totalItems), 1)
       ]),
       o("div", U3, [
         o("button", {
@@ -4055,7 +4061,7 @@ const u3 = ["for"], c3 = {
         }, [
           ne(fe, { name: "arrowLeft" })
         ], 10, K3),
-        (l(!0), a(ie, null, pe(g.value, (U) => (l(), a("button", {
+        (l(!0), a(ie, null, pe(_.value, (U) => (l(), a("button", {
           key: U,
           class: G([{
             "vt-pagination__nav-button--active": U === i.value
@@ -4076,7 +4082,7 @@ const u3 = ["for"], c3 = {
           shape: "circle",
           tooltip: "",
           tooltipPlacement: "left",
-          onClick: V
+          onClick: S
         }, {
           default: xe(() => T[2] || (T[2] = [
             $e("Оновити дані ", -1)
@@ -4103,7 +4109,7 @@ const u3 = ["for"], c3 = {
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: e }) {
-    const r = n, t = e, i = () => `vt-radiobox-${Math.random().toString(36).substr(2, 9)}`, c = L(() => r.id || i()), d = L(() => r.modelValue !== void 0 ? r.modelValue === r.value : r.checked), p = (h) => {
+    const r = n, t = e, i = () => `vt-radiobox-${Math.random().toString(36).substr(2, 9)}`, c = x(() => r.id || i()), d = x(() => r.modelValue !== void 0 ? r.modelValue === r.value : r.checked), p = (h) => {
       if (r.disabled) return;
       h.target.checked && (t("update:modelValue", r.value), t("change", r.value, h));
     }, f = (h) => {
@@ -4111,7 +4117,7 @@ const u3 = ["for"], c3 = {
     }, v = (h) => {
       t("blur", h);
     };
-    return (h, g) => (l(), a("label", {
+    return (h, _) => (l(), a("label", {
       class: G([
         "vt-radiobox",
         `vt-radiobox--${h.size}`,
@@ -4162,8 +4168,8 @@ const u3 = ["for"], c3 = {
           }
         ])
       }, [
-        Se(h.$slots, "label", {}, () => [
-          Se(h.$slots, "default", {}, () => [
+        Ve(h.$slots, "label", {}, () => [
+          Ve(h.$slots, "default", {}, () => [
             $e(R(h.label), 1)
           ])
         ])
@@ -4172,11 +4178,11 @@ const u3 = ["for"], c3 = {
   }
 });
 function n5(n) {
-  const e = L(() => {
+  const e = x(() => {
     const i = n.filter((p) => p.pinnedLeft), c = n.filter((p) => p.pinnedRight), d = n.filter((p) => !p.pinnedLeft && !p.pinnedRight);
     return [...i, ...d, ...c];
   }), r = () => {
-    const i = e.value.length, c = e.value.filter((h) => h.width || h.minWidth), d = c.reduce((h, g) => h + (g.width || g.minWidth || 0), 0), p = i - c.length;
+    const i = e.value.length, c = e.value.filter((h) => h.width || h.minWidth), d = c.reduce((h, _) => h + (_.width || _.minWidth || 0), 0), p = i - c.length;
     if (p === 0) return 150;
     const v = Math.max(800 - d, p * 80);
     return Math.max(Math.floor(v / p), 120);
@@ -4241,12 +4247,12 @@ function s5() {
     onMouseDown: (t, i, c, d) => {
       t.preventDefault(), t.stopPropagation(), n.value.resizingCol = i, n.value.startX = t.clientX, n.value.startWidth = i.width || i.minWidth || c(i.prop);
       const p = (v) => {
-        const { resizingCol: h, startX: g, startWidth: _ } = n.value;
+        const { resizingCol: h, startX: _, startWidth: g } = n.value;
         if (!h) return;
-        document.querySelectorAll(`[data-resizer="${h.prop}"]`).forEach((V) => {
-          V.classList.add("vt-table__resizer--active");
+        document.querySelectorAll(`[data-resizer="${h.prop}"]`).forEach((S) => {
+          S.classList.add("vt-table__resizer--active");
         });
-        const y = v.clientX - g, s = h.minWidth || 50, N = h.maxWidth || 1e3, j = Math.max(Math.min(_ + y, N), s);
+        const y = v.clientX - _, s = h.minWidth || 50, N = h.maxWidth || 1e3, j = Math.max(Math.min(g + y, N), s);
         h.width = j;
       }, f = () => {
         const { resizingCol: v } = n.value;
@@ -4263,11 +4269,11 @@ function r5(n, e, r, t) {
   var oe;
   const i = n.selectionKey || "id", c = B([]), d = B(null), p = B(!1);
   (oe = n.defaultSelection) != null && oe.length && (c.value = [...n.defaultSelection]);
-  const f = (A) => A[i], v = (A) => p.value ? !0 : c.value.some((J) => f(J) === f(A)), h = L(() => e.value.filter((A) => v(A)).length), g = L(() => e.value.length > 0 && h.value === e.value.length), _ = L(() => {
+  const f = (A) => A[i], v = (A) => p.value ? !0 : c.value.some((J) => f(J) === f(A)), h = x(() => e.value.filter((A) => v(A)).length), _ = x(() => e.value.length > 0 && h.value === e.value.length), g = x(() => {
     if (p.value) return !1;
     const A = h.value;
     return A > 0 && A < e.value.length;
-  }), y = L(() => p.value ? !0 : g.value && !_.value), s = L(() => n.isAllSelect && p.value), N = (A, J) => {
+  }), y = x(() => p.value ? !0 : _.value && !g.value), s = x(() => n.isAllSelect && p.value), N = (A, J) => {
     const he = f(A), Ce = c.value.some((P) => f(P) === f(A)), I = J !== void 0 ? J : !Ce;
     if (p.value && !I) {
       p.value = !1, t != null && t.value && (c.value = t.value.filter((P) => f(P) !== he)), Q(A, !1);
@@ -4275,10 +4281,10 @@ function r5(n, e, r, t) {
     }
     p.value && I || (I && !Ce ? c.value.push(A) : !I && Ce && (c.value = c.value.filter((P) => f(P) !== he)), n.selectOnClickRow && J === void 0 && q(I ? A : null), Q(A, I));
   }, j = () => {
-    switch (V()) {
+    switch (S()) {
       case "none":
       case "partial":
-        S();
+        V();
         break;
       case "allVisible":
         n.isAllSelect ? T() : U();
@@ -4287,7 +4293,7 @@ function r5(n, e, r, t) {
         U();
         break;
     }
-  }, V = () => p.value ? "absoluteAll" : g.value ? "allVisible" : h.value > 0 ? "partial" : "none", S = () => {
+  }, S = () => p.value ? "absoluteAll" : _.value ? "allVisible" : h.value > 0 ? "partial" : "none", V = () => {
     const A = [], J = new Set(c.value.map((he) => f(he)));
     c.value.forEach((he) => {
       A.push(he);
@@ -4295,7 +4301,7 @@ function r5(n, e, r, t) {
       J.has(f(he)) || A.push(he);
     }), c.value = A, p.value = !1, Q();
   }, T = () => {
-    n.isAllSelect ? (p.value = !0, t != null && t.value ? c.value = [...t.value] : c.value = [...e.value], Q(void 0, void 0, !0)) : S();
+    n.isAllSelect ? (p.value = !0, t != null && t.value ? c.value = [...t.value] : c.value = [...e.value], Q(void 0, void 0, !0)) : V();
   }, U = () => {
     c.value = [], p.value = !1, d.value = null, Q();
   }, q = (A) => {
@@ -4325,7 +4331,7 @@ function r5(n, e, r, t) {
     currentRow: d,
     isRowSelected: v,
     isAllSelected: y,
-    isIndeterminate: _,
+    isIndeterminate: g,
     isDoubleCheck: s,
     isFullSelection: p,
     toggleRowSelection: N,
@@ -4383,7 +4389,7 @@ const l5 = (n, e, r = "asc") => {
   },
   emits: ["visible-change", "click", "command"],
   setup(n, { expose: e, emit: r }) {
-    const t = n, i = r, c = B(), d = B(), p = B(), f = B(!1), v = B(!1), h = B(null), { visible: g, parentVisible: _, dropdownPosition: y, show: s, hide: N, toggle: j } = k1(
+    const t = n, i = r, c = B(), d = B(), p = B(), f = B(!1), v = B(!1), h = B(null), { visible: _, parentVisible: g, dropdownPosition: y, show: s, hide: N, toggle: j } = k1(
       d,
       p,
       {
@@ -4395,10 +4401,10 @@ const l5 = (n, e, r = "asc") => {
         hideOnClick: t.hideOnClick,
         onVisibleChange: (J) => i("visible-change", J)
       }
-    ), V = () => {
+    ), S = () => {
       h.value && (clearTimeout(h.value), h.value = null);
-    }, S = () => {
-      V(), h.value = setTimeout(() => {
+    }, V = () => {
+      S(), h.value = setTimeout(() => {
         !f.value && !v.value && N();
       }, t.hideTimeout);
     };
@@ -4411,19 +4417,19 @@ const l5 = (n, e, r = "asc") => {
     const U = (J) => {
       t.disabled || (i("click", J), t.trigger === "click" && j());
     }, q = () => {
-      t.trigger === "hover" && (f.value = !0, V(), s());
+      t.trigger === "hover" && (f.value = !0, S(), s());
     }, E = () => {
-      t.trigger === "hover" && (f.value = !1, S());
+      t.trigger === "hover" && (f.value = !1, V());
     }, D = () => {
-      t.trigger === "hover" && (v.value = !0, V());
+      t.trigger === "hover" && (v.value = !0, S());
     }, Q = () => {
-      t.trigger === "hover" && (v.value = !1, S());
+      t.trigger === "hover" && (v.value = !1, V());
     }, oe = (J) => {
       var Ce, I;
-      if (!g.value) return;
+      if (!_.value) return;
       const he = J.target;
       (Ce = c.value) != null && Ce.contains(he) || (I = p.value) != null && I.contains(he) || N();
-    }, A = L(() => ({
+    }, A = x(() => ({
       ...y.value,
       position: "absolute",
       zIndex: 2e3,
@@ -4432,11 +4438,11 @@ const l5 = (n, e, r = "asc") => {
     return e({
       show: s,
       hide: N,
-      visible: g
+      visible: _
     }), ze(() => {
       document.addEventListener("click", oe);
     }), n1(() => {
-      document.removeEventListener("click", oe), V();
+      document.removeEventListener("click", oe), S();
     }), (J, he) => (l(), a("div", {
       ref_key: "dropdownRef",
       ref: c,
@@ -4450,23 +4456,23 @@ const l5 = (n, e, r = "asc") => {
         ref: d,
         class: "vt-dropdown__trigger"
       }, [
-        Se(J.$slots, "default")
+        Ve(J.$slots, "default")
       ], 512),
-      O(g) && O(_) ? (l(), ge(a1, {
+      O(_) && O(g) ? (l(), ge(a1, {
         key: 0,
         to: "body"
       }, [
         o("div", {
           ref_key: "menuRef",
           ref: p,
-          style: Ee(A.value),
+          style: Be(A.value),
           class: "vt-dropdown-menu",
           onMouseenter: D,
           onMouseleave: Q,
-          onClick: he[0] || (he[0] = Ve(() => {
+          onClick: he[0] || (he[0] = Se(() => {
           }, ["stop"]))
         }, [
-          Se(J.$slots, "dropdown")
+          Ve(J.$slots, "dropdown")
         ], 36)
       ])) : Z("", !0)
     ], 544));
@@ -4497,7 +4503,7 @@ const l5 = (n, e, r = "asc") => {
         key: 0,
         class: G([d.icon, "vt-dropdown-item__icon"])
       }, null, 2)) : Z("", !0),
-      Se(d.$slots, "default")
+      Ve(d.$slots, "default")
     ], 2));
   }
 });
@@ -4620,7 +4626,7 @@ const Ge = new u5(), c5 = {
   },
   emits: ["update-columns"],
   setup(n, { emit: e }) {
-    const r = n, t = e, i = B([]), c = B(/* @__PURE__ */ new Set()), d = B(-1), p = B(-1), f = B("before"), v = L(() => {
+    const r = n, t = e, i = B([]), c = B(/* @__PURE__ */ new Set()), d = B(-1), p = B(-1), f = B("before"), v = x(() => {
       const I = {};
       return r.columnsSelector.forEach((P) => {
         if (P.name === "removed")
@@ -4628,7 +4634,7 @@ const Ge = new u5(), c5 = {
         const K = P.columns.map((ue) => ue.prop), re = i.value.filter((ue) => K.includes(ue.prop));
         re.length === 0 ? I[P.name] = { checked: !1, indeterminate: !1 } : re.length === P.columns.length ? I[P.name] = { checked: !0, indeterminate: !1 } : I[P.name] = { checked: !1, indeterminate: !0 };
       }), I;
-    }), h = L(() => r.columnsSelector.filter((I) => I.name !== "removed")), g = (I) => I.pinnedLeft || I.pinnedRight, _ = (I) => !g(I), y = () => {
+    }), h = x(() => r.columnsSelector.filter((I) => I.name !== "removed")), _ = (I) => I.pinnedLeft || I.pinnedRight, g = (I) => !_(I), y = () => {
       const I = i.value;
       let P = -1;
       for (let re = 0; re < I.length; re++)
@@ -4648,7 +4654,7 @@ const Ge = new u5(), c5 = {
       return !(I < P.minIndex || I > P.maxIndex + 1);
     }, N = (I, P) => {
       const K = i.value[P];
-      if (!_(K)) {
+      if (!g(K)) {
         I.preventDefault();
         return;
       }
@@ -4659,11 +4665,11 @@ const Ge = new u5(), c5 = {
       const K = I.currentTarget.getBoundingClientRect(), re = I.clientY, ue = K.top + K.height / 2;
       let se = P, ce = "before";
       re < ue ? (se = P, ce = "before") : (se = P + 1, ce = "after"), d.value < se && se--, s(se) ? (p.value = P, f.value = ce, I.dataTransfer.dropEffect = "move") : (p.value = -1, I.dataTransfer.dropEffect = "none");
-    }, V = () => {
+    }, S = () => {
       setTimeout(() => {
         d.value === -1 && (p.value = -1);
       }, 50);
-    }, S = (I, P) => {
+    }, V = (I, P) => {
       if (I.preventDefault(), d.value === -1 || p.value === -1) {
         U();
         return;
@@ -4674,8 +4680,8 @@ const Ge = new u5(), c5 = {
         U();
         return;
       }
-      const ce = [...i.value], [Be] = ce.splice(d.value, 1);
-      ce.splice(se, 0, Be), i.value = ce, U();
+      const ce = [...i.value], [Ee] = ce.splice(d.value, 1);
+      ce.splice(se, 0, Ee), i.value = ce, U();
     }, T = () => {
       U();
     }, U = () => {
@@ -4691,7 +4697,7 @@ const Ge = new u5(), c5 = {
       if (P)
         i.value.some((K) => K.prop === I.prop) || i.value.push({ ...I });
       else {
-        if (g(I))
+        if (_(I))
           return;
         i.value = i.value.filter((K) => K.prop !== I.prop);
       }
@@ -4704,14 +4710,14 @@ const Ge = new u5(), c5 = {
         const K = [];
         I.columns.forEach((re) => {
           const ue = i.value.find((se) => se.prop === re.prop);
-          ue && !g(ue) && K.push(ue);
+          ue && !_(ue) && K.push(ue);
         }), i.value = i.value.filter(
           (re) => !K.some((ue) => ue.prop === re.prop)
         );
       }
     }, oe = (I) => i.value.some((P) => P.prop === I.prop), A = (I) => {
       const P = i.value.find((K) => K.prop === I.prop);
-      return !P || !g(P);
+      return !P || !_(P);
     }, J = (I) => {
       c.value.has(I) ? c.value.delete(I) : c.value.add(I);
     }, he = () => {
@@ -4727,26 +4733,26 @@ const Ge = new u5(), c5 = {
           (l(!0), a(ie, null, pe(i.value, (K, re) => (l(), a("div", {
             key: K.prop,
             class: G(q(re)),
-            draggable: _(K),
+            draggable: g(K),
             onDragstart: (ue) => N(ue, re),
             onDragover: (ue) => j(ue, re),
-            onDragleave: V,
-            onDrop: (ue) => S(ue, re),
+            onDragleave: S,
+            onDrop: (ue) => V(ue, re),
             onDragend: T
           }, [
             ne(fe, {
-              name: _(K) ? "columnsMove" : "freeze",
-              class: G(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": _(K) }])
+              name: g(K) ? "columnsMove" : "freeze",
+              class: G(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": g(K) }])
             }, null, 8, ["name", "class"]),
             ne(o1, {
               label: K.label,
               checked: !0,
-              disabled: g(K),
+              disabled: _(K),
               onChange: (ue) => D(K, ue),
-              onClick: P[0] || (P[0] = Ve(() => {
+              onClick: P[0] || (P[0] = Se(() => {
               }, ["stop"]))
             }, null, 8, ["label", "disabled", "onChange"]),
-            g(K) ? (l(), a("span", f5, "pinned")) : Z("", !0)
+            _(K) ? (l(), a("span", f5, "pinned")) : Z("", !0)
           ], 42, v5))), 128))
         ]),
         o("div", C5, [
@@ -4765,7 +4771,7 @@ const Ge = new u5(), c5 = {
                   checked: ((re = v.value[K.name]) == null ? void 0 : re.checked) || !1,
                   indeterminate: ((ue = v.value[K.name]) == null ? void 0 : ue.indeterminate) || !1,
                   onChange: (se) => Q(K, se),
-                  onClick: P[1] || (P[1] = Ve(() => {
+                  onClick: P[1] || (P[1] = Se(() => {
                   }, ["stop"]))
                 }, null, 8, ["label", "checked", "indeterminate", "onChange"]),
                 K.icon ? (l(), ge(fe, {
@@ -4843,19 +4849,19 @@ const Ge = new u5(), c5 = {
       columns: h
     }), f = (h) => {
       var N;
-      const g = new Set(h.map((j) => j.prop)), _ = /* @__PURE__ */ new Set();
+      const _ = new Set(h.map((j) => j.prop)), g = /* @__PURE__ */ new Set();
       (N = r.columnsSelector) == null || N.forEach((j) => {
-        j.columns.forEach((V) => _.add(V.prop));
-      }), r.allColumns.forEach((j) => _.add(j.prop));
+        j.columns.forEach((S) => g.add(S.prop));
+      }), r.allColumns.forEach((j) => g.add(j.prop));
       const y = [];
-      _.forEach((j) => {
-        var V;
-        if (!g.has(j)) {
-          let S;
-          (V = r.columnsSelector) == null || V.forEach((T) => {
+      g.forEach((j) => {
+        var S;
+        if (!_.has(j)) {
+          let V;
+          (S = r.columnsSelector) == null || S.forEach((T) => {
             const U = T.columns.find((q) => q.prop === j);
-            U && (S = U);
-          }), S || (S = r.allColumns.find((T) => T.prop === j)), S && y.push(S);
+            U && (V = U);
+          }), V || (V = r.allColumns.find((T) => T.prop === j)), V && y.push(V);
         }
       });
       const s = [...r.columnsSelector || []];
@@ -4869,15 +4875,15 @@ const Ge = new u5(), c5 = {
         props: {
           columns: r.allColumns,
           columnsSelector: h,
-          "onUpdate-columns": (g) => {
-            t("update-columns", g);
+          "onUpdate-columns": (_) => {
+            t("update-columns", _);
           }
         },
         size: "large",
         closeOnBackdropClick: !1
       });
     };
-    return (h, g) => (l(), ge(lt, {
+    return (h, _) => (l(), ge(lt, {
       trigger: "click",
       placement: "bottom-start",
       onCommand: c
@@ -4895,7 +4901,7 @@ const Ge = new u5(), c5 = {
         ne(L1, { command: "columns" }, {
           default: xe(() => [
             ne(fe, { name: "columnInsert" }),
-            g[0] || (g[0] = o("div", null, "Колонки", -1))
+            _[0] || (_[0] = o("div", null, "Колонки", -1))
           ]),
           _: 1,
           __: [0]
@@ -4909,7 +4915,7 @@ const Ge = new u5(), c5 = {
       _: 1
     }));
   }
-}), $5 = { class: "vt-table" }, M5 = { key: 0 }, x5 = { class: "vt-th__content" }, L5 = { class: "vt-th__content" }, V5 = { class: "vt-th__label" }, S5 = {
+}), $5 = { class: "vt-table" }, M5 = { key: 0 }, x5 = { class: "vt-th__content" }, L5 = { class: "vt-th__content" }, S5 = { class: "vt-th__label" }, V5 = {
   key: 0,
   class: "vt-th__sortable"
 }, D5 = ["data-resizer", "onMousedown"], H5 = {
@@ -4947,23 +4953,23 @@ const Ge = new u5(), c5 = {
   }),
   emits: /* @__PURE__ */ B1(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll"], ["update:columns"]),
   setup(n, { expose: e, emit: r }) {
-    const t = n, i = r, c = mt(n, "columns"), d = B({}), p = B(), f = H1([]), v = B(t.defaultSort || null), h = L(() => a5(t.data || [], v.value, f)), g = L(() => c.value !== void 0), _ = L(() => t.data && t.data.length > 0), y = B(!1), s = B(0);
+    const t = n, i = r, c = mt(n, "columns"), d = B({}), p = B(), f = H1([]), v = B(t.defaultSort || null), h = x(() => a5(t.data || [], v.value, f)), _ = x(() => c.value !== void 0), g = x(() => t.data && t.data.length > 0), y = B(!1), s = B(0);
     let N;
     const j = (F, X) => t.rowKey && F[t.rowKey] != null ? String(F[t.rowKey]) : String(X);
     Me(
       () => c.value,
       (F) => {
-        F && g.value && (f.length = 0, f.push(...F));
+        F && _.value && (f.length = 0, f.push(...F));
       },
       { deep: !0 }
     ), Me(
       () => t.columns,
       (F) => {
-        F && !g.value && (f.length = 0, f.push(...F));
+        F && !_.value && (f.length = 0, f.push(...F));
       },
       { deep: !0 }
     ), p1("vt-table-columns", f);
-    const { sortedColumns: V, getDefaultColumnWidth: S, getStickyOffset: T } = n5(f), { getTableWrapperStyle: U, getColumnStyle: q, getHeaderStyle: E, getFooterStyle: D } = o5(t), { onMouseDown: Q } = s5(), oe = L(() => t.allData || t.data), A = t.selectable ? r5(t, h, i, oe) : null, J = () => ({
+    const { sortedColumns: S, getDefaultColumnWidth: V, getStickyOffset: T } = n5(f), { getTableWrapperStyle: U, getColumnStyle: q, getHeaderStyle: E, getFooterStyle: D } = o5(t), { onMouseDown: Q } = s5(), oe = x(() => t.allData || t.data), A = t.selectable ? r5(t, h, i, oe) : null, J = () => ({
       width: `${$1}px`,
       minWidth: `${$1}px`,
       maxWidth: `${$1}px`,
@@ -5018,11 +5024,11 @@ const Ge = new u5(), c5 = {
       };
       se(F.prop, ae), i("column-pin", { column: { ...F, ...ae }, position: X });
     }, ue = (F) => {
-      f.splice(0, f.length, ...F), g.value && (c.value = [...F]), i("columns-change", [...F]);
+      f.splice(0, f.length, ...F), _.value && (c.value = [...F]), i("columns-change", [...F]);
     }, se = (F, X) => {
       const ae = f.findIndex((_e) => _e.prop === F);
       if (ae !== -1) {
-        if (Object.assign(f[ae], X), g.value && c.value) {
+        if (Object.assign(f[ae], X), _.value && c.value) {
           const _e = c.value.findIndex((me) => me.prop === F);
           if (_e !== -1) {
             const me = [...c.value];
@@ -5033,27 +5039,27 @@ const Ge = new u5(), c5 = {
       }
     }, ce = (F, X, ae) => {
       i("row-click", { row: F, column: X, event: ae }), t.highlightCurrentRow && A && A.setCurrentRow(F);
-    }, Be = (F, X, ae) => {
+    }, Ee = (F, X, ae) => {
       ae.stopPropagation(), A && A.toggleRowSelection(X, F);
     }, Oe = (F, X) => {
       X.stopPropagation(), A && A.toggleAllSelection();
     }, Ye = (F, X) => {
       F && (d.value[X] = F);
     }, De = (F, X) => {
-      const ae = X.width || S();
-      Q(F, X, S, (_e) => {
+      const ae = X.width || V();
+      Q(F, X, V, (_e) => {
         se(X.prop, { width: _e }), i("column-resize", {
           column: { ...X, width: _e },
           width: _e,
           oldWidth: ae
         });
       });
-    }, be = (F, X) => q(F, X, T, S), Fe = (F, X) => E(F, X, T, S), Ne = (F, X) => D(F, X, T, S), We = (F, X) => {
+    }, be = (F, X) => q(F, X, T, V), Fe = (F, X) => E(F, X, T, V), Ne = (F, X) => D(F, X, T, V), We = (F, X) => {
       if (!X || !X.prop) return "";
       const ae = F[X.prop];
       return ae == null ? "" : String(ae);
-    }, k = L(() => {
-      if (!t.showSummary || !_.value) return {};
+    }, k = x(() => {
+      if (!t.showSummary || !g.value) return {};
       const F = f;
       if (typeof t.summaryMethod == "function") {
         const X = t.summaryMethod({ columns: F, data: h.value });
@@ -5069,7 +5075,7 @@ const Ge = new u5(), c5 = {
         },
         {}
       );
-    }), Y = L(() => t.showSummary && _.value), W = (F, X) => {
+    }), Y = x(() => t.showSummary && g.value), W = (F, X) => {
       A && A.toggleRowSelection(F, X);
     }, ye = () => {
       A && A.toggleAllSelection();
@@ -5104,11 +5110,11 @@ const Ge = new u5(), c5 = {
       return l(), a("div", {
         ref_key: "tableWrapperRef",
         ref: p,
-        style: Ee(O(U)()),
+        style: Be(O(U)()),
         class: "vt-table-wrapper",
         onScroll: I
       }, [
-        Se(F.$slots, "default"),
+        Ve(F.$slots, "default"),
         o("table", $5, [
           t.hideHeader ? Z("", !0) : (l(), a("thead", M5, [
             o("tr", null, [
@@ -5118,7 +5124,7 @@ const Ge = new u5(), c5 = {
                   "vt-table__th--sticky": t.maxHeight,
                   "vt-table__th--pinned-left": !0
                 }, "vt-table__th vt-table__th--selection"]),
-                style: Ee(he())
+                style: Be(he())
               }, [
                 o("div", x5, [
                   ne(o1, {
@@ -5129,7 +5135,7 @@ const Ge = new u5(), c5 = {
                   }, null, 8, ["checked", "indeterminate", "is-double"])
                 ])
               ], 6)) : Z("", !0),
-              (l(!0), a(ie, null, pe(O(V), (w, u) => (l(), a("th", {
+              (l(!0), a(ie, null, pe(O(S), (w, u) => (l(), a("th", {
                 key: w.prop,
                 ref_for: !0,
                 ref: (C) => Ye(C, w.prop),
@@ -5142,29 +5148,29 @@ const Ge = new u5(), c5 = {
                     "vt-table__th--sortable": w.sortable
                   }
                 ]),
-                style: Ee(Fe(w, u))
+                style: Be(Fe(w, u))
               }, [
                 o("div", L5, [
-                  i1((l(), a("div", V5, [
+                  i1((l(), a("div", S5, [
                     $e(R(w.label), 1)
                   ])), [
                     [ae, w.label]
                   ]),
-                  w.sortable ? (l(), a("div", S5, [
+                  w.sortable ? (l(), a("div", V5, [
                     ne(fe, {
                       class: G(O(R1)(w, v.value).asc),
                       name: "arrowTop",
-                      onClick: Ve((C) => K(w, "asc"), ["stop"])
+                      onClick: Se((C) => K(w, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
                     ne(fe, {
                       class: G(O(R1)(w, v.value).desc),
                       name: "arrowDown",
-                      onClick: Ve((C) => K(w, "desc"), ["stop"])
+                      onClick: Se((C) => K(w, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
                   ])) : Z("", !0),
                   w.actionColumn ? (l(), ge(y5, {
                     key: 1,
-                    "all-columns": O(V),
+                    "all-columns": O(S),
                     column: w,
                     columnsSelector: t.columnsSelector,
                     onPin: re,
@@ -5180,7 +5186,7 @@ const Ge = new u5(), c5 = {
             ])
           ])),
           o("tbody", null, [
-            _.value ? (l(!0), a(ie, { key: 1 }, pe(h.value, (w, u) => {
+            g.value ? (l(!0), a(ie, { key: 1 }, pe(h.value, (w, u) => {
               var C, ee, z;
               return l(), a("tr", {
                 key: j(w, u),
@@ -5193,23 +5199,23 @@ const Ge = new u5(), c5 = {
                   },
                   ...e1(w, u)
                 ]),
-                onClick: (le) => ce(w, O(V)[0], le)
+                onClick: (le) => ce(w, O(S)[0], le)
               }, [
                 t.selectable ? (l(), a("td", {
                   key: 0,
                   class: G([{
                     "vt-table__td--pinned-left": !0
                   }, "vt-table__td vt-table__td--selection"]),
-                  style: Ee(J())
+                  style: Be(J())
                 }, [
                   o("div", E5, [
                     ne(o1, {
                       checked: (z = O(A)) == null ? void 0 : z.isRowSelected(w),
-                      onChange: (le, ke) => Be(le, w, ke)
+                      onChange: (le, ke) => Ee(le, w, ke)
                     }, null, 8, ["checked", "onChange"])
                   ])
                 ], 4)) : Z("", !0),
-                (l(!0), a(ie, null, pe(O(V), (le, ke) => (l(), a("td", {
+                (l(!0), a(ie, null, pe(O(S), (le, ke) => (l(), a("td", {
                   key: `${j(w, u)}-${le.prop}`,
                   ref_for: !0,
                   ref: (Le) => Ye(Le, le.prop),
@@ -5220,7 +5226,7 @@ const Ge = new u5(), c5 = {
                       "vt-table__td--pinned-right": le.pinnedRight
                     }
                   ]),
-                  style: Ee(be(le, ke))
+                  style: Be(be(le, ke))
                 }, [
                   i1((l(), a("div", A5, [
                     le.renderSlot ? (l(), ge(w1(le.renderSlot), {
@@ -5242,7 +5248,7 @@ const Ge = new u5(), c5 = {
               ], 10, B5);
             }), 128)) : (l(), a("tr", H5, [
               o("td", {
-                colspan: O(V).length + (t.selectable ? 1 : 0),
+                colspan: O(S).length + (t.selectable ? 1 : 0),
                 class: "vt-table__empty-cell"
               }, [
                 o("div", I5, [
@@ -5262,11 +5268,11 @@ const Ge = new u5(), c5 = {
                 class: G([{
                   "vt-table__td--pinned-left": !0
                 }, "vt-table__td"]),
-                style: Ee(Ce())
+                style: Be(Ce())
               }, X[1] || (X[1] = [
                 o("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
               ]), 4)) : Z("", !0),
-              (l(!0), a(ie, null, pe(O(V), (w, u) => (l(), a("td", {
+              (l(!0), a(ie, null, pe(O(S), (w, u) => (l(), a("td", {
                 key: w.prop,
                 class: G([
                   "vt-table__td",
@@ -5275,7 +5281,7 @@ const Ge = new u5(), c5 = {
                     "vt-table__td--pinned-right": w.pinnedRight
                   }
                 ]),
-                style: Ee(Ne(w, u))
+                style: Be(Ne(w, u))
               }, [
                 o("div", F5, R(k.value[w.prop]), 1)
               ], 6))), 128))
@@ -5458,11 +5464,11 @@ const Ge = new u5(), c5 = {
 }, q5 = () => {
   const n = (i, c) => {
     if (!i || !(i instanceof Date) || isNaN(i.getTime())) return "";
-    const d = i.getFullYear(), p = i.getMonth(), f = i.getDate(), v = i.getHours(), h = v > 12 ? v - 12 : v === 0 ? 12 : v, g = i.getMinutes(), _ = i.getSeconds(), y = i.getTime();
+    const d = i.getFullYear(), p = i.getMonth(), f = i.getDate(), v = i.getHours(), h = v > 12 ? v - 12 : v === 0 ? 12 : v, _ = i.getMinutes(), g = i.getSeconds(), y = i.getTime();
     let s = c;
     s = s.replace(/yyyy/g, String(d)), s = s.replace(/yy/g, String(d).slice(-2)), s = s.replace(/MMMM/g, O5[p]), s = s.replace(/MMM/g, it[p]), s = s.replace(/MM/g, String(p + 1).padStart(2, "0")), s = s.replace(/M/g, String(p + 1));
     const N = r(i);
-    return s = s.replace(/WW/g, String(N).padStart(2, "0")), s = s.replace(/W/g, String(N)), s = s.replace(/dd/g, String(f).padStart(2, "0")), s = s.replace(/d/g, String(f)), s = s.replace(/HH/g, String(v).padStart(2, "0")), s = s.replace(/H/g, String(v)), s = s.replace(/hh/g, String(h).padStart(2, "0")), s = s.replace(/h/g, String(h)), s = s.replace(/mm/g, String(g).padStart(2, "0")), s = s.replace(/m/g, String(g)), s = s.replace(/ss/g, String(_).padStart(2, "0")), s = s.replace(/s/g, String(_)), s = s.replace(/A/g, v >= 12 ? "PM" : "AM"), s = s.replace(/a/g, v >= 12 ? "pm" : "am"), s = s.replace(/timestamp/g, String(y)), s = s.replace(/\[([^\]]+)\]/g, "$1"), s;
+    return s = s.replace(/WW/g, String(N).padStart(2, "0")), s = s.replace(/W/g, String(N)), s = s.replace(/dd/g, String(f).padStart(2, "0")), s = s.replace(/d/g, String(f)), s = s.replace(/HH/g, String(v).padStart(2, "0")), s = s.replace(/H/g, String(v)), s = s.replace(/hh/g, String(h).padStart(2, "0")), s = s.replace(/h/g, String(h)), s = s.replace(/mm/g, String(_).padStart(2, "0")), s = s.replace(/m/g, String(_)), s = s.replace(/ss/g, String(g).padStart(2, "0")), s = s.replace(/s/g, String(g)), s = s.replace(/A/g, v >= 12 ? "PM" : "AM"), s = s.replace(/a/g, v >= 12 ? "pm" : "am"), s = s.replace(/timestamp/g, String(y)), s = s.replace(/\[([^\]]+)\]/g, "$1"), s;
   }, e = (i) => {
     if (!i) return null;
     if (i instanceof Date)
@@ -5480,37 +5486,37 @@ const Ge = new u5(), c5 = {
     getDefaultFormat: (i) => Y5[i] || "yyyy-MM-dd"
   };
 }, U5 = (n, e, r, t, i) => {
-  const { formatDate: c, parseDate: d, getDefaultFormat: p } = q5(), f = L(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(e.value)), v = L(() => r.value || p(e.value)), h = L(() => t.value || p(e.value)), g = L(() => n.value ? f.value ? Array.isArray(n.value) && n.value.length === 2 ? [d(n.value[0]), d(n.value[1])] : [null, null] : d(n.value) : f.value ? [null, null] : null), _ = L(() => {
+  const { formatDate: c, parseDate: d, getDefaultFormat: p } = q5(), f = x(() => ["datetimerange", "daterange", "monthrange", "yearrange"].includes(e.value)), v = x(() => r.value || p(e.value)), h = x(() => t.value || p(e.value)), _ = x(() => n.value ? f.value ? Array.isArray(n.value) && n.value.length === 2 ? [d(n.value[0]), d(n.value[1])] : [null, null] : d(n.value) : f.value ? [null, null] : null), g = x(() => {
     if (f.value) {
-      const [j, V] = g.value;
-      if (j && V) {
-        const S = c(j, v.value), T = c(V, v.value);
-        return [S, T];
+      const [j, S] = _.value;
+      if (j && S) {
+        const V = c(j, v.value), T = c(S, v.value);
+        return [V, T];
       } else if (j)
         return [c(j, v.value), ""];
       return ["", ""];
     } else {
-      const j = g.value;
+      const j = _.value;
       return j ? c(j, v.value) : "";
     }
-  }), y = L(() => {
+  }), y = x(() => {
     if (f.value) {
-      const [j, V] = _.value;
-      return j || V;
+      const [j, S] = g.value;
+      return j || S;
     } else
-      return !!_.value;
+      return !!g.value;
   });
   return {
     isRange: f,
     displayFormat: v,
     outputFormat: h,
-    parsedValue: g,
-    displayText: _,
+    parsedValue: _,
+    displayText: g,
     hasDisplayValue: y,
     formatOutput: (j) => {
       if (Array.isArray(j)) {
-        const V = j[0], S = j[1] || j[0] || /* @__PURE__ */ new Date();
-        return t.value === "timestamp" ? [V.getTime(), S.getTime()] : t.value ? [c(V, h.value), c(S, h.value)] : [V, S];
+        const S = j[0], V = j[1] || j[0] || /* @__PURE__ */ new Date();
+        return t.value === "timestamp" ? [S.getTime(), V.getTime()] : t.value ? [c(S, h.value), c(V, h.value)] : [S, V];
       } else
         return t.value === "timestamp" ? j.getTime() : t.value ? c(j, h.value) : j;
     },
@@ -5519,18 +5525,18 @@ const Ge = new u5(), c5 = {
     parseDate: d
   };
 }, Z1 = (n) => {
-  const e = L(() => {
+  const e = x(() => {
     const y = n.value.getFullYear(), s = n.value.getMonth(), N = new Date(y, s, 1), j = new Date(N);
     j.setDate(j.getDate() - N.getDay());
-    const V = [], S = new Date(j);
+    const S = [], V = new Date(j);
     for (let T = 0; T < 42; T++)
-      V.push(new Date(S)), S.setDate(S.getDate() + 1);
-    return V;
-  }), r = L(() => it.map((y, s) => ({
+      S.push(new Date(V)), V.setDate(V.getDate() + 1);
+    return S;
+  }), r = x(() => it.map((y, s) => ({
     name: y,
     index: s,
     value: new Date(n.value.getFullYear(), s, 1)
-  }))), t = L(() => {
+  }))), t = x(() => {
     const y = n.value.getFullYear(), s = Math.floor(y / 10) * 10, N = [];
     for (let j = s; j < s + 10; j++)
       N.push({
@@ -5538,7 +5544,7 @@ const Ge = new u5(), c5 = {
         value: new Date(j, 0, 1)
       });
     return N;
-  }), i = L(() => {
+  }), i = x(() => {
     const y = n.value.getFullYear(), s = Math.floor(y / 10) * 10;
     return `${s} - ${s + 9}`;
   });
@@ -5573,7 +5579,7 @@ const Ge = new u5(), c5 = {
   "24h_no_seconds": "HH:mm",
   "12h": "hh:mm:ss A",
   "12h_no_seconds": "hh:mm A"
-}, V1 = (n) => n ? [
+}, S1 = (n) => n ? [
   /^([01]?\d|2[0-3]):([0-5]\d):([0-5]\d)$/,
   // HH:mm:ss (24h)
   /^([01]?\d|2[0-3]):([0-5]\d)$/,
@@ -5587,12 +5593,12 @@ const Ge = new u5(), c5 = {
   if (r && (n ? i && Array.isArray(n) && (n.length !== 2 || !n[0] || !n[1]) && t.push("Необхідно вибрати початковий та кінцевий час") : t.push("Це поле є обов'язковим")), n)
     if (i && !Array.isArray(n) ? t.push("Для діапазону очікується масив з двох значень часу") : !i && Array.isArray(n) && t.push("Для одиночного вибору очікується одне значення часу"), Array.isArray(n)) {
       if (n.forEach((c, d) => {
-        c && (typeof c == "string" && !V1(c) ? t.push(`Некоректний формат часу ${d + 1}`) : c instanceof Date && isNaN(c.getTime()) && t.push(`Некоректне значення часу ${d + 1}`));
+        c && (typeof c == "string" && !S1(c) ? t.push(`Некоректний формат часу ${d + 1}`) : c instanceof Date && isNaN(c.getTime()) && t.push(`Некоректне значення часу ${d + 1}`));
       }), n.length === 2 && n[0] && n[1]) {
         const c = z1(n[0]), d = z1(n[1]);
         c !== null && d !== null && c >= d && t.push("Початковий час повинен бути раніше кінцевого");
       }
-    } else n && (typeof n == "string" && !V1(n) ? t.push("Некоректний формат часу") : n instanceof Date && isNaN(n.getTime()) && t.push("Некоректне значення часу"));
+    } else n && (typeof n == "string" && !S1(n) ? t.push("Некоректний формат часу") : n instanceof Date && isNaN(n.getTime()) && t.push("Некоректне значення часу"));
   return {
     isValid: t.length === 0,
     errors: t
@@ -5677,7 +5683,7 @@ const Ge = new u5(), c5 = {
 }, m6 = { class: "vt-timepicker__options" }, _6 = ["onClick"], g6 = { class: "vt-timepicker__panel" }, w6 = { class: "vt-timepicker__time-columns" }, k6 = { class: "vt-timepicker__column" }, b6 = { class: "vt-timepicker__options" }, y6 = ["disabled", "onClick"], $6 = { class: "vt-timepicker__column" }, M6 = { class: "vt-timepicker__options" }, x6 = ["disabled", "onClick"], L6 = {
   key: 0,
   class: "vt-timepicker__column"
-}, V6 = { class: "vt-timepicker__options" }, S6 = ["disabled", "onClick"], D6 = {
+}, S6 = { class: "vt-timepicker__options" }, V6 = ["disabled", "onClick"], D6 = {
   key: 1,
   class: "vt-timepicker__column"
 }, H6 = { class: "vt-timepicker__options" }, T6 = ["onClick"], I6 = {
@@ -5726,29 +5732,29 @@ const Ge = new u5(), c5 = {
       startTime: B(null),
       endTime: B(null),
       isSelectingEnd: B(!1)
-    }, v = B(/* @__PURE__ */ new Map()), h = L(() => t.type === "timerange"), g = (M) => {
+    }, v = B(/* @__PURE__ */ new Map()), h = x(() => t.type === "timerange"), _ = (M) => {
       if (!M) return "";
       const { hour: w, minute: u, second: C } = M, ee = t.format || (t.showSeconds ? t.use12Hours ? C1["12h"] : C1["24h"] : t.use12Hours ? C1["12h_no_seconds"] : C1["24h_no_seconds"]);
       return X5(w, u, C, ee, t.use12Hours);
-    }, _ = (M) => M ? M instanceof Date ? {
+    }, g = (M) => M ? M instanceof Date ? {
       hour: M.getHours(),
       minute: M.getMinutes(),
       second: M.getSeconds()
-    } : typeof M == "string" && V1(M) ? Q5(M) : null : null, y = (M, w = !1) => K5(M, t.type, w), s = L(() => t.modelValue ? h.value ? Array.isArray(t.modelValue) && t.modelValue.length === 2 ? [_(t.modelValue[0]), _(t.modelValue[1])] : [null, null] : _(t.modelValue) : h.value ? [null, null] : null), N = L(() => {
+    } : typeof M == "string" && S1(M) ? Q5(M) : null : null, y = (M, w = !1) => K5(M, t.type, w), s = x(() => t.modelValue ? h.value ? Array.isArray(t.modelValue) && t.modelValue.length === 2 ? [g(t.modelValue[0]), g(t.modelValue[1])] : [null, null] : g(t.modelValue) : h.value ? [null, null] : null), N = x(() => {
       if (h.value) {
         const [M, w] = s.value;
-        return M && w ? [g(M), g(w)] : M ? [g(M), ""] : ["", ""];
+        return M && w ? [_(M), _(w)] : M ? [_(M), ""] : ["", ""];
       } else {
         const M = s.value;
-        return M ? g(M) : "";
+        return M ? _(M) : "";
       }
-    }), j = L(() => {
+    }), j = x(() => {
       if (h.value) {
         const [M, w] = N.value;
         return M || w;
       } else
         return !!N.value;
-    }), V = L(() => t.clearable && !t.disabled && j.value), S = L(() => h.value ? f.isSelectingEnd.value ? t.endPlaceholder : t.startPlaceholder : t.placeholder), T = L(() => [
+    }), S = x(() => t.clearable && !t.disabled && j.value), V = x(() => h.value ? f.isSelectingEnd.value ? t.endPlaceholder : t.startPlaceholder : t.placeholder), T = x(() => [
       "vt-timepicker",
       `vt-timepicker--${t.size}`,
       `vt-timepicker--${t.type}`,
@@ -5759,21 +5765,21 @@ const Ge = new u5(), c5 = {
         "vt-timepicker--open": re.value,
         "vt-timepicker--error": !!t.errorMessage
       }
-    ]), U = L(() => t.errorMessage ? t.errorMessage : ""), q = B(0), E = B(0), D = B(0), Q = B("AM"), oe = B(0), A = B(0), J = B(0), he = B("AM"), Ce = L(() => {
+    ]), U = x(() => t.errorMessage ? t.errorMessage : ""), q = B(0), E = B(0), D = B(0), Q = B("AM"), oe = B(0), A = B(0), J = B(0), he = B("AM"), Ce = x(() => {
       const M = t.use12Hours ? 12 : 23, w = t.use12Hours ? 1 : 0, u = t.disabledHours ? t.disabledHours() : [], C = x1(w, M, t.hourStep, u);
       return t.hideDisabledOptions ? C.filter((ee) => !ee.disabled) : C;
-    }), I = L(() => {
+    }), I = x(() => {
       const M = t.use12Hours ? Q.value === "PM" && q.value !== 12 ? q.value + 12 : Q.value === "AM" && q.value === 12 ? 0 : q.value : q.value, w = t.disabledMinutes ? t.disabledMinutes(M) : [], u = x1(0, 59, t.minuteStep, w);
       return t.hideDisabledOptions ? u.filter((C) => !C.disabled) : u;
-    }), P = L(() => {
+    }), P = x(() => {
       const M = t.use12Hours ? Q.value === "PM" && q.value !== 12 ? q.value + 12 : Q.value === "AM" && q.value === 12 ? 0 : q.value : q.value, w = t.disabledSeconds ? t.disabledSeconds(M, E.value) : [], u = x1(0, 59, t.secondStep, w);
       return t.hideDisabledOptions ? u.filter((C) => !C.disabled) : u;
-    }), K = L(() => ["AM", "PM"]), {
+    }), K = x(() => ["AM", "PM"]), {
       visible: re,
       parentVisible: ue,
       dropdownPosition: se,
       show: ce,
-      hide: Be,
+      hide: Ee,
       toggle: Oe,
       updatePosition: Ye
     } = k1(d, p, {
@@ -5792,7 +5798,7 @@ const Ge = new u5(), c5 = {
           }, 150);
         }) : Ne();
       }
-    }), De = L(() => ({
+    }), De = x(() => ({
       ...se.value,
       position: "absolute",
       zIndex: 2e3
@@ -5896,7 +5902,7 @@ const Ge = new u5(), c5 = {
       var u, C;
       if (!re.value) return;
       const w = M.target;
-      (u = c.value) != null && u.contains(w) || (C = p.value) != null && C.contains(w) || Be();
+      (u = c.value) != null && u.contains(w) || (C = p.value) != null && C.contains(w) || Ee();
     }, W = () => {
       t.disabled || Oe();
     }, ye = () => {
@@ -5906,7 +5912,7 @@ const Ge = new u5(), c5 = {
     }, Ae = () => {
       const M = (h.value, null);
       i("update:modelValue", M), i("change", M), h.value && (f.startTime.value = null, f.endTime.value = null, f.isSelectingEnd.value = !1), q.value = ve.hour, E.value = ve.minute, D.value = ve.second, Q.value = ve.period, oe.value = ve.hour, A.value = ve.minute, J.value = ve.second, he.value = ve.period;
-    }, Ze = (M) => g(M), Qe = () => {
+    }, Ze = (M) => _(M), Qe = () => {
       if (!t.disabled) {
         if (h.value) {
           let M = q.value, w = oe.value;
@@ -5927,10 +5933,10 @@ const Ge = new u5(), c5 = {
           }
           i("update:modelValue", u), i("change", u);
         }
-        Be();
+        Ee();
       }
     }, e1 = () => {
-      Be();
+      Ee();
     }, F = (M) => {
       if (re.value)
         switch (M.key) {
@@ -5955,7 +5961,7 @@ const Ge = new u5(), c5 = {
         t.disabled || ce();
       },
       close: () => {
-        Be();
+        Ee();
       },
       validate: y
     }), Me(
@@ -5963,7 +5969,7 @@ const Ge = new u5(), c5 = {
       (M) => {
         if (M) {
           if (h.value && Array.isArray(M)) {
-            const w = _(M[0]), u = _(M[1]);
+            const w = g(M[0]), u = g(M[1]);
             if (w) {
               let C = w.hour;
               t.use12Hours && (Q.value = C >= 12 ? "PM" : "AM", C = C === 0 ? 12 : C > 12 ? C - 12 : C), q.value = C, E.value = w.minute, D.value = w.second;
@@ -5973,7 +5979,7 @@ const Ge = new u5(), c5 = {
               t.use12Hours && (he.value = C >= 12 ? "PM" : "AM", C = C === 0 ? 12 : C > 12 ? C - 12 : C), oe.value = C, A.value = u.minute, J.value = u.second;
             }
           } else if (!h.value) {
-            const w = _(M);
+            const w = g(M);
             if (w) {
               let u = w.hour;
               t.use12Hours && (Q.value = u >= 12 ? "PM" : "AM", u = u === 0 ? 12 : u > 12 ? u - 12 : u), q.value = u, E.value = w.minute, D.value = w.second;
@@ -6038,16 +6044,16 @@ const Ge = new u5(), c5 = {
               o("span", null, R(t.rangeSeparator), 1),
               o("span", null, R(t.endPlaceholder), 1)
             ], 64)) : (l(), a(ie, { key: 1 }, [
-              $e(R(S.value), 1)
+              $e(R(V.value), 1)
             ], 64))
           ])),
           o("div", n6, [
-            V.value ? (l(), a("button", {
+            S.value ? (l(), a("button", {
               key: 0,
               disabled: t.disabled,
               class: "vt-input__clear-btn",
               type: "button",
-              onClick: Ve(Ae, ["stop"])
+              onClick: Se(Ae, ["stop"])
             }, [
               ne(fe, { name: "close" })
             ], 8, o6)) : Z("", !0)
@@ -6063,11 +6069,11 @@ const Ge = new u5(), c5 = {
             o("div", {
               ref_key: "dropdownRef",
               ref: p,
-              style: Ee(De.value),
+              style: Be(De.value),
               class: "vt-timepicker__dropdown",
-              onClick: w[0] || (w[0] = Ve(() => {
+              onClick: w[0] || (w[0] = Se(() => {
               }, ["stop"])),
-              onMousedown: w[1] || (w[1] = Ve(() => {
+              onMousedown: w[1] || (w[1] = Se(() => {
               }, ["prevent"]))
             }, [
               h.value ? (l(), a("div", s6, [
@@ -6172,7 +6178,7 @@ const Ge = new u5(), c5 = {
                       ])
                     ]),
                     M.showSeconds ? (l(), a("div", L6, [
-                      o("div", V6, [
+                      o("div", S6, [
                         (l(!0), a(ie, null, pe(P.value, (u) => (l(), a("button", {
                           key: `end-second-${u.value}`,
                           class: G([
@@ -6184,7 +6190,7 @@ const Ge = new u5(), c5 = {
                           ]),
                           disabled: u.disabled,
                           onClick: (C) => k(u.value, "second", !0, u.disabled, C)
-                        }, R(u.label), 11, S6))), 128))
+                        }, R(u.label), 11, V6))), 128))
                       ])
                     ])) : Z("", !0),
                     M.use12Hours ? (l(), a("div", D6, [
@@ -6309,7 +6315,7 @@ const Ge = new u5(), c5 = {
 }, M0 = { class: "vt-datepicker__header" }, x0 = { class: "vt-datepicker__header-content" }, L0 = {
   key: 2,
   class: "vt-datepicker__header-text"
-}, V0 = { class: "vt-datepicker__content" }, S0 = {
+}, S0 = { class: "vt-datepicker__content" }, V0 = {
   key: 0,
   class: "vt-datepicker__calendar"
 }, D0 = { class: "vt-datepicker__weekdays" }, H0 = { class: "vt-datepicker__dates" }, T0 = ["onClick", "onMouseenter"], I0 = {
@@ -6361,21 +6367,21 @@ const Ge = new u5(), c5 = {
   },
   emits: ["update:modelValue", "change", "blur", "focus", "calendar-change", "panel-change", "open-change"],
   setup(n, { expose: e, emit: r }) {
-    const t = n, i = r, c = B(), d = B(), p = B(), f = B(), v = B(), h = (m, x, b) => {
+    const t = n, i = r, c = B(), d = B(), p = B(), f = B(), v = B(), h = (m, L, b) => {
       if (t.use12Hours) {
         const H = m >= 12 ? "PM" : "AM", te = m % 12 || 12;
-        return t.showSeconds ? `${String(te).padStart(2, "0")}:${String(x).padStart(2, "0")}:${String(b).padStart(2, "0")} ${H}` : `${String(te).padStart(2, "0")}:${String(x).padStart(2, "0")} ${H}`;
+        return t.showSeconds ? `${String(te).padStart(2, "0")}:${String(L).padStart(2, "0")}:${String(b).padStart(2, "0")} ${H}` : `${String(te).padStart(2, "0")}:${String(L).padStart(2, "0")} ${H}`;
       } else
-        return t.showSeconds ? `${String(m).padStart(2, "0")}:${String(x).padStart(2, "0")}:${String(b).padStart(2, "0")}` : `${String(m).padStart(2, "0")}:${String(x).padStart(2, "0")}`;
-    }, g = (m) => m instanceof Date ? m : typeof m == "number" ? new Date(m) : null, _ = () => {
+        return t.showSeconds ? `${String(m).padStart(2, "0")}:${String(L).padStart(2, "0")}:${String(b).padStart(2, "0")}` : `${String(m).padStart(2, "0")}:${String(L).padStart(2, "0")}`;
+    }, _ = (m) => m instanceof Date ? m : typeof m == "number" ? new Date(m) : null, g = () => {
       if (t.modelValue) {
         if (t.type === "datetimerange" && Array.isArray(t.modelValue)) {
-          const m = g(t.modelValue[0]);
+          const m = _(t.modelValue[0]);
           if (m)
             return h(m.getHours(), m.getMinutes(), m.getSeconds());
         }
         if (t.type === "datetime") {
-          const m = g(t.modelValue);
+          const m = _(t.modelValue);
           if (m)
             return h(m.getHours(), m.getMinutes(), m.getSeconds());
         }
@@ -6390,12 +6396,12 @@ const Ge = new u5(), c5 = {
     }, y = () => {
       if (t.modelValue) {
         if (t.type === "datetimerange" && Array.isArray(t.modelValue)) {
-          const m = g(t.modelValue[1]);
+          const m = _(t.modelValue[1]);
           if (m)
             return h(m.getHours(), m.getMinutes(), m.getSeconds());
         }
         if (t.type === "datetime") {
-          const m = g(t.modelValue);
+          const m = _(t.modelValue);
           if (m)
             return h(m.getHours(), m.getMinutes(), m.getSeconds());
         }
@@ -6417,9 +6423,9 @@ const Ge = new u5(), c5 = {
       isSelectingEnd: B(!1),
       hoverDate: B(null),
       // Time state for datetime types
-      startTime: B(_()),
+      startTime: B(g()),
       endTime: B(y())
-    }, N = c1(t, "modelValue"), j = c1(t, "type"), V = c1(t, "format"), S = c1(t, "valueFormat");
+    }, N = c1(t, "modelValue"), j = c1(t, "type"), S = c1(t, "format"), V = c1(t, "valueFormat");
     c1(t, "rangeSeparator");
     const {
       isRange: T,
@@ -6428,7 +6434,7 @@ const Ge = new u5(), c5 = {
       hasDisplayValue: E,
       formatOutput: D,
       validate: Q
-    } = U5(N, j, V, S), {
+    } = U5(N, j, S, V), {
       calendarDates: oe,
       monthsInYear: A,
       yearsInDecade: J,
@@ -6442,7 +6448,7 @@ const Ge = new u5(), c5 = {
     } = Z1(s.currentDate), {
       calendarDates: se,
       isDateInCurrentMonth: ce,
-      navigateYear: Be,
+      navigateYear: Ee,
       navigateDecade: Oe
     } = Z1(s.rightCurrentDate), Ye = (m) => {
       switch (m) {
@@ -6455,31 +6461,31 @@ const Ge = new u5(), c5 = {
         default:
           return "date";
       }
-    }, De = L(() => t.type === "datetime" || t.type === "datetimerange"), be = L(() => De.value), Fe = L(() => () => {
+    }, De = x(() => t.type === "datetime" || t.type === "datetimerange"), be = x(() => De.value), Fe = x(() => () => {
       const m = /* @__PURE__ */ new Date();
-      let x = [];
-      if (t.disabledHours && (x = [...t.disabledHours()]), t.previousDateDisabled) {
+      let L = [];
+      if (t.disabledHours && (L = [...t.disabledHours()]), t.previousDateDisabled) {
         const b = m.getHours();
         for (let H = 0; H < b; H++)
-          x.includes(H) || x.push(H);
+          L.includes(H) || L.push(H);
       }
-      return x;
-    }), Ne = L(() => (m) => {
-      const x = /* @__PURE__ */ new Date();
+      return L;
+    }), Ne = x(() => (m) => {
+      const L = /* @__PURE__ */ new Date();
       let b = [];
       if (t.disabledMinutes && (b = [...t.disabledMinutes(m)]), t.previousDateDisabled) {
-        const H = x.getHours(), te = x.getMinutes();
+        const H = L.getHours(), te = L.getMinutes();
         if (m === H)
           for (let de = 0; de < te; de++)
             b.includes(de) || b.push(de);
       }
       return b;
-    }), We = L(() => (m, x) => {
+    }), We = x(() => (m, L) => {
       const b = /* @__PURE__ */ new Date();
       let H = [];
-      if (t.disabledSeconds && (H = [...t.disabledSeconds(m, x)]), t.previousDateDisabled) {
+      if (t.disabledSeconds && (H = [...t.disabledSeconds(m, L)]), t.previousDateDisabled) {
         const te = b.getHours(), de = b.getMinutes(), Ie = b.getSeconds();
-        if (m === te && x === de)
+        if (m === te && L === de)
           for (let Ke = 0; Ke < Ie; Ke++)
             H.includes(Ke) || H.push(Ke);
       }
@@ -6502,7 +6508,7 @@ const Ge = new u5(), c5 = {
       onVisibleChange: (m) => {
         m && Te(() => Ze());
       }
-    }), Qe = L(() => t.clearable && !t.disabled && E.value), e1 = L(() => T.value ? s.isSelectingEnd.value ? t.endPlaceholder : t.startPlaceholder : t.placeholder), F = L(() => [
+    }), Qe = x(() => t.clearable && !t.disabled && E.value), e1 = x(() => T.value ? s.isSelectingEnd.value ? t.endPlaceholder : t.startPlaceholder : t.placeholder), F = x(() => [
       "vt-datepicker",
       `vt-datepicker--${t.size}`,
       `vt-datepicker--${t.type}`,
@@ -6514,12 +6520,12 @@ const Ge = new u5(), c5 = {
         "vt-datepicker--with-time": be.value,
         "vt-datepicker--error": !!t.errorMessage
       }
-    ]), X = L(() => t.errorMessage ? t.errorMessage : ""), ae = L(() => ({
+    ]), X = x(() => t.errorMessage ? t.errorMessage : ""), ae = x(() => ({
       ...W.value,
       position: "absolute",
       zIndex: 2e3
-    })), _e = L(() => (t.type === "daterange" || t.type === "datetimerange") && s.viewMode.value === "date"), me = (m, x = !1, b = !1) => {
-      if ((t.type === "daterange" || t.type === "datetimerange") && (x && !Ce(m) || b && !ce(m)))
+    })), _e = x(() => (t.type === "daterange" || t.type === "datetimerange") && s.viewMode.value === "date"), me = (m, L = !1, b = !1) => {
+      if ((t.type === "daterange" || t.type === "datetimerange") && (L && !Ce(m) || b && !ce(m)))
         return !1;
       if (t.previousDateDisabled) {
         const H = /* @__PURE__ */ new Date();
@@ -6538,8 +6544,8 @@ const Ge = new u5(), c5 = {
           return !1;
       }
       return !0;
-    }, ve = (m, x = !1, b = !1) => {
-      if ((t.type === "daterange" || t.type === "datetimerange") && (x && !Ce(m) || b && !ce(m)))
+    }, ve = (m, L = !1, b = !1) => {
+      if ((t.type === "daterange" || t.type === "datetimerange") && (L && !Ce(m) || b && !ce(m)))
         return !1;
       if (T.value) {
         if (s.startDate.value && s.endDate.value) {
@@ -6556,8 +6562,8 @@ const Ge = new u5(), c5 = {
         const te = new Date(H), de = new Date(m);
         return te.setHours(0, 0, 0, 0), de.setHours(0, 0, 0, 0), de.getTime() === te.getTime();
       }
-    }, M = (m, x = !1, b = !1) => {
-      if (!T.value || (t.type === "daterange" || t.type === "datetimerange") && (x && !Ce(m) || b && !ce(m)))
+    }, M = (m, L = !1, b = !1) => {
+      if (!T.value || (t.type === "daterange" || t.type === "datetimerange") && (L && !Ce(m) || b && !ce(m)))
         return !1;
       if (s.startDate.value && s.endDate.value) {
         const H = new Date(s.startDate.value), te = new Date(s.endDate.value);
@@ -6572,55 +6578,55 @@ const Ge = new u5(), c5 = {
         return de >= Ie && de <= Ke;
       }
       return !1;
-    }, w = (m, x) => {
+    }, w = (m, L) => {
       if (T.value) {
         if (s.startDate.value && s.endDate.value) {
-          const b = x.getFullYear(), H = s.startDate.value.getMonth(), te = s.startDate.value.getFullYear(), de = s.endDate.value.getMonth(), Ie = s.endDate.value.getFullYear();
+          const b = L.getFullYear(), H = s.startDate.value.getMonth(), te = s.startDate.value.getFullYear(), de = s.endDate.value.getMonth(), Ie = s.endDate.value.getFullYear();
           return b === te && m === H || b === Ie && m === de;
         } else if (s.startDate.value) {
           const b = s.startDate.value.getMonth(), H = s.startDate.value.getFullYear();
-          return x.getFullYear() === H && m === b;
+          return L.getFullYear() === H && m === b;
         }
         return !1;
       } else {
         const b = U.value;
-        return b ? b.getFullYear() === x.getFullYear() && b.getMonth() === m : !1;
+        return b ? b.getFullYear() === L.getFullYear() && b.getMonth() === m : !1;
       }
-    }, u = (m, x) => {
+    }, u = (m, L) => {
       if (!T.value) return !1;
-      const b = x.getFullYear(), H = new Date(b, m, 1);
+      const b = L.getFullYear(), H = new Date(b, m, 1);
       if (s.startDate.value && s.endDate.value) {
         const te = new Date(s.startDate.value.getFullYear(), s.startDate.value.getMonth(), 1), de = new Date(s.endDate.value.getFullYear(), s.endDate.value.getMonth(), 1);
-        return H >= te && H <= de && !w(m, x);
+        return H >= te && H <= de && !w(m, L);
       }
       if (s.startDate.value && s.isSelectingEnd.value && s.hoverDate.value) {
         const te = new Date(s.startDate.value.getFullYear(), s.startDate.value.getMonth(), 1), de = new Date(s.hoverDate.value.getFullYear(), s.hoverDate.value.getMonth(), 1), Ie = te <= de ? te : de, Ke = te <= de ? de : te;
-        return H >= Ie && H <= Ke && !w(m, x);
+        return H >= Ie && H <= Ke && !w(m, L);
       }
       return !1;
     }, C = (m) => {
       if (T.value)
         return s.startDate.value && s.endDate.value ? m === s.startDate.value.getFullYear() || m === s.endDate.value.getFullYear() : s.startDate.value ? s.startDate.value.getFullYear() === m : !1;
       {
-        const x = U.value;
-        return x ? x.getFullYear() === m : !1;
+        const L = U.value;
+        return L ? L.getFullYear() === m : !1;
       }
     }, ee = (m) => {
       if (!T.value) return !1;
       if (s.startDate.value && s.endDate.value) {
-        const x = s.startDate.value.getFullYear(), b = s.endDate.value.getFullYear();
-        return m >= x && m <= b && !C(m);
+        const L = s.startDate.value.getFullYear(), b = s.endDate.value.getFullYear();
+        return m >= L && m <= b && !C(m);
       }
       if (s.startDate.value && s.isSelectingEnd.value && s.hoverDate.value) {
-        const x = s.startDate.value.getFullYear(), b = s.hoverDate.value.getFullYear(), H = Math.min(x, b), te = Math.max(x, b);
+        const L = s.startDate.value.getFullYear(), b = s.hoverDate.value.getFullYear(), H = Math.min(L, b), te = Math.max(L, b);
         return m >= H && m <= te && !C(m);
       }
       return !1;
-    }, z = (m, x) => {
+    }, z = (m, L) => {
       var H;
       const b = new Date(m);
-      if (x && typeof x == "string") {
-        const te = x.match(/(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)?/i);
+      if (L && typeof L == "string") {
+        const te = L.match(/(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)?/i);
         if (te) {
           let de = parseInt(te[1]);
           const Ie = parseInt(te[2]), Ke = te[3] ? parseInt(te[3]) : 0, b1 = (H = te[4]) == null ? void 0 : H.toUpperCase();
@@ -6641,8 +6647,8 @@ const Ge = new u5(), c5 = {
     }) : "", ke = (m) => {
       var b, H;
       if (!k.value) return;
-      const x = m.target;
-      (b = c.value) != null && b.contains(x) || (H = p.value) != null && H.contains(x) || He();
+      const L = m.target;
+      (b = c.value) != null && b.contains(L) || (H = p.value) != null && H.contains(L) || He();
     }, Le = () => {
       t.disabled || Ae();
     }, Re = () => {
@@ -6650,9 +6656,9 @@ const Ge = new u5(), c5 = {
     }, qe = () => {
       s.isFocused.value = !1, i("blur", c.value);
     }, Ue = () => {
-      i("update:modelValue", null), i("change", null), s.startDate.value = null, s.endDate.value = null, s.isSelectingEnd.value = !1, s.hoverDate.value = null, s.startTime.value = _(), s.endTime.value = y();
-    }, je = (m, x = !1, b = !1) => {
-      if (!(t.disabled || !m) && me(m, x, b))
+      i("update:modelValue", null), i("change", null), s.startDate.value = null, s.endDate.value = null, s.isSelectingEnd.value = !1, s.hoverDate.value = null, s.startTime.value = g(), s.endTime.value = y();
+    }, je = (m, L = !1, b = !1) => {
+      if (!(t.disabled || !m) && me(m, L, b))
         if (T.value) {
           if (!s.startDate.value || s.startDate.value && s.endDate.value)
             s.startDate.value = new Date(m), s.endDate.value = null, s.isSelectingEnd.value = !0, s.hoverDate.value = null, De.value && (s.startTime.value = "00:00:00", s.endTime.value = null);
@@ -6678,12 +6684,12 @@ const Ge = new u5(), c5 = {
           } catch (H) {
             console.warn("Error formatting single date output:", H);
           }
-    }, t1 = (m, x = !1, b = !1) => {
-      (t.type === "daterange" || t.type === "datetimerange") && (x && !Ce(m) || b && !ce(m)) || T.value && s.isSelectingEnd.value && s.startDate.value && (s.hoverDate.value = new Date(m));
+    }, t1 = (m, L = !1, b = !1) => {
+      (t.type === "daterange" || t.type === "datetimerange") && (L && !Ce(m) || b && !ce(m)) || T.value && s.isSelectingEnd.value && s.startDate.value && (s.hoverDate.value = new Date(m));
     }, r1 = () => {
       T.value && s.isSelectingEnd.value && (s.hoverDate.value = null);
-    }, u1 = (m, x = !1) => {
-      if (x ? s.endTime.value = m : s.startTime.value = m, !T.value && s.startDate.value && s.startTime.value) {
+    }, u1 = (m, L = !1) => {
+      if (L ? s.endTime.value = m : s.startTime.value = m, !T.value && s.startDate.value && s.startTime.value) {
         const b = z(s.startDate.value, s.startTime.value);
         try {
           const H = D(b);
@@ -6695,7 +6701,7 @@ const Ge = new u5(), c5 = {
     }, ut = () => {
       if (De.value) {
         if (T.value && s.startDate.value && s.endDate.value) {
-          const m = z(s.startDate.value, s.startTime.value || "00:00:00"), x = z(s.endDate.value, s.endTime.value || "23:59:59"), b = [m, x];
+          const m = z(s.startDate.value, s.startTime.value || "00:00:00"), L = z(s.endDate.value, s.endTime.value || "23:59:59"), b = [m, L];
           try {
             const H = D(b);
             i("update:modelValue", H), i("change", H);
@@ -6705,52 +6711,52 @@ const Ge = new u5(), c5 = {
         } else if (!T.value && s.startDate.value) {
           const m = z(s.startDate.value, s.startTime.value || "00:00:00");
           try {
-            const x = D(m);
-            i("update:modelValue", x), i("change", x);
-          } catch (x) {
-            console.warn("Error formatting datetime output:", x);
+            const L = D(m);
+            i("update:modelValue", L), i("change", L);
+          } catch (L) {
+            console.warn("Error formatting datetime output:", L);
           }
         }
       }
       He();
     }, ct = () => {
       He();
-    }, dt = (m, x = !1) => {
-      const b = x ? s.rightCurrentDate.value : s.currentDate.value;
+    }, dt = (m, L = !1) => {
+      const b = L ? s.rightCurrentDate.value : s.currentDate.value;
       if (t.type === "month" || t.type === "monthrange") {
         const H = new Date(b.getFullYear(), m, 1);
         je(H);
       } else {
         const H = new Date(b.getFullYear(), m, 1);
-        x ? s.rightCurrentDate.value = H : s.currentDate.value = H, s.viewMode.value = "date";
+        L ? s.rightCurrentDate.value = H : s.currentDate.value = H, s.viewMode.value = "date";
       }
-    }, ht = (m, x) => {
+    }, ht = (m, L) => {
       if (T.value && s.isSelectingEnd.value && s.startDate.value) {
-        const b = x.getFullYear();
+        const b = L.getFullYear();
         s.hoverDate.value = new Date(b, m, 1);
       }
     }, pt = () => {
       T.value && s.isSelectingEnd.value && (s.hoverDate.value = null);
     }, vt = (m) => {
       if (t.type === "year" || t.type === "yearrange") {
-        const x = new Date(m, 0, 1);
-        je(x);
+        const L = new Date(m, 0, 1);
+        je(L);
       } else {
-        const x = new Date(m, s.currentDate.value.getMonth(), 1), b = new Date(m, s.rightCurrentDate.value.getMonth(), 1);
-        s.currentDate.value = x, s.rightCurrentDate.value = b, s.viewMode.value = t.type === "month" || t.type === "monthrange" ? "month" : "date";
+        const L = new Date(m, s.currentDate.value.getMonth(), 1), b = new Date(m, s.rightCurrentDate.value.getMonth(), 1);
+        s.currentDate.value = L, s.rightCurrentDate.value = b, s.viewMode.value = t.type === "month" || t.type === "monthrange" ? "month" : "date";
       }
     }, ft = (m) => {
       T.value && s.isSelectingEnd.value && s.startDate.value && (s.hoverDate.value = new Date(m, 0, 1));
     }, Ct = () => {
       T.value && s.isSelectingEnd.value && (s.hoverDate.value = null);
     }, T1 = () => {
-      s.viewMode.value === "year" ? (ue("prev"), Oe("prev")) : s.viewMode.value === "month" ? (re("prev"), Be("prev")) : (K("prev"), s.rightCurrentDate.value = new Date(
+      s.viewMode.value === "year" ? (ue("prev"), Oe("prev")) : s.viewMode.value === "month" ? (re("prev"), Ee("prev")) : (K("prev"), s.rightCurrentDate.value = new Date(
         s.currentDate.value.getFullYear(),
         s.currentDate.value.getMonth() + 1,
         1
       ));
     }, I1 = () => {
-      s.viewMode.value === "year" ? (ue("next"), Oe("next")) : s.viewMode.value === "month" ? (re("next"), Be("next")) : (K("next"), s.rightCurrentDate.value = new Date(
+      s.viewMode.value === "year" ? (ue("next"), Oe("next")) : s.viewMode.value === "month" ? (re("next"), Ee("next")) : (K("next"), s.rightCurrentDate.value = new Date(
         s.currentDate.value.getFullYear(),
         s.currentDate.value.getMonth() + 1,
         1
@@ -6768,19 +6774,19 @@ const Ge = new u5(), c5 = {
             }
           else if (!T.value && m !== null)
             try {
-              let x = null;
-              m instanceof Date ? x = m : (typeof m == "string" || typeof m == "number") && (x = new Date(m)), x && !isNaN(x.getTime()) ? (s.startDate.value = x, De.value && (s.startTime.value = le(x))) : s.startDate.value = null;
+              let L = null;
+              m instanceof Date ? L = m : (typeof m == "string" || typeof m == "number") && (L = new Date(m)), L && !isNaN(L.getTime()) ? (s.startDate.value = L, De.value && (s.startTime.value = le(L))) : s.startDate.value = null;
             } catch {
               console.warn("Invalid date format in modelValue:", m), s.startDate.value = null;
             }
         } else
-          s.startDate.value = null, s.endDate.value = null, s.isSelectingEnd.value = !1, s.hoverDate.value = null, s.startTime.value = _(), s.endTime.value = y();
+          s.startDate.value = null, s.endDate.value = null, s.isSelectingEnd.value = !1, s.hoverDate.value = null, s.startTime.value = g(), s.endTime.value = y();
       },
       { immediate: !0 }
     ), Me(
       () => t.type,
       (m) => {
-        s.viewMode.value = Ye(m), s.startTime.value = _(), s.endTime.value = y();
+        s.viewMode.value = Ye(m), s.startTime.value = g(), s.endTime.value = y();
       },
       { immediate: !0 }
     ), Me(
@@ -6812,7 +6818,7 @@ const Ge = new u5(), c5 = {
         He();
       },
       validate: Q
-    }), (m, x) => (l(), a("div", {
+    }), (m, L) => (l(), a("div", {
       ref_key: "datePickerRef",
       ref: c,
       class: G(F.value)
@@ -6855,7 +6861,7 @@ const Ge = new u5(), c5 = {
               disabled: t.disabled,
               class: "vt-datepicker__clear",
               type: "button",
-              onClick: Ve(Ue, ["stop"])
+              onClick: Se(Ue, ["stop"])
             }, [
               ne(fe, { name: "close" })
             ], 8, o0)) : Z("", !0)
@@ -6871,11 +6877,11 @@ const Ge = new u5(), c5 = {
             o("div", {
               ref_key: "dropdownRef",
               ref: p,
-              style: Ee(ae.value),
+              style: Be(ae.value),
               class: "vt-datepicker__dropdown",
-              onClick: x[10] || (x[10] = Ve(() => {
+              onClick: L[10] || (L[10] = Se(() => {
               }, ["stop"])),
-              onMousedown: x[11] || (x[11] = Ve(() => {
+              onMousedown: L[11] || (L[11] = Se(() => {
               }, ["prevent"]))
             }, [
               o("div", {
@@ -6888,7 +6894,7 @@ const Ge = new u5(), c5 = {
                         ref_key: "startTimePickerRef",
                         ref: f,
                         modelValue: s.startTime.value,
-                        "onUpdate:modelValue": x[0] || (x[0] = (b) => s.startTime.value = b),
+                        "onUpdate:modelValue": L[0] || (L[0] = (b) => s.startTime.value = b),
                         clearable: !1,
                         "disabled-hours": Fe.value,
                         "disabled-minutes": Ne.value,
@@ -6901,7 +6907,7 @@ const Ge = new u5(), c5 = {
                         "use12-hours": t.use12Hours,
                         placeholder: "Початковий час",
                         type: "time",
-                        onChange: x[1] || (x[1] = (b) => u1(b, !1))
+                        onChange: L[1] || (L[1] = (b) => u1(b, !1))
                       }, null, 8, ["modelValue", "disabled-hours", "disabled-minutes", "disabled-seconds", "hide-disabled-options", "hour-step", "minute-step", "second-step", "show-seconds", "use12-hours"])
                     ])) : Z("", !0),
                     o("div", i0, [
@@ -6914,10 +6920,10 @@ const Ge = new u5(), c5 = {
                       o("div", a0, [
                         o("button", {
                           class: "vt-datepicker__header-btn",
-                          onClick: x[2] || (x[2] = (b) => s.viewMode.value = "month")
+                          onClick: L[2] || (L[2] = (b) => s.viewMode.value = "month")
                         }, R(s.currentDate.value.toLocaleString("default", { month: "long", year: "numeric" })), 1)
                       ]),
-                      x[12] || (x[12] = o("div", { class: "vt-datepicker__nav-spacer" }, null, -1))
+                      L[12] || (L[12] = o("div", { class: "vt-datepicker__nav-spacer" }, null, -1))
                     ]),
                     o("div", u0, [
                       o("div", c0, [
@@ -6957,7 +6963,7 @@ const Ge = new u5(), c5 = {
                         ref_key: "endTimePickerRef",
                         ref: v,
                         modelValue: s.endTime.value,
-                        "onUpdate:modelValue": x[3] || (x[3] = (b) => s.endTime.value = b),
+                        "onUpdate:modelValue": L[3] || (L[3] = (b) => s.endTime.value = b),
                         clearable: !1,
                         "disabled-hours": t.disabledHours,
                         "disabled-minutes": t.disabledMinutes,
@@ -6970,15 +6976,15 @@ const Ge = new u5(), c5 = {
                         "use12-hours": t.use12Hours,
                         placeholder: "Кінцевий час",
                         type: "time",
-                        onChange: x[4] || (x[4] = (b) => u1(b, !0))
+                        onChange: L[4] || (L[4] = (b) => u1(b, !0))
                       }, null, 8, ["modelValue", "disabled-hours", "disabled-minutes", "disabled-seconds", "hide-disabled-options", "hour-step", "minute-step", "second-step", "show-seconds", "use12-hours"])
                     ])) : Z("", !0),
                     o("div", C0, [
-                      x[13] || (x[13] = o("div", { class: "vt-datepicker__nav-spacer" }, null, -1)),
+                      L[13] || (L[13] = o("div", { class: "vt-datepicker__nav-spacer" }, null, -1)),
                       o("div", m0, [
                         o("button", {
                           class: "vt-datepicker__header-btn",
-                          onClick: x[5] || (x[5] = (b) => s.viewMode.value = "month")
+                          onClick: L[5] || (L[5] = (b) => s.viewMode.value = "month")
                         }, R(s.rightCurrentDate.value.toLocaleString("default", { month: "long", year: "numeric" })), 1)
                       ]),
                       o("button", {
@@ -7026,7 +7032,7 @@ const Ge = new u5(), c5 = {
                       ref_key: "startTimePickerRef",
                       ref: f,
                       modelValue: s.startTime.value,
-                      "onUpdate:modelValue": x[6] || (x[6] = (b) => s.startTime.value = b),
+                      "onUpdate:modelValue": L[6] || (L[6] = (b) => s.startTime.value = b),
                       clearable: !1,
                       "disabled-hours": Fe.value,
                       "disabled-minutes": Ne.value,
@@ -7039,7 +7045,7 @@ const Ge = new u5(), c5 = {
                       "use12-hours": t.use12Hours,
                       placeholder: "Час",
                       type: "time",
-                      onChange: x[7] || (x[7] = (b) => u1(b, !1))
+                      onChange: L[7] || (L[7] = (b) => u1(b, !1))
                     }, null, 8, ["modelValue", "disabled-hours", "disabled-minutes", "disabled-seconds", "hide-disabled-options", "hour-step", "minute-step", "second-step", "show-seconds", "use12-hours"])
                   ])) : Z("", !0),
                   o("div", M0, [
@@ -7053,11 +7059,11 @@ const Ge = new u5(), c5 = {
                       s.viewMode.value === "date" ? (l(), a("button", {
                         key: 0,
                         class: "vt-datepicker__header-btn",
-                        onClick: x[8] || (x[8] = (b) => s.viewMode.value = "month")
+                        onClick: L[8] || (L[8] = (b) => s.viewMode.value = "month")
                       }, R(s.currentDate.value.toLocaleString("default", { month: "long", year: "numeric" })), 1)) : s.viewMode.value === "month" ? (l(), a("button", {
                         key: 1,
                         class: "vt-datepicker__header-btn",
-                        onClick: x[9] || (x[9] = (b) => s.viewMode.value = "year")
+                        onClick: L[9] || (L[9] = (b) => s.viewMode.value = "year")
                       }, R(s.currentDate.value.getFullYear()), 1)) : (l(), a("span", L0, R(O(he)), 1))
                     ]),
                     o("button", {
@@ -7067,8 +7073,8 @@ const Ge = new u5(), c5 = {
                       ne(fe, { name: "arrowRight" })
                     ])
                   ]),
-                  o("div", V0, [
-                    s.viewMode.value === "date" ? (l(), a("div", S0, [
+                  o("div", S0, [
+                    s.viewMode.value === "date" ? (l(), a("div", V0, [
                       o("div", D0, [
                         (l(!0), a(ie, null, pe(O(M1), (b, H) => (l(), a("span", {
                           key: `${H}_${b}`,
@@ -7131,7 +7137,7 @@ const Ge = new u5(), c5 = {
               ], 2),
               be.value ? (l(), a("div", j0, [
                 ne(Je, { onClick: ct }, {
-                  default: xe(() => x[14] || (x[14] = [
+                  default: xe(() => L[14] || (L[14] = [
                     $e("Скасувати", -1)
                   ])),
                   _: 1,
@@ -7142,7 +7148,7 @@ const Ge = new u5(), c5 = {
                   type: "primary",
                   onClick: ut
                 }, {
-                  default: xe(() => x[15] || (x[15] = [
+                  default: xe(() => L[15] || (L[15] = [
                     $e(" OK ", -1)
                   ])),
                   _: 1,
@@ -7177,14 +7183,14 @@ const Ge = new u5(), c5 = {
       toggle: (f) => {
         const v = [...i.value], h = v.indexOf(f);
         if (c.value) {
-          const g = h > -1 ? [] : [f];
-          t("update:modelValue", g), t("change", g);
+          const _ = h > -1 ? [] : [f];
+          t("update:modelValue", _), t("change", _);
         } else
           h > -1 ? v.splice(h, 1) : v.push(f), t("update:modelValue", v), t("change", v);
       }
     });
     return p1("collapseContext", p), (f, v) => (l(), a("div", Z0, [
-      Se(f.$slots, "default")
+      Ve(f.$slots, "default")
     ]));
   }
 }), O0 = { class: "v-collapse-item__title" }, Y0 = { class: "v-collapse-item__wrap" }, N0 = { class: "v-collapse-item__content" }, W0 = /* @__PURE__ */ we({
@@ -7199,34 +7205,34 @@ const Ge = new u5(), c5 = {
     const r = n, t = e, i = v1("collapseContext");
     if (!i)
       throw new Error("VCollapseItem must be used within VCollapse");
-    const c = L(() => i.activeNames.includes(r.name)), d = () => {
+    const c = x(() => i.activeNames.includes(r.name)), d = () => {
       r.disabled || (i.toggle(r.name), t("toggle", r.name));
-    }, p = (g) => {
-      const _ = g;
-      _.style.height = "0", _.style.overflow = "hidden", _.offsetHeight, _.style.height = _.scrollHeight + "px";
-    }, f = (g) => {
-      const _ = g;
-      _.style.height = _.scrollHeight + "px", _.style.overflow = "hidden", _.offsetHeight, _.style.height = "0";
-    }, v = (g) => {
-      const _ = g;
-      _.style.height = "auto", _.style.overflow = "visible";
-    }, h = (g) => {
-      const _ = g;
-      _.style.height = "0", _.style.overflow = "hidden";
+    }, p = (_) => {
+      const g = _;
+      g.style.height = "0", g.style.overflow = "hidden", g.offsetHeight, g.style.height = g.scrollHeight + "px";
+    }, f = (_) => {
+      const g = _;
+      g.style.height = g.scrollHeight + "px", g.style.overflow = "hidden", g.offsetHeight, g.style.height = "0";
+    }, v = (_) => {
+      const g = _;
+      g.style.height = "auto", g.style.overflow = "visible";
+    }, h = (_) => {
+      const g = _;
+      g.style.height = "0", g.style.overflow = "hidden";
     };
-    return (g, _) => (l(), a("div", {
-      class: G([{ "is-active": c.value, "is-disabled": g.disabled }, "v-collapse-item"])
+    return (_, g) => (l(), a("div", {
+      class: G([{ "is-active": c.value, "is-disabled": _.disabled }, "v-collapse-item"])
     }, [
       o("div", {
         class: G([{ "is-active": c.value }, "v-collapse-item__header"]),
         onClick: d
       }, [
         o("div", O0, [
-          Se(g.$slots, "title", {
+          Ve(_.$slots, "title", {
             isActive: c.value,
-            title: g.title
+            title: _.title
           }, () => [
-            $e(R(g.title), 1)
+            $e(R(_.title), 1)
           ])
         ]),
         o("div", {
@@ -7245,7 +7251,7 @@ const Ge = new u5(), c5 = {
         default: xe(() => [
           i1(o("div", Y0, [
             o("div", N0, [
-              Se(g.$slots, "default")
+              Ve(_.$slots, "default")
             ])
           ], 512), [
             [J1, c.value]
@@ -7265,23 +7271,23 @@ const Ge = new u5(), c5 = {
     const r = n, t = e, i = h1(), c = B(r.modelValue), d = B([]);
     Me(
       () => r.modelValue,
-      (g) => {
-        c.value = g;
+      (_) => {
+        c.value = _;
       }
-    ), Me(c, (g) => {
-      g !== r.modelValue && (t("update:modelValue", g), t("tab-change", g));
+    ), Me(c, (_) => {
+      _ !== r.modelValue && (t("update:modelValue", _), t("tab-change", _));
     });
-    const p = (g) => {
-      d.value.push(g), c.value || (c.value = g.name);
-    }, f = (g) => {
-      d.value = d.value.filter((_) => _.name !== g), t("tab-remove", g), c.value === g && d.value.length > 0 && (c.value = d.value[0].name);
-    }, v = (g) => {
-      c.value = g;
-    }, h = (g) => {
+    const p = (_) => {
+      d.value.push(_), c.value || (c.value = _.name);
+    }, f = (_) => {
+      d.value = d.value.filter((g) => g.name !== _), t("tab-remove", _), c.value === _ && d.value.length > 0 && (c.value = d.value[0].name);
+    }, v = (_) => {
+      c.value = _;
+    }, h = (_) => {
       var s;
       const y = (((s = i.default) == null ? void 0 : s.call(i)) || []).find((N) => {
         var j;
-        return ((j = N.props) == null ? void 0 : j.name) === g.name;
+        return ((j = N.props) == null ? void 0 : j.name) === _.name;
       });
       return y && y.children && typeof y.children == "object" && "title" in y.children ? y.children.title : null;
     };
@@ -7290,7 +7296,7 @@ const Ge = new u5(), c5 = {
       addTab: p,
       removeTab: f,
       selectTab: v
-    }), (g, _) => (l(), a("div", q0, [
+    }), (_, g) => (l(), a("div", q0, [
       o("div", U0, [
         (l(!0), a(ie, null, pe(d.value, (y) => (l(), a("div", {
           key: y.name,
@@ -7314,14 +7320,14 @@ const Ge = new u5(), c5 = {
           y.closable ? (l(), a("span", {
             key: 2,
             class: "vt-tabs__close",
-            onClick: Ve((s) => f(y.name), ["stop"])
+            onClick: Se((s) => f(y.name), ["stop"])
           }, [
             ne(fe, { name: "close" })
           ], 8, Q0)) : Z("", !0)
         ], 10, K0))), 128))
       ]),
       o("div", G0, [
-        Se(g.$slots, "default")
+        Ve(_.$slots, "default")
       ])
     ]));
   }
@@ -7340,7 +7346,7 @@ const Ge = new u5(), c5 = {
     const r = v1("VTabsContext");
     if (!r)
       throw new Error("VTabItem must be used inside VTabs");
-    const t = L(() => r.currentValue.value === e.name);
+    const t = x(() => r.currentValue.value === e.name);
     return ze(() => {
       e.name || console.warn("⚠️ VTabItem requires a unique `name` prop."), r.addTab({
         label: e.label,
@@ -7352,7 +7358,7 @@ const Ge = new u5(), c5 = {
     }), Q1(() => {
       r.removeTab(e.name);
     }), (i, c) => i1((l(), a("div", e4, [
-      Se(i.$slots, "default")
+      Ve(i.$slots, "default")
     ], 512)), [
       [J1, t.value]
     ]);
@@ -7406,38 +7412,38 @@ const n4 = { class: "vt-upload" }, o4 = { class: "vt-upload__text" }, s4 = { cla
   },
   emits: ["update:modelValue", "change", "remove", "exceed", "error"],
   setup(n, { emit: e }) {
-    const r = n, t = e, i = B(!1), c = B(null), d = L({
+    const r = n, t = e, i = B(!1), c = B(null), d = x({
       get: () => r.modelValue || [],
-      set: (V) => {
-        t("update:modelValue", V), t("change", V);
+      set: (S) => {
+        t("update:modelValue", S), t("change", S);
       }
-    }), p = L(() => {
+    }), p = x(() => {
       if (r.tip) return r.tip;
-      const V = [];
+      const S = [];
       if (r.accept) {
-        const S = r.accept.split(",").map((T) => T.trim()).join("/");
-        V.push(S);
+        const V = r.accept.split(",").map((T) => T.trim()).join("/");
+        S.push(V);
       }
-      return r.maxSize && V.push(`files with a size less than ${l1.formatFileSize(r.maxSize)}`), V.join(" ");
-    }), f = L(() => r.maxFiles ? d.value.length < r.maxFiles : !0), v = (V) => {
-      r.disabled || (V.preventDefault(), i.value = !0);
-    }, h = (V) => {
-      r.disabled || (V.preventDefault(), i.value = !1);
-    }, g = (V) => {
+      return r.maxSize && S.push(`files with a size less than ${l1.formatFileSize(r.maxSize)}`), S.join(" ");
+    }), f = x(() => r.maxFiles ? d.value.length < r.maxFiles : !0), v = (S) => {
+      r.disabled || (S.preventDefault(), i.value = !0);
+    }, h = (S) => {
+      r.disabled || (S.preventDefault(), i.value = !1);
+    }, _ = (S) => {
       var T;
       if (r.disabled) return;
-      V.preventDefault(), i.value = !1;
-      const S = Array.from(((T = V.dataTransfer) == null ? void 0 : T.files) || []);
-      y(S);
-    }, _ = (V) => {
-      const S = V.target, T = Array.from(S.files || []);
-      y(T), S.value = "";
-    }, y = (V) => {
+      S.preventDefault(), i.value = !1;
+      const V = Array.from(((T = S.dataTransfer) == null ? void 0 : T.files) || []);
+      y(V);
+    }, g = (S) => {
+      const V = S.target, T = Array.from(V.files || []);
+      y(T), V.value = "";
+    }, y = (S) => {
       if (!f.value) {
-        t("exceed", V);
+        t("exceed", S);
         return;
       }
-      const S = r.maxFiles ? r.maxFiles - d.value.length : V.length, T = V.slice(0, S), U = [];
+      const V = r.maxFiles ? r.maxFiles - d.value.length : S.length, T = S.slice(0, V), U = [];
       for (const q of T) {
         const E = s(q);
         if (E) {
@@ -7454,34 +7460,34 @@ const n4 = { class: "vt-upload" }, o4 = { class: "vt-upload__text" }, s4 = { cla
         };
         U.push(D);
       }
-      U.length > 0 && (d.value = [...d.value, ...U]), V.length > S && t("exceed", V.slice(S));
-    }, s = (V) => r.maxSize && !l1.validateSize(V, r.maxSize) ? {
+      U.length > 0 && (d.value = [...d.value, ...U]), S.length > V && t("exceed", S.slice(V));
+    }, s = (S) => r.maxSize && !l1.validateSize(S, r.maxSize) ? {
       type: "size",
       message: `File size exceeds ${l1.formatFileSize(r.maxSize)}`,
-      file: V
-    } : r.accept && !l1.validateType(V, r.accept) ? {
+      file: S
+    } : r.accept && !l1.validateType(S, r.accept) ? {
       type: "type",
       message: `File type not accepted. Allowed: ${r.accept}`,
-      file: V
-    } : null, N = (V) => {
-      d.value = d.value.filter((S) => S.id !== V.id), t("remove", V);
+      file: S
+    } : null, N = (S) => {
+      d.value = d.value.filter((V) => V.id !== S.id), t("remove", S);
     }, j = () => {
-      var V;
-      r.disabled || !f.value || (V = c.value) == null || V.click();
+      var S;
+      r.disabled || !f.value || (S = c.value) == null || S.click();
     };
-    return (V, S) => (l(), a("div", n4, [
-      V.type === "drag" ? (l(), a("div", {
+    return (S, V) => (l(), a("div", n4, [
+      S.type === "drag" ? (l(), a("div", {
         key: 0,
         class: G([{
           "vt-upload__drag-area--active": i.value,
-          "vt-upload__drag-area--disabled": V.disabled || !f.value
+          "vt-upload__drag-area--disabled": S.disabled || !f.value
         }, "vt-upload__drag-area"]),
         onClick: j,
         onDragleave: h,
         onDragover: v,
-        onDrop: g
+        onDrop: _
       }, [
-        S[0] || (S[0] = o("div", { class: "vt-upload__icon" }, [
+        V[0] || (V[0] = o("div", { class: "vt-upload__icon" }, [
           o("svg", {
             fill: "none",
             viewBox: "0 0 24 24",
@@ -7505,19 +7511,19 @@ const n4 = { class: "vt-upload" }, o4 = { class: "vt-upload__text" }, s4 = { cla
         ], -1)),
         o("div", o4, [
           o("span", s4, [
-            $e(R(V.placeholder.split(" or ")[0]) + " ", 1),
-            o("span", r4, " or " + R(V.placeholder.split(" or ")[1]), 1)
+            $e(R(S.placeholder.split(" or ")[0]) + " ", 1),
+            o("span", r4, " or " + R(S.placeholder.split(" or ")[1]), 1)
           ])
         ]),
         p.value ? (l(), a("div", l4, R(p.value), 1)) : Z("", !0)
       ], 34)) : (l(), ge(Je, {
         key: 1,
-        disabled: V.disabled || !f.value,
+        disabled: S.disabled || !f.value,
         icon: "uploadCloud",
         type: "primary",
         onClick: j
       }, {
-        default: xe(() => S[1] || (S[1] = [
+        default: xe(() => V[1] || (V[1] = [
           $e(" Upload Files ", -1)
         ])),
         _: 1,
@@ -7536,7 +7542,7 @@ const n4 = { class: "vt-upload" }, o4 = { class: "vt-upload__text" }, s4 = { cla
             o("div", d4, R(O(l1).formatFileSize(T.size)), 1)
           ]),
           o("button", {
-            disabled: V.disabled,
+            disabled: S.disabled,
             class: "vt-upload__list-item-remove",
             type: "button",
             onClick: (U) => N(T)
@@ -7548,12 +7554,12 @@ const n4 = { class: "vt-upload" }, o4 = { class: "vt-upload__text" }, s4 = { cla
       o("input", {
         ref_key: "fileInputRef",
         ref: c,
-        accept: V.accept,
-        disabled: V.disabled,
-        multiple: V.multiple,
+        accept: S.accept,
+        disabled: S.disabled,
+        multiple: S.multiple,
         class: "vt-upload__input",
         type: "file",
-        onChange: _
+        onChange: g
       }, null, 40, p4)
     ]));
   }
@@ -7623,7 +7629,7 @@ const n4 = { class: "vt-upload" }, o4 = { class: "vt-upload__text" }, s4 = { cla
       break;
   }
   return r.appendChild(t), r;
-}, S1 = (n, e, r) => {
+}, V1 = (n, e, r) => {
   const t = e.getBoundingClientRect(), i = n.getBoundingClientRect(), c = window.pageXOffset || document.documentElement.scrollLeft, d = window.pageYOffset || document.documentElement.scrollTop;
   let p = 0, f = 0;
   switch (r) {
@@ -7643,7 +7649,7 @@ const n4 = { class: "vt-upload" }, o4 = { class: "vt-upload__text" }, s4 = { cla
   const v = window.innerWidth, h = window.innerHeight;
   f < 8 ? f = 8 : f + i.width > v - 8 && (f = v - i.width - 8), p < d + 8 ? r === "top" ? p = t.bottom + d + 8 : p = d + 8 : p + i.height > d + h - 8 && (r === "bottom" ? p = t.top + d - i.height - 8 : p = d + h - i.height - 8), n.style.top = `${p}px`, n.style.left = `${f}px`;
 }, Y1 = (n, e, r) => {
-  n.parentElement || document.body.appendChild(n), n.style.visibility = "visible", S1(n, e, r), requestAnimationFrame(() => {
+  n.parentElement || document.body.appendChild(n), n.style.visibility = "visible", V1(n, e, r), requestAnimationFrame(() => {
     n.style.opacity = "1";
   });
 }, N1 = (n) => {
@@ -7660,7 +7666,7 @@ const n4 = { class: "vt-upload" }, o4 = { class: "vt-upload__text" }, s4 = { cla
     }, d = () => {
       N1(i);
     }, p = () => {
-      i.style.opacity === "1" && S1(i, n, t);
+      i.style.opacity === "1" && V1(i, n, t);
     };
     n.__mouseenterHandler = c, n.__mouseleaveHandler = d, n.__scrollHandler = p, n.addEventListener("mouseenter", c), n.addEventListener("mouseleave", d), window.addEventListener("scroll", p, !0), window.addEventListener("resize", p);
   },
@@ -7677,7 +7683,7 @@ const n4 = { class: "vt-upload" }, o4 = { class: "vt-upload__text" }, s4 = { cla
       }, p = () => {
         N1(c);
       }, f = () => {
-        c.style.opacity === "1" && S1(c, n, i);
+        c.style.opacity === "1" && V1(c, n, i);
       };
       n.__mouseenterHandler = d, n.__mouseleaveHandler = p, n.__scrollHandler = f, n.addEventListener("mouseenter", d), n.addEventListener("mouseleave", p), window.addEventListener("scroll", f, !0), window.addEventListener("resize", f);
     }
@@ -7880,10 +7886,10 @@ f1("email", L4);
 const U4 = (n, e) => Object.assign(
   (r) => r === n() || e || "Значення не співпадає",
   { $params: { eq: n }, $validatorName: "sameAs" }
-), V4 = (n) => (n == null || n === "" ? !0 : !isNaN(Number(n))) || "Повинно бути числом";
-f1("numeric", V4);
-const S4 = (n) => n == null || n === "" ? !0 : /[A-Z]/.test(n) || "Має містити хоча б одну велику літеру";
-f1("containUpperCaseLetter", S4);
+), S4 = (n) => (n == null || n === "" ? !0 : !isNaN(Number(n))) || "Повинно бути числом";
+f1("numeric", S4);
+const V4 = (n) => n == null || n === "" ? !0 : /[A-Z]/.test(n) || "Має містити хоча б одну велику літеру";
+f1("containUpperCaseLetter", V4);
 const D4 = (n) => n == null || n === "" ? !0 : !/\s/.test(n) || "Не повинно містити пробілів";
 f1("noSpaces", D4);
 const K4 = (n, e = "Значення вже зайнято") => Object.assign(async (t) => t == null || t === "" ? !0 : await n(t) || e, { $async: !0, $validatorName: "uniqueAsync" });
@@ -7921,41 +7927,41 @@ function T4(n, e) {
 function I4(n, e, r, t) {
   const i = T4(n, e), c = B(!1), d = B(!1), p = B(!1), f = { t: 0 };
   let v = !1, h = [];
-  const g = B([]);
-  async function _(s) {
+  const _ = B([]);
+  async function g(s) {
     const N = ++f.t;
     p.value = !0;
     const j = [];
-    for (const V of r)
+    for (const S of r)
       try {
-        const S = V, T = S.$async ? await V(s) : V(s), U = await Promise.resolve(T);
+        const V = S, T = V.$async ? await S(s) : S(s), U = await Promise.resolve(T);
         if (U !== !0) {
           if (typeof U == "string")
             j.push({
               $message: U,
-              $validator: S.$validatorName || S.name || "validator",
-              $params: S.$params
+              $validator: V.$validatorName || V.name || "validator",
+              $params: V.$params
             });
           else if (U === !1) {
-            const q = typeof S.$message == "function" ? S.$message(S.$params) : S.$message || "Невалідне поле";
+            const q = typeof V.$message == "function" ? V.$message(V.$params) : V.$message || "Невалідне поле";
             j.push({
               $message: q,
-              $validator: S.$validatorName || S.name || "validator",
-              $params: S.$params
+              $validator: V.$validatorName || V.name || "validator",
+              $params: V.$params
             });
           }
         }
-      } catch (S) {
-        const T = V;
+      } catch (V) {
+        const T = S;
         j.push({
-          $message: (S == null ? void 0 : S.message) || "Validator error",
+          $message: (V == null ? void 0 : V.message) || "Validator error",
           $validator: T.$validatorName || T.name || "validator"
         });
       }
     if (h.length)
-      for (const V of h)
-        j.push({ $message: V.$message, $validator: V.$validator || "external" });
-    N === f.t && (g.value = j, p.value = !1);
+      for (const S of h)
+        j.push({ $message: S.$message, $validator: S.$validator || "external" });
+    N === f.t && (_.value = j, p.value = !1);
   }
   Me(
     () => {
@@ -7963,7 +7969,7 @@ function I4(n, e, r, t) {
       return at(s, e);
     },
     () => {
-      v || (c.value = !0, _(i.value));
+      v || (c.value = !0, g(i.value));
     }
   );
   const y = H1({
@@ -7983,25 +7989,25 @@ function I4(n, e, r, t) {
       return p.value;
     },
     get $invalid() {
-      return g.value && g.value.length > 0;
+      return _.value && _.value.length > 0;
     },
     get $error() {
       return y.$dirty && y.$invalid;
     },
     get $errors() {
-      return t.silentErrors ? [] : g.value.map((s) => ({ ...s }));
+      return t.silentErrors ? [] : _.value.map((s) => ({ ...s }));
     },
     $params: r.length ? r[0].$params || {} : void 0,
     $touch() {
       c.value = !0, d.value = !0;
     },
     $reset() {
-      v = !0, c.value = !1, d.value = !1, g.value = [], p.value = !1, queueMicrotask(() => {
+      v = !0, c.value = !1, d.value = !1, _.value = [], p.value = !1, queueMicrotask(() => {
         v = !1;
       });
     },
     async $validate() {
-      return c.value = !0, await _(i.value), !g.value.length;
+      return c.value = !0, await g(i.value), !_.value.length;
     }
   });
   return y.$setExternalResults = (s) => {
@@ -8012,53 +8018,53 @@ function I4(n, e, r, t) {
 }
 function X4(n, e, r) {
   const t = { silentErrors: !!(r != null && r.silentErrors) }, i = typeof n == "function" ? n() : n, c = (_1(e), e);
-  function d(h, g = "") {
-    const _ = {}, y = Object.keys(h || {});
+  function d(h, _ = "") {
+    const g = {}, y = Object.keys(h || {});
     for (const E of y) {
-      const D = h[E], Q = g ? `${g}.${E}` : E;
+      const D = h[E], Q = _ ? `${_}.${E}` : E;
       if (typeof D == "function" || Array.isArray(D) && D.length > 0 && typeof D[0] == "function") {
         const oe = Array.isArray(D) ? D : [D];
-        _[E] = I4(c, Q, oe, t);
-      } else typeof D == "object" && D !== null ? typeof D == "object" && Array.isArray(D) === !1 && (_[E] = d(D, Q)) : _[E] = d({}, Q);
+        g[E] = I4(c, Q, oe, t);
+      } else typeof D == "object" && D !== null ? typeof D == "object" && Array.isArray(D) === !1 && (g[E] = d(D, Q)) : g[E] = d({}, Q);
     }
     const s = async () => {
       const E = [];
-      for (const D of Object.keys(_)) {
+      for (const D of Object.keys(g)) {
         if (D.startsWith("$")) continue;
-        const Q = _[D];
+        const Q = g[D];
         Q && typeof Q.$validate == "function" && E.push(await Q.$validate());
       }
       return E.every(Boolean);
     }, N = () => {
-      for (const E of Object.keys(_)) {
+      for (const E of Object.keys(g)) {
         if (E.startsWith("$")) continue;
-        const D = _[E];
+        const D = g[E];
         D && typeof D.$touch == "function" && D.$touch();
       }
     }, j = () => {
-      for (const E of Object.keys(_)) {
+      for (const E of Object.keys(g)) {
         if (E.startsWith("$")) continue;
-        const D = _[E];
+        const D = g[E];
         D && typeof D.$reset == "function" && D.$reset();
       }
-    }, V = L(() => Object.keys(_).some((E) => {
-      const D = _[E];
+    }, S = x(() => Object.keys(g).some((E) => {
+      const D = g[E];
       return D && D.$dirty;
-    })), S = L(() => Object.keys(_).some((E) => {
-      const D = _[E];
+    })), V = x(() => Object.keys(g).some((E) => {
+      const D = g[E];
       return D && D.$invalid;
-    })), T = L(() => Object.keys(_).some((E) => {
-      const D = _[E];
+    })), T = x(() => Object.keys(g).some((E) => {
+      const D = g[E];
       return D && D.$error;
-    })), U = L(() => Object.keys(_).some((E) => {
-      const D = _[E];
+    })), U = x(() => Object.keys(g).some((E) => {
+      const D = g[E];
       return D && D.$pending;
     })), q = {
       $validate: s,
       $touch: N,
       $reset: j,
-      $anyDirty: V,
-      $anyInvalid: S,
+      $anyDirty: S,
+      $anyInvalid: V,
       $anyError: T,
       $pending: U,
       $silentErrors: t.silentErrors,
@@ -8091,20 +8097,20 @@ function X4(n, e, r) {
         });
       }
     };
-    return Object.assign(_, q), _;
+    return Object.assign(g, q), g;
   }
-  function p(h, g) {
+  function p(h, _) {
     if (!(!h || typeof h != "object"))
-      for (const _ of Object.keys(h)) {
-        if (_.startsWith("$")) continue;
-        const y = h[_];
-        y && typeof y == "object" && (typeof y.$validate == "function" && typeof y.$model < "u" ? g(y) : p(y, g));
+      for (const g of Object.keys(h)) {
+        if (g.startsWith("$")) continue;
+        const y = h[g];
+        y && typeof y == "object" && (typeof y.$validate == "function" && typeof y.$model < "u" ? _(y) : p(y, _));
       }
   }
-  function f(h, g) {
-    const _ = g.split(".");
+  function f(h, _) {
+    const g = _.split(".");
     let y = h;
-    for (const s of _) {
+    for (const s of g) {
       if (!y) return;
       y = y[s];
     }
@@ -8162,14 +8168,14 @@ export {
   tt as VtSelectContextKey,
   Z4 as WEEKDAY_NAMES,
   M1 as WEEKDAY_NAMES_SHORT,
-  S4 as containUpperCaseLetter,
+  V4 as containUpperCaseLetter,
   B4 as default,
   L4 as email,
   X5 as formatTime,
   x1 as generateTimeOptions,
   G4 as install,
   F1 as isValidDate,
-  V1 as isValidTimeString,
+  S1 as isValidTimeString,
   C4 as loaderDirective,
   q4 as maxLength,
   Xe as messageManager,
@@ -8177,7 +8183,7 @@ export {
   N4 as mk,
   Ge as modalManager,
   D4 as noSpaces,
-  V4 as numeric,
+  S4 as numeric,
   Q5 as parseTimeString,
   x4 as required,
   U4 as sameAs,