voiptime-components 1.7.4 → 1.7.6

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { createElementBlock as a, openBlock as s, createElementVNode as r, createStaticVNode as Pe, defineComponent as de, computed as x, createBlock as ie, createCommentVNode as j, resolveDynamicComponent as Xe, normalizeStyle as fe, useSlots as Qe, resolveDirective as Ge, withDirectives as Ae, normalizeClass as Y, renderSlot as Ce, Teleport as Je, withModifiers as me, toDisplayString as G, watch as ce, Fragment as he, renderList as pe, vModelSelect as k1, createVNode as X, withCtx as we, createTextVNode as xe, ref as H, onUnmounted as Ie, nextTick as ve, provide as e1, onMounted as ge, unref as ne, inject as t1, createApp as b1, h as qe, mergeModels as l1, useModel as y1, reactive as x1, Transition as r1, onBeforeUnmount as M1 } from "vue";
+import { createElementBlock as a, openBlock as s, createElementVNode as r, createStaticVNode as Pe, defineComponent as ue, computed as k, createBlock as ie, createCommentVNode as j, resolveDynamicComponent as Xe, normalizeStyle as pe, useSlots as Qe, resolveDirective as Ge, withDirectives as Ae, normalizeClass as A, renderSlot as ve, Teleport as Je, withModifiers as me, toDisplayString as Q, watch as fe, Fragment as ce, renderList as he, vModelSelect as k1, createVNode as X, withCtx as we, createTextVNode as ge, ref as I, onUnmounted as Ie, nextTick as Ce, provide as e1, onMounted as _e, unref as oe, inject as t1, createApp as b1, h as qe, mergeModels as l1, useModel as y1, reactive as x1, Transition as r1, onBeforeUnmount as $1 } from "vue";
 const w = (n, e) => {
   const o = n.__vccOpts || n;
   for (const [t, l] of e)
     o[t] = l;
   return o;
-}, $1 = {}, L1 = {
+}, M1 = {}, L1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -29,15 +29,15 @@ function V1(n, e) {
     }, null, -1)
   ]));
 }
-const S1 = /* @__PURE__ */ w($1, [["render", V1]]), I1 = {}, H1 = {
+const S1 = /* @__PURE__ */ w(M1, [["render", V1]]), I1 = {}, B1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function B1(n, e) {
-  return s(), a("svg", H1, e[0] || (e[0] = [
+function H1(n, e) {
+  return s(), a("svg", B1, e[0] || (e[0] = [
     r("circle", {
       cx: "10",
       cy: "10",
@@ -61,7 +61,7 @@ function B1(n, e) {
     }, null, -1)
   ]));
 }
-const E1 = /* @__PURE__ */ w(I1, [["render", B1]]), T1 = {}, j1 = {
+const E1 = /* @__PURE__ */ w(I1, [["render", H1]]), T1 = {}, j1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -104,7 +104,7 @@ const P1 = /* @__PURE__ */ w(R1, [["render", W1]]), A1 = {}, Z1 = {
   width: "20",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function N1(n, e) {
+function F1(n, e) {
   return s(), a("svg", Z1, e[0] || (e[0] = [
     r("path", {
       d: "M12.5 10L10 12.5M10 12.5L7.5 10M10 12.5L10 4",
@@ -121,7 +121,7 @@ function N1(n, e) {
     }, null, -1)
   ]));
 }
-const F1 = /* @__PURE__ */ w(A1, [["render", N1]]), q1 = {}, K1 = {
+const N1 = /* @__PURE__ */ w(A1, [["render", F1]]), q1 = {}, K1 = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -284,15 +284,15 @@ function bt(n, e) {
     }, null, -1)
   ]));
 }
-const yt = /* @__PURE__ */ w(_t, [["render", bt]]), xt = {}, Mt = {
+const yt = /* @__PURE__ */ w(_t, [["render", bt]]), xt = {}, $t = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function $t(n, e) {
-  return s(), a("svg", Mt, e[0] || (e[0] = [
+function Mt(n, e) {
+  return s(), a("svg", $t, e[0] || (e[0] = [
     r("path", {
       d: "M6.25065 8.33073L8.33398 10.4141L6.25065 12.4974M10.0007 12.4974H13.334M5.00065 4.16406H15.0007C15.4427 4.16406 15.8666 4.33966 16.1792 4.65222C16.4917 4.96478 16.6673 5.3887 16.6673 5.83073V14.1641C16.6673 14.6061 16.4917 15.03 16.1792 15.3426C15.8666 15.6551 15.4427 15.8307 15.0007 15.8307H5.00065C4.55862 15.8307 4.1347 15.6551 3.82214 15.3426C3.50958 15.03 3.33398 14.6061 3.33398 14.1641V5.83073C3.33398 5.3887 3.50958 4.96478 3.82214 4.65222C4.1347 4.33966 4.55862 4.16406 5.00065 4.16406Z",
       stroke: "currentColor",
@@ -302,7 +302,7 @@ function $t(n, e) {
     }, null, -1)
   ]));
 }
-const Lt = /* @__PURE__ */ w(xt, [["render", $t]]), Vt = {}, St = {
+const Lt = /* @__PURE__ */ w(xt, [["render", Mt]]), Vt = {}, St = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -336,7 +336,7 @@ function It(n, e) {
     }, null, -1)
   ]));
 }
-const Ht = /* @__PURE__ */ w(Vt, [["render", It]]), Bt = {}, Et = {
+const Bt = /* @__PURE__ */ w(Vt, [["render", It]]), Ht = {}, Et = {
   fill: "none",
   height: "20",
   viewBox: "0 0 21 20",
@@ -354,7 +354,7 @@ function Tt(n, e) {
     }, null, -1)
   ]));
 }
-const jt = /* @__PURE__ */ w(Bt, [["render", Tt]]), zt = {}, Ot = {
+const jt = /* @__PURE__ */ w(Ht, [["render", Tt]]), zt = {}, Ot = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -387,7 +387,7 @@ function At(n, e) {
     }, null, -1)
   ]));
 }
-const Zt = /* @__PURE__ */ w(Wt, [["render", At]]), Nt = {}, Ft = {
+const Zt = /* @__PURE__ */ w(Wt, [["render", At]]), Ft = {}, Nt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -395,7 +395,7 @@ const Zt = /* @__PURE__ */ w(Wt, [["render", At]]), Nt = {}, Ft = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function qt(n, e) {
-  return s(), a("svg", Ft, e[0] || (e[0] = [
+  return s(), a("svg", Nt, e[0] || (e[0] = [
     r("path", {
       d: "M9 6.5L12.8182 10L9 13.5",
       stroke: "currentColor",
@@ -410,7 +410,7 @@ function qt(n, e) {
     }, null, -1)
   ]));
 }
-const Kt = /* @__PURE__ */ w(Nt, [["render", qt]]), Ut = {}, Yt = {
+const Kt = /* @__PURE__ */ w(Ft, [["render", qt]]), Ut = {}, Yt = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -583,7 +583,7 @@ const bn = /* @__PURE__ */ w(gn, [["render", kn]]), yn = {}, xn = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Mn(n, e) {
+function $n(n, e) {
   return s(), a("svg", xn, e[0] || (e[0] = [
     r("path", {
       d: "M8.60352 6L12.6035 10L8.60352 14",
@@ -594,7 +594,7 @@ function Mn(n, e) {
     }, null, -1)
   ]));
 }
-const $n = /* @__PURE__ */ w(yn, [["render", Mn]]), Ln = {}, Vn = {
+const Mn = /* @__PURE__ */ w(yn, [["render", $n]]), Ln = {}, Vn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -612,7 +612,7 @@ function Sn(n, e) {
     }, null, -1)
   ]));
 }
-const In = /* @__PURE__ */ w(Ln, [["render", Sn]]), Hn = {}, Bn = {
+const In = /* @__PURE__ */ w(Ln, [["render", Sn]]), Bn = {}, Hn = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -620,7 +620,7 @@ const In = /* @__PURE__ */ w(Ln, [["render", Sn]]), Hn = {}, Bn = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function En(n, e) {
-  return s(), a("svg", Bn, e[0] || (e[0] = [
+  return s(), a("svg", Hn, e[0] || (e[0] = [
     r("path", {
       d: "M2 8.36287C2 5.36357 2 3.86353 3.09365 2.93216C4.18729 2.0008 5.94679 2 9.46667 2H10.1457C13.0094 2 15.5096 2 16.504 2.6347C16.7886 2.81604 17.0416 3.03238 17.2551 3.27496C18 4.12281 18 5.3429 18 7.78465V9.80884C18 12.1655 18 13.2798 18 13.2798C18 13.2798 17.9068 15.3029 17.5 16C17.0932 16.6971 16 17.7068 14.8 17.9072C13.6 18.1076 11.7305 17.8652 10.1457 17.8926C9.30684 17.9072 8.3873 17.9072 7.42958 17.9072C5.85016 17.9072 5.05958 17.9072 4.42886 17.7068C3.41427 17.3838 2.61402 16.7022 2.23542 15.8377C2 15.3 2 14.6263 2 13.2798V8.36287Z",
       stroke: "currentColor",
@@ -651,7 +651,7 @@ function En(n, e) {
     }, null, -1)
   ]));
 }
-const Tn = /* @__PURE__ */ w(Hn, [["render", En]]), jn = {}, zn = {
+const Tn = /* @__PURE__ */ w(Bn, [["render", En]]), jn = {}, zn = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -708,15 +708,15 @@ function Pn(n, e) {
     }, null, -1)
   ]));
 }
-const An = /* @__PURE__ */ w(Dn, [["render", Pn]]), Zn = {}, Nn = {
+const An = /* @__PURE__ */ w(Dn, [["render", Pn]]), Zn = {}, Fn = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Fn(n, e) {
-  return s(), a("svg", Nn, e[0] || (e[0] = [
+function Nn(n, e) {
+  return s(), a("svg", Fn, e[0] || (e[0] = [
     r("path", {
       d: "M9.4676 15.1809L5.5026 16.5026V9.41927L1.76927 5.3126C1.49048 5.00588 1.33598 4.60627 1.33594 4.19177V2.33594H14.6693V4.14594C14.6692 4.58793 14.4935 5.01178 14.1809 5.32427L10.5026 9.0026V10.2526",
       stroke: "currentColor",
@@ -733,7 +733,7 @@ function Fn(n, e) {
     }, null, -1)
   ]));
 }
-const qn = /* @__PURE__ */ w(Zn, [["render", Fn]]), Kn = {}, Un = {
+const qn = /* @__PURE__ */ w(Zn, [["render", Nn]]), Kn = {}, Un = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -887,7 +887,7 @@ function xo(n, e) {
     }, null, -1)
   ]));
 }
-const Mo = /* @__PURE__ */ w(bo, [["render", xo]]), $o = {}, Lo = {
+const $o = /* @__PURE__ */ w(bo, [["render", xo]]), Mo = {}, Lo = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -919,15 +919,15 @@ function Vo(n, e) {
     }, null, -1)
   ]));
 }
-const So = /* @__PURE__ */ w($o, [["render", Vo]]), Io = {}, Ho = {
+const So = /* @__PURE__ */ w(Mo, [["render", Vo]]), Io = {}, Bo = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Bo(n, e) {
-  return s(), a("svg", Ho, e[0] || (e[0] = [
+function Ho(n, e) {
+  return s(), a("svg", Bo, e[0] || (e[0] = [
     r("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -944,7 +944,7 @@ function Bo(n, e) {
     }, null, -1)
   ]));
 }
-const Eo = /* @__PURE__ */ w(Io, [["render", Bo]]), To = {}, jo = {
+const Eo = /* @__PURE__ */ w(Io, [["render", Ho]]), To = {}, jo = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -981,7 +981,7 @@ const Po = /* @__PURE__ */ w(Ro, [["render", Wo]]), Ao = {}, Zo = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function No(n, e) {
+function Fo(n, e) {
   return s(), a("svg", Zo, e[0] || (e[0] = [
     r("path", {
       d: "M1.66406 8.33594C1.66406 8.33594 4.58073 11.6693 9.9974 11.6693C15.4141 11.6693 18.3307 8.33594 18.3307 8.33594M3.33073 9.70677L1.66406 11.6693M18.3307 11.6693L16.6674 9.70927M7.42573 11.4026L6.66406 13.7526M12.5499 11.4093L13.3307 13.7526",
@@ -992,7 +992,7 @@ function No(n, e) {
     }, null, -1)
   ]));
 }
-const Fo = /* @__PURE__ */ w(Ao, [["render", No]]), qo = {}, Ko = {
+const No = /* @__PURE__ */ w(Ao, [["render", Fo]]), qo = {}, Ko = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1209,15 +1209,15 @@ function bl(n, e) {
     }, null, -1)
   ]));
 }
-const yl = /* @__PURE__ */ w(_l, [["render", bl]]), xl = {}, Ml = {
+const yl = /* @__PURE__ */ w(_l, [["render", bl]]), xl = {}, $l = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
   width: "20",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function $l(n, e) {
-  return s(), a("svg", Ml, e[0] || (e[0] = [
+function Ml(n, e) {
+  return s(), a("svg", $l, e[0] || (e[0] = [
     r("path", {
       d: "M5.10938 6.41406L9.00209 9.00921L12.8948 6.41406",
       stroke: "currentColor",
@@ -1240,7 +1240,7 @@ function $l(n, e) {
     }, null, -1)
   ]));
 }
-const Ll = /* @__PURE__ */ w(xl, [["render", $l]]), Vl = {}, Sl = {
+const Ll = /* @__PURE__ */ w(xl, [["render", Ml]]), Vl = {}, Sl = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1274,7 +1274,7 @@ function Il(n, e) {
     }, null, -1)
   ]));
 }
-const Hl = /* @__PURE__ */ w(Vl, [["render", Il]]), Bl = {}, El = {
+const Bl = /* @__PURE__ */ w(Vl, [["render", Il]]), Hl = {}, El = {
   fill: "none",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1305,7 +1305,7 @@ function Tl(n, e) {
     }, null, -1)
   ]));
 }
-const jl = /* @__PURE__ */ w(Bl, [["render", Tl]]), zl = {}, Ol = {
+const jl = /* @__PURE__ */ w(Hl, [["render", Tl]]), zl = {}, Ol = {
   fill: "none",
   height: "24",
   viewBox: "0 0 25 24",
@@ -1362,7 +1362,7 @@ function Al(n, e) {
     }, null, -1)
   ]));
 }
-const Zl = /* @__PURE__ */ w(Wl, [["render", Al]]), Nl = {}, Fl = {
+const Zl = /* @__PURE__ */ w(Wl, [["render", Al]]), Fl = {}, Nl = {
   fill: "none",
   height: "20",
   viewBox: "0 0 21 20",
@@ -1370,7 +1370,7 @@ const Zl = /* @__PURE__ */ w(Wl, [["render", Al]]), Nl = {}, Fl = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function ql(n, e) {
-  return s(), a("svg", Fl, e[0] || (e[0] = [
+  return s(), a("svg", Nl, e[0] || (e[0] = [
     r("path", {
       d: "M8.89323 17.7057H7.85156C6.52548 17.7057 5.25371 17.1789 4.31603 16.2413C3.37835 15.3036 2.85156 14.0318 2.85156 12.7057V7.28906C2.85156 5.96298 3.37835 4.69121 4.31603 3.75353C5.25371 2.81585 6.52548 2.28906 7.85156 2.28906H13.2682C14.5943 2.28906 15.8661 2.81585 16.8038 3.75353C17.7414 4.69121 18.2682 5.96298 18.2682 7.28906V8.33073",
       stroke: "currentColor",
@@ -1386,7 +1386,7 @@ function ql(n, e) {
     }, null, -1)
   ]));
 }
-const Kl = /* @__PURE__ */ w(Nl, [["render", ql]]), Ul = {}, Yl = {
+const Kl = /* @__PURE__ */ w(Fl, [["render", ql]]), Ul = {}, Yl = {
   fill: "none",
   height: "20",
   viewBox: "0 0 21 20",
@@ -1542,7 +1542,7 @@ function xr(n, e) {
     }, null, -1)
   ]));
 }
-const Mr = /* @__PURE__ */ w(br, [["render", xr]]), $r = {}, Lr = {
+const $r = /* @__PURE__ */ w(br, [["render", xr]]), Mr = {}, Lr = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1570,15 +1570,15 @@ function Vr(n, e) {
     }, null, -1)
   ]));
 }
-const Sr = /* @__PURE__ */ w($r, [["render", Vr]]), Ir = {}, Hr = {
+const Sr = /* @__PURE__ */ w(Mr, [["render", Vr]]), Ir = {}, Br = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Br(n, e) {
-  return s(), a("svg", Hr, e[0] || (e[0] = [
+function Hr(n, e) {
+  return s(), a("svg", Br, e[0] || (e[0] = [
     r("path", {
       d: "M14.5833 1.83594C15.7533 1.83594 16.3392 1.83594 16.7592 2.11677C16.9412 2.2384 17.0975 2.39471 17.2192 2.57677C17.5 2.99677 17.5 3.5826 17.5 4.7526V15.4193C17.5 16.5893 17.5 17.1751 17.2192 17.5951C17.0975 17.7772 16.9412 17.9335 16.7592 18.0551C16.3392 18.3359 15.7533 18.3359 14.5833 18.3359C13.4133 18.3359 12.8275 18.3359 12.4075 18.0551C12.2254 17.9335 12.0691 17.7772 11.9475 17.5951C11.6667 17.1751 11.6667 16.5893 11.6667 15.4193V4.7526C11.6667 3.5826 11.6667 2.99677 11.9475 2.57677C12.0691 2.39471 12.2254 2.2384 12.4075 2.11677C12.8275 1.83594 13.4133 1.83594 14.5833 1.83594ZM5.41667 1.83594C6.58667 1.83594 7.1725 1.83594 7.5925 2.11677C7.77456 2.2384 7.93087 2.39471 8.0525 2.57677C8.33333 2.99677 8.33333 3.5826 8.33333 4.7526V15.4193C8.33333 16.5893 8.33333 17.1751 8.0525 17.5951C7.93087 17.7772 7.77456 17.9335 7.5925 18.0551C7.1725 18.3359 6.58667 18.3359 5.41667 18.3359C4.24667 18.3359 3.66083 18.3359 3.24083 18.0551C3.05877 17.9335 2.90246 17.7772 2.78083 17.5951C2.5 17.1751 2.5 16.5893 2.5 15.4193V4.7526C2.5 3.5826 2.5 2.99677 2.78083 2.57677C2.90246 2.39471 3.05877 2.2384 3.24083 2.11677C3.66083 1.83594 4.24667 1.83594 5.41667 1.83594Z",
       stroke: "currentColor",
@@ -1588,7 +1588,7 @@ function Br(n, e) {
     }, null, -1)
   ]));
 }
-const Er = /* @__PURE__ */ w(Ir, [["render", Br]]), Tr = {}, jr = {
+const Er = /* @__PURE__ */ w(Ir, [["render", Hr]]), Tr = {}, jr = {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
@@ -1636,7 +1636,7 @@ const Pr = /* @__PURE__ */ w(Rr, [["render", Wr]]), Ar = {
   circleClose: E1,
   close: O1,
   delete: P1,
-  download: F1,
+  download: N1,
   edit: Y1,
   forward: J1,
   goTo: ot,
@@ -1646,7 +1646,7 @@ const Pr = /* @__PURE__ */ w(Rr, [["render", Wr]]), Ar = {
   pause: gt,
   plusRound: yt,
   prompt: Lt,
-  prompter: Ht,
+  prompter: Bt,
   reply: jt,
   save: Dt,
   star: Zt,
@@ -1659,7 +1659,7 @@ const Pr = /* @__PURE__ */ w(Rr, [["render", Wr]]), Ar = {
   arrowDown: fn,
   arrowLeft: wn,
   arrowReload: bn,
-  arrowRight: $n,
+  arrowRight: Mn,
   arrowTop: In,
   // files icons
   emptyImg: Tn,
@@ -1674,13 +1674,13 @@ const Pr = /* @__PURE__ */ w(Rr, [["render", Wr]]), Ar = {
   filterMultiselect: po,
   filterNew: Co,
   filterReset: ko,
-  filterSave: Mo,
+  filterSave: $o,
   // input icons
   alertCircle: So,
   alertTriangle: Eo,
   calendar: Oo,
   checkCircle: Po,
-  eyeClosed: Fo,
+  eyeClosed: No,
   eyeOpened: Yo,
   search: Jo,
   url: ol,
@@ -1691,7 +1691,7 @@ const Pr = /* @__PURE__ */ w(Rr, [["render", Wr]]), Ar = {
   emailIncoming: gl,
   emailNew: yl,
   emailOutgoing: Ll,
-  emailQueue: Hl,
+  emailQueue: Bl,
   emailSpam: jl,
   // others icons
   ivr: Dl,
@@ -1705,12 +1705,12 @@ const Pr = /* @__PURE__ */ w(Rr, [["render", Wr]]), Ar = {
   empty: pr,
   excel: Cr,
   freeze: kr,
-  listAdd: Mr,
+  listAdd: $r,
   tableSettings: Sr,
   twoColumns: Er,
   twoRows: Or,
   unfreeze: Pr
-}, oe = /* @__PURE__ */ de({
+}, le = /* @__PURE__ */ ue({
   __name: "VIcon",
   props: {
     name: {},
@@ -1719,24 +1719,24 @@ const Pr = /* @__PURE__ */ w(Rr, [["render", Wr]]), Ar = {
     color: { default: "currentColor" }
   },
   setup(n) {
-    const e = n, o = x(() => Ar[e.name]), t = x(() => ({
+    const e = n, o = k(() => Ar[e.name]), t = k(() => ({
       ...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 (l, i) => o.value ? (s(), ie(Xe(o.value), {
       key: 0,
-      style: fe(t.value)
+      style: pe(t.value)
     }, null, 8, ["style"])) : j("", !0);
   }
-}), Zr = {}, Nr = { class: "vt-loader" };
-function Fr(n, e) {
-  return s(), a("span", Nr);
+}), Zr = {}, Fr = { class: "vt-loader" };
+function Nr(n, e) {
+  return s(), a("span", Fr);
 }
-const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "data-placement"], Kr = {
+const je = /* @__PURE__ */ w(Zr, [["render", Nr]]), qr = ["disabled", "type", "data-placement"], Kr = {
   key: 2,
   class: "vt-button__content"
-}, We = /* @__PURE__ */ de({
+}, We = /* @__PURE__ */ ue({
   __name: "VButton",
   props: {
     type: { default: "default" },
@@ -1750,11 +1750,11 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
   },
   emits: ["click"],
   setup(n, { emit: e }) {
-    const o = n, t = e, l = Qe(), i = x(() => !!(o.icon && o.shape)), c = x(() => {
-      var _, C;
-      const d = l.default ? l.default({}) : null;
-      return ((C = (_ = d == null ? void 0 : d[0]) == null ? void 0 : _.children) == null ? void 0 : C.toString()) ?? "";
-    }), p = x(() => [
+    const o = n, t = e, l = Qe(), i = k(() => !!(o.icon && o.shape)), c = k(() => {
+      var g, C;
+      const u = l.default ? l.default({}) : null;
+      return ((C = (g = u == null ? void 0 : u[0]) == null ? void 0 : g.children) == null ? void 0 : C.toString()) ?? "";
+    }), p = k(() => [
       "vt-button",
       `vt-button--${o.type}`,
       {
@@ -1763,13 +1763,13 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
         "vt-button--disabled": o.disabled || o.loading,
         "vt-button--loading": o.loading
       }
-    ]), v = x(() => i.value && o.tooltip ? c.value : null), f = (d) => {
-      !o.disabled && !o.loading && t("click", d);
+    ]), v = k(() => i.value && o.tooltip ? c.value : null), f = (u) => {
+      !o.disabled && !o.loading && t("click", u);
     };
-    return (d, _) => {
+    return (u, g) => {
       const C = Ge("tooltip");
       return Ae((s(), a("button", {
-        class: Y(p.value),
+        class: A(p.value),
         disabled: o.disabled || o.loading,
         type: o.htmlType,
         "data-placement": o.tooltipPlacement,
@@ -1778,13 +1778,13 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
         o.loading ? (s(), ie(je, {
           key: 0,
           class: "vt-button__icon"
-        })) : o.icon ? (s(), ie(oe, {
+        })) : o.icon ? (s(), ie(le, {
           key: 1,
           name: o.icon,
           class: "vt-button__icon"
         }, null, 8, ["name"])) : j("", !0),
         i.value ? j("", !0) : (s(), a("span", Kr, [
-          Ce(d.$slots, "default")
+          ve(u.$slots, "default")
         ]))
       ], 10, qr)), [
         [C, v.value]
@@ -1797,7 +1797,7 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
 }, Yr = {
   key: 0,
   class: "vt-modal__title"
-}, Xr = { class: "vt-modal__content" }, v1 = /* @__PURE__ */ de({
+}, Xr = { class: "vt-modal__content" }, v1 = /* @__PURE__ */ ue({
   __name: "VModal",
   props: {
     modelValue: { type: Boolean },
@@ -1809,7 +1809,7 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "close"],
   setup(n, { emit: e }) {
-    const o = n, t = e, l = x(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), i = x(() => ({
+    const o = n, t = e, l = k(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), i = k(() => ({
       zIndex: o.zIndex
     })), c = () => {
       t("update:modelValue", !1), t("close");
@@ -1820,17 +1820,17 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
       v.modelValue ? (s(), a("div", {
         key: 0,
         class: "vt-modal__backdrop",
-        style: fe(i.value),
+        style: pe(i.value),
         onClick: p
       }, [
         r("div", {
-          class: Y(l.value),
+          class: A(l.value),
           onClick: f[0] || (f[0] = me(() => {
           }, ["stop"]))
         }, [
           v.title || v.showCloseButton ? (s(), a("div", Ur, [
-            v.title ? (s(), a("h2", Yr, G(v.title), 1)) : j("", !0),
-            v.showCloseButton ? (s(), ie(oe, {
+            v.title ? (s(), a("h2", Yr, Q(v.title), 1)) : j("", !0),
+            v.showCloseButton ? (s(), ie(le, {
               key: 1,
               name: "close",
               class: "vt-modal__close",
@@ -1838,13 +1838,13 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
             })) : j("", !0)
           ])) : j("", !0),
           r("div", Xr, [
-            Ce(v.$slots, "default")
+            ve(v.$slots, "default")
           ])
         ], 2)
       ], 4)) : j("", !0)
     ]));
   }
-}), Qr = { class: "vt-pagination" }, Gr = { class: "vt-pagination__info" }, Jr = { class: "vt-pagination__rows-per-page" }, es = ["value"], ts = { class: "vt-pagination__navigation" }, ns = ["disabled"], os = ["onClick"], ls = ["disabled"], rs = /* @__PURE__ */ de({
+}), Qr = { class: "vt-pagination" }, Gr = { class: "vt-pagination__info" }, Jr = { class: "vt-pagination__rows-per-page" }, es = ["value"], ts = { class: "vt-pagination__navigation" }, ns = ["disabled"], os = ["onClick"], ls = ["disabled"], rs = /* @__PURE__ */ ue({
   __name: "VPagination",
   props: {
     totalItems: {},
@@ -1855,24 +1855,24 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
   },
   emits: ["update:currentPage", "update:pageSize", "pageChange", "reloadData"],
   setup(n, { emit: e }) {
-    const o = n, t = e, l = x({
+    const o = n, t = e, l = k({
       get: () => o.currentPage,
       set: (B) => t("update:currentPage", B)
-    }), i = x({
+    }), i = k({
       get: () => o.pageSize,
       set: (B) => t("update:pageSize", B)
-    }), c = x(() => Math.ceil(o.totalItems / i.value)), p = x(() => o.totalItems === 0 ? 0 : (l.value - 1) * i.value + 1), v = x(() => Math.min(l.value * i.value, o.totalItems)), f = x(() => l.value <= 1), d = x(() => l.value >= c.value), _ = x(() => {
-      const B = [], R = c.value, O = l.value, te = o.maxVisiblePages;
-      if (R <= te)
-        for (let Q = 1; Q <= R; Q++)
-          B.push(Q);
+    }), c = k(() => Math.ceil(o.totalItems / i.value)), p = k(() => o.totalItems === 0 ? 0 : (l.value - 1) * i.value + 1), v = k(() => Math.min(l.value * i.value, o.totalItems)), f = k(() => l.value <= 1), u = k(() => l.value >= c.value), g = k(() => {
+      const B = [], R = c.value, O = l.value, ee = o.maxVisiblePages;
+      if (R <= ee)
+        for (let G = 1; G <= R; G++)
+          B.push(G);
       else {
         B.push(1);
-        const Q = Math.max(2, O - Math.floor(te / 2)), J = Math.min(R - 1, O + Math.floor(te / 2));
-        Q > 2 && B.push("...");
-        for (let q = Q; q <= J; q++)
-          B.push(q);
-        J < R - 1 && B.push("..."), R > 1 && B.push(R);
+        const G = Math.max(2, O - Math.floor(ee / 2)), te = Math.min(R - 1, O + Math.floor(ee / 2));
+        G > 2 && B.push("...");
+        for (let U = G; U <= te; U++)
+          B.push(U);
+        te < R - 1 && B.push("..."), R > 1 && B.push(R);
       }
       return B;
     }), C = () => {
@@ -1882,16 +1882,16 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
       });
     }, z = (B) => {
       typeof B == "number" && B !== l.value && (l.value = B, C());
-    }, A = () => {
+    }, Z = () => {
       f.value || (l.value--, C());
     }, D = () => {
-      d.value || (l.value++, C());
-    }, Z = () => {
+      u.value || (l.value++, C());
+    }, F = () => {
       l.value = 1, C();
-    }, U = () => {
+    }, K = () => {
       t("reloadData", l.value);
     };
-    return ce(
+    return fe(
       () => o.totalItems,
       () => {
         l.value > c.value && c.value > 0 && (l.value = c.value, C());
@@ -1906,40 +1906,40 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
           Ae(r("select", {
             id: "rowsSelect",
             "onUpdate:modelValue": R[0] || (R[0] = (O) => i.value = O),
-            onChange: Z,
+            onChange: F,
             class: "vt-pagination__select"
           }, [
-            (s(!0), a(he, null, pe(B.pageSizeOptions, (O) => (s(), a("option", {
+            (s(!0), a(ce, null, he(B.pageSizeOptions, (O) => (s(), a("option", {
               key: O,
               value: O
-            }, G(O), 9, es))), 128))
+            }, Q(O), 9, es))), 128))
           ], 544), [
             [k1, i.value]
           ])
         ]),
-        r("span", null, G(p.value) + " - " + G(v.value) + " з " + G(B.totalItems), 1)
+        r("span", null, Q(p.value) + " - " + Q(v.value) + " з " + Q(B.totalItems), 1)
       ]),
       r("div", ts, [
         r("button", {
-          onClick: A,
+          onClick: Z,
           disabled: f.value,
-          class: Y({ "vt-pagination__nav-button": !0, "has-items": !f.value })
+          class: A({ "vt-pagination__nav-button": !0, "has-items": !f.value })
         }, [
-          X(oe, { name: "arrowLeft" })
+          X(le, { name: "arrowLeft" })
         ], 10, ns),
-        (s(!0), a(he, null, pe(_.value, (O) => (s(), a("button", {
+        (s(!0), a(ce, null, he(g.value, (O) => (s(), a("button", {
           key: O,
-          onClick: (te) => z(O),
-          class: Y(["vt-pagination__nav-button", {
+          onClick: (ee) => z(O),
+          class: A(["vt-pagination__nav-button", {
             "vt-pagination__nav-button--active": O === l.value
           }])
-        }, G(O), 11, os))), 128)),
+        }, Q(O), 11, os))), 128)),
         r("button", {
           onClick: D,
-          disabled: d.value,
-          class: Y({ "vt-pagination__nav-button": !0, "has-items": !d.value })
+          disabled: u.value,
+          class: A({ "vt-pagination__nav-button": !0, "has-items": !u.value })
         }, [
-          X(oe, { name: "arrowRight" })
+          X(le, { name: "arrowRight" })
         ], 10, ls)
       ]),
       r("div", null, [
@@ -1948,10 +1948,10 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
           shape: "circle",
           tooltip: "",
           tooltipPlacement: "left",
-          onClick: U
+          onClick: K
         }, {
           default: we(() => R[2] || (R[2] = [
-            xe("Оновити дані ", -1)
+            ge("Оновити дані ", -1)
           ])),
           _: 1,
           __: [2]
@@ -1959,7 +1959,7 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
       ])
     ]));
   }
-}), ss = ["for"], is = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], Me = /* @__PURE__ */ de({
+}), ss = ["for"], is = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], $e = /* @__PURE__ */ ue({
   __name: "VCheckbox",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -1977,35 +1977,35 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(n, { emit: e }) {
-    const o = n, t = e, l = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, i = x(() => o.id || l()), c = x(() => o.modelValue ?? o.checked), p = (d) => {
+    const o = n, t = e, l = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, i = k(() => o.id || l()), c = k(() => o.modelValue ?? o.checked), p = (u) => {
       if (o.disabled) return;
-      const C = d.target.checked;
-      t("update:modelValue", C), t("change", C, d);
-    }, v = (d) => {
-      t("focus", d);
-    }, f = (d) => {
-      t("blur", d);
+      const C = u.target.checked;
+      t("update:modelValue", C), t("change", C, u);
+    }, v = (u) => {
+      t("focus", u);
+    }, f = (u) => {
+      t("blur", u);
     };
-    return (d, _) => (s(), a("label", {
-      class: Y([
+    return (u, g) => (s(), a("label", {
+      class: A([
         "vt-checkbox",
-        `vt-checkbox--${d.size}`,
-        `vt-checkbox--${d.variant}`,
+        `vt-checkbox--${u.size}`,
+        `vt-checkbox--${u.variant}`,
         {
-          "vt-checkbox--disabled": d.disabled,
-          "vt-checkbox--double": d.isDouble
+          "vt-checkbox--disabled": u.disabled,
+          "vt-checkbox--double": u.isDouble
         }
       ]),
       for: i.value
     }, [
       r("input", {
         id: i.value,
-        name: d.name,
-        value: d.value,
+        name: u.name,
+        value: u.value,
         checked: c.value,
-        disabled: d.disabled,
-        required: d.required,
-        ".indeterminate": d.indeterminate,
+        disabled: u.disabled,
+        required: u.required,
+        ".indeterminate": u.indeterminate,
         type: "checkbox",
         class: "vt-checkbox__input",
         onChange: p,
@@ -2013,19 +2013,19 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
         onBlur: f
       }, null, 40, is),
       r("div", {
-        class: Y([
+        class: A([
           "vt-checkbox__box",
           {
-            "vt-checkbox__box--checked": c.value && !d.indeterminate && !d.isDouble,
-            "vt-checkbox__box--indeterminate": d.indeterminate,
-            "vt-checkbox__box--double": d.isDouble && c.value,
-            "vt-checkbox__box--disabled": d.disabled
+            "vt-checkbox__box--checked": c.value && !u.indeterminate && !u.isDouble,
+            "vt-checkbox__box--indeterminate": u.indeterminate,
+            "vt-checkbox__box--double": u.isDouble && c.value,
+            "vt-checkbox__box--disabled": u.disabled
           }
         ])
       }, [
-        !d.indeterminate && !d.isDouble ? (s(), a("svg", {
+        !u.indeterminate && !u.isDouble ? (s(), a("svg", {
           key: 0,
-          class: Y([
+          class: A([
             "vt-checkbox__checkmark",
             {
               "vt-checkbox__checkmark--checked": c.value
@@ -2036,7 +2036,7 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
           viewBox: "0 0 10 9",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, _[0] || (_[0] = [
+        }, g[0] || (g[0] = [
           r("path", {
             d: "M1 5L3.58264 7.58264C3.80112 7.80112 4.16348 7.77113 4.34306 7.51971L9 1",
             stroke: "currentColor",
@@ -2044,9 +2044,9 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
             "stroke-linecap": "round"
           }, null, -1)
         ]), 2)) : j("", !0),
-        d.isDouble && c.value ? (s(), a("svg", {
+        u.isDouble && c.value ? (s(), a("svg", {
           key: 1,
-          class: Y([
+          class: A([
             "vt-checkbox__checkmark",
             {
               "vt-checkbox__checkmark--checked": c.value
@@ -2057,7 +2057,7 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
           viewBox: "0 0 13 6",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, _[1] || (_[1] = [
+        }, g[1] || (g[1] = [
           r("path", {
             d: "M6 3L8.25 5L12 1",
             stroke: "currentColor",
@@ -2073,36 +2073,119 @@ const je = /* @__PURE__ */ w(Zr, [["render", Fr]]), qr = ["disabled", "type", "d
             "stroke-linejoin": "round"
           }, null, -1)
         ]), 2)) : j("", !0),
-        d.indeterminate ? (s(), a("div", {
+        u.indeterminate ? (s(), a("div", {
           key: 2,
-          class: Y([
+          class: A([
             "vt-checkbox__indeterminate-mark",
             {
-              "vt-checkbox__indeterminate-mark--visible": d.indeterminate
+              "vt-checkbox__indeterminate-mark--visible": u.indeterminate
             }
           ])
         }, null, 2)) : j("", !0)
       ], 2),
-      d.label || d.$slots.label || d.$slots.default ? (s(), a("span", {
+      u.label || u.$slots.label || u.$slots.default ? (s(), a("span", {
         key: 0,
-        class: Y([
+        class: A([
           "vt-checkbox__label",
           {
-            "vt-checkbox__label--disabled": d.disabled
+            "vt-checkbox__label--disabled": u.disabled
           }
         ])
       }, [
-        Ce(d.$slots, "label", {}, () => [
-          Ce(d.$slots, "default", {}, () => [
-            xe(G(d.label), 1)
+        ve(u.$slots, "label", {}, () => [
+          ve(u.$slots, "default", {}, () => [
+            ge(Q(u.label), 1)
           ])
         ])
       ], 2)) : j("", !0)
     ], 10, ss));
   }
+}), as = ["for"], us = ["id", "checked", "disabled", "name", "required", "value"], ds = /* @__PURE__ */ ue({
+  __name: "VRadiobox",
+  props: {
+    modelValue: { default: void 0 },
+    value: {},
+    checked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    name: {},
+    id: {},
+    size: { default: "medium" },
+    variant: { default: "primary" },
+    required: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(n, { emit: e }) {
+    const o = n, t = e, l = () => `vt-radiobox-${Math.random().toString(36).substr(2, 9)}`, i = k(() => o.id || l()), c = k(() => o.modelValue !== void 0 ? o.modelValue === o.value : o.checked), p = (u) => {
+      if (o.disabled) return;
+      u.target.checked && (t("update:modelValue", o.value), t("change", o.value, u));
+    }, v = (u) => {
+      t("focus", u);
+    }, f = (u) => {
+      t("blur", u);
+    };
+    return (u, g) => (s(), a("label", {
+      class: A([
+        "vt-radiobox",
+        `vt-radiobox--${u.size}`,
+        `vt-radiobox--${u.variant}`,
+        {
+          "vt-radiobox--disabled": u.disabled
+        }
+      ]),
+      for: i.value
+    }, [
+      r("input", {
+        id: i.value,
+        checked: c.value,
+        disabled: u.disabled,
+        name: u.name,
+        required: u.required,
+        value: u.value,
+        class: "vt-radiobox__input",
+        type: "radio",
+        onBlur: f,
+        onChange: p,
+        onFocus: v
+      }, null, 40, us),
+      r("div", {
+        class: A([
+          "vt-radiobox__circle",
+          {
+            "vt-radiobox__circle--checked": c.value,
+            "vt-radiobox__circle--disabled": u.disabled
+          }
+        ])
+      }, [
+        r("div", {
+          class: A([
+            "vt-radiobox__dot",
+            {
+              "vt-radiobox__dot--checked": c.value
+            }
+          ])
+        }, null, 2)
+      ], 2),
+      u.label || u.$slots.label || u.$slots.default ? (s(), a("span", {
+        key: 0,
+        class: A([
+          "vt-radiobox__label",
+          {
+            "vt-radiobox__label--disabled": u.disabled
+          }
+        ])
+      }, [
+        ve(u.$slots, "label", {}, () => [
+          ve(u.$slots, "default", {}, () => [
+            ge(Q(u.label), 1)
+          ])
+        ])
+      ], 2)) : j("", !0)
+    ], 10, as));
+  }
 });
-function as(n) {
-  const e = x(() => [...n].sort((l, i) => l.pinnedLeft && !i.pinnedLeft ? -1 : !l.pinnedLeft && i.pinnedLeft || l.pinnedRight && !i.pinnedRight ? 1 : !l.pinnedRight && i.pinnedRight ? -1 : 0)), o = () => {
+function cs(n) {
+  const e = k(() => [...n].sort((l, i) => l.pinnedLeft && !i.pinnedLeft ? -1 : !l.pinnedLeft && i.pinnedLeft || l.pinnedRight && !i.pinnedRight ? 1 : !l.pinnedRight && i.pinnedRight ? -1 : 0)), o = () => {
     const l = e.value.length, i = e.value.filter((p) => p.width || p.minWidth);
     return l - i.length === 0, 150;
   };
@@ -2115,19 +2198,19 @@ function as(n) {
       if (l === "left") {
         c && (v += 45);
         for (let f = 0; f < i; f++) {
-          const d = p[f];
-          d.pinnedLeft && (v += d.width || d.minWidth || o());
+          const u = p[f];
+          u.pinnedLeft && (v += u.width || u.minWidth || o());
         }
       } else
         for (let f = p.length - 1; f > i; f--) {
-          const d = p[f];
-          d.pinnedRight && (v += d.width || d.minWidth || o());
+          const u = p[f];
+          u.pinnedRight && (v += u.width || u.minWidth || o());
         }
       return v;
     }
   };
 }
-function us(n) {
+function hs(n) {
   const e = () => {
     const i = {};
     return n.maxHeight && (i.maxHeight = `${n.maxHeight}px`), i.overflowX = "auto", i;
@@ -2140,11 +2223,11 @@ function us(n) {
     else if (i.minWidth)
       f.width = `${i.minWidth}px`, f.minWidth = `${i.minWidth}px`, f.maxWidth = "none", f.flexGrow = "1";
     else if (i.maxWidth) {
-      const d = Math.min(v(), i.maxWidth);
-      f.width = `${d}px`, f.minWidth = "80px", f.maxWidth = `${i.maxWidth}px`, f.flexShrink = "1";
+      const u = Math.min(v(), i.maxWidth);
+      f.width = `${u}px`, f.minWidth = "80px", f.maxWidth = `${i.maxWidth}px`, f.flexShrink = "1";
     } else {
-      const d = v();
-      f.width = `${d}px`, f.minWidth = "120px", f.maxWidth = "none", f.flexGrow = "1";
+      const u = v();
+      f.width = `${u}px`, f.minWidth = "120px", f.maxWidth = "none", f.flexGrow = "1";
     }
     return i.pinnedLeft ? (f.position = "sticky", f.left = `${p("left", c, n.selectable)}px`, f.zIndex = "10") : i.pinnedRight && (f.position = "sticky", f.right = `${p("right", c, !1)}px`, f.zIndex = "10"), f;
   };
@@ -2161,8 +2244,8 @@ function us(n) {
     }
   };
 }
-function ds() {
-  const n = H({
+function ps() {
+  const n = I({
     resizingCol: null,
     startX: 0,
     startWidth: 0
@@ -2171,17 +2254,17 @@ function ds() {
     onMouseDown: (t, l, i, c) => {
       t.preventDefault(), t.stopPropagation(), n.value.resizingCol = l, n.value.startX = t.clientX, n.value.startWidth = l.width || l.minWidth || i(l.prop);
       const p = (f) => {
-        const { resizingCol: d, startX: _, startWidth: C } = n.value;
-        if (!d) return;
-        document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((U) => {
-          U.classList.add("vt-table__resizer--active");
+        const { resizingCol: u, startX: g, startWidth: C } = n.value;
+        if (!u) return;
+        document.querySelectorAll(`[data-resizer="${u.prop}"]`).forEach((K) => {
+          K.classList.add("vt-table__resizer--active");
         });
-        const z = f.clientX - _, A = d.minWidth || 50, D = d.maxWidth || 1e3, Z = Math.max(Math.min(C + z, D), A);
-        d.width = Z;
+        const z = f.clientX - g, Z = u.minWidth || 50, D = u.maxWidth || 1e3, F = Math.max(Math.min(C + z, D), Z);
+        u.width = F;
       }, v = () => {
         const { resizingCol: f } = n.value;
-        document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", v), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), f && (document.querySelectorAll(`[data-resizer="${f.prop}"]`).forEach((d) => {
-          d.classList.remove("vt-table__resizer--active");
+        document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", v), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), f && (document.querySelectorAll(`[data-resizer="${f.prop}"]`).forEach((u) => {
+          u.classList.remove("vt-table__resizer--active");
         }), c && f.width && c(f.width)), n.value.resizingCol = null;
       };
       document.addEventListener("mousemove", p), document.addEventListener("mouseup", v), document.body.style.cursor = e, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
@@ -2189,23 +2272,23 @@ function ds() {
     resizeState: n
   };
 }
-function cs(n, e, o, t) {
-  var ee;
-  const l = n.selectionKey || "id", i = H([]), c = H(null), p = H(!1);
-  (ee = n.defaultSelection) != null && ee.length && (i.value = [...n.defaultSelection]);
-  const v = (E) => E[l], f = (E) => p.value ? !0 : i.value.some((L) => v(L) === v(E)), d = x(() => e.value.filter((E) => f(E)).length), _ = x(() => e.value.length > 0 && d.value === e.value.length), C = x(() => {
+function fs(n, e, o, t) {
+  var N;
+  const l = n.selectionKey || "id", i = I([]), c = I(null), p = I(!1);
+  (N = n.defaultSelection) != null && N.length && (i.value = [...n.defaultSelection]);
+  const v = (E) => E[l], f = (E) => p.value ? !0 : i.value.some((L) => v(L) === v(E)), u = k(() => e.value.filter((E) => f(E)).length), g = k(() => e.value.length > 0 && u.value === e.value.length), C = k(() => {
     if (p.value) return !1;
-    const E = d.value;
+    const E = u.value;
     return E > 0 && E < e.value.length;
-  }), z = x(() => p.value ? !0 : _.value && !C.value), A = x(() => p.value), D = (E, L) => {
-    const N = v(E), re = i.value.some((b) => v(b) === v(E)), m = L !== void 0 ? L : !re;
+  }), z = k(() => p.value ? !0 : g.value && !C.value), Z = k(() => p.value), D = (E, L) => {
+    const Y = v(E), ne = i.value.some((b) => v(b) === v(E)), m = L !== void 0 ? L : !ne;
     if (p.value && !m) {
-      p.value = !1, t != null && t.value && (i.value = t.value.filter((b) => v(b) !== N)), q(E, !1);
+      p.value = !1, t != null && t.value && (i.value = t.value.filter((b) => v(b) !== Y)), U(E, !1);
       return;
     }
-    p.value && m || (m && !re ? i.value.push(E) : !m && re && (i.value = i.value.filter((b) => v(b) !== N)), n.selectOnClickRow && L === void 0 && te(m ? E : null), q(E, m));
-  }, Z = () => {
-    switch (U()) {
+    p.value && m || (m && !ne ? i.value.push(E) : !m && ne && (i.value = i.value.filter((b) => v(b) !== Y)), n.selectOnClickRow && L === void 0 && ee(m ? E : null), U(E, m));
+  }, F = () => {
+    switch (K()) {
       case "none":
       case "partial":
         B();
@@ -2217,35 +2300,35 @@ function cs(n, e, o, t) {
         O();
         break;
     }
-  }, U = () => p.value ? "absoluteAll" : _.value ? "allVisible" : d.value > 0 ? "partial" : "none", B = () => {
-    const E = [], L = new Set(i.value.map((N) => v(N)));
-    i.value.forEach((N) => {
-      E.push(N);
-    }), e.value.forEach((N) => {
-      L.has(v(N)) || E.push(N);
-    }), i.value = E, p.value = !1, q();
+  }, K = () => p.value ? "absoluteAll" : g.value ? "allVisible" : u.value > 0 ? "partial" : "none", B = () => {
+    const E = [], L = new Set(i.value.map((Y) => v(Y)));
+    i.value.forEach((Y) => {
+      E.push(Y);
+    }), e.value.forEach((Y) => {
+      L.has(v(Y)) || E.push(Y);
+    }), i.value = E, p.value = !1, U();
   }, R = () => {
-    p.value = !0, t != null && t.value ? i.value = [...t.value] : i.value = [...e.value], q(void 0, void 0, !0);
+    p.value = !0, t != null && t.value ? i.value = [...t.value] : i.value = [...e.value], U(void 0, void 0, !0);
   }, O = () => {
-    i.value = [], p.value = !1, c.value = null, q();
-  }, te = (E) => {
+    i.value = [], p.value = !1, c.value = null, U();
+  }, ee = (E) => {
     const L = c.value;
     c.value = E, o("current-change", {
       currentRow: c.value,
       oldCurrentRow: L
     });
-  }, Q = () => [...i.value], J = (E) => {
-    i.value = [...E], p.value = !1, q();
-  }, q = (E, L, N = !1) => {
-    const re = {
+  }, G = () => [...i.value], te = (E) => {
+    i.value = [...E], p.value = !1, U();
+  }, U = (E, L, Y = !1) => {
+    const ne = {
       selection: [...i.value],
       row: E,
       selected: L,
-      isAllSelected: N || p.value
+      isAllSelected: Y || p.value
     };
-    o("selection-change", re);
+    o("selection-change", ne);
   };
-  return ce(
+  return fe(
     () => n.defaultSelection,
     (E) => {
       E != null && E.length && (i.value = [...E]);
@@ -2256,18 +2339,18 @@ function cs(n, e, o, t) {
     isRowSelected: f,
     isAllSelected: z,
     isIndeterminate: C,
-    isDoubleCheck: A,
+    isDoubleCheck: Z,
     isFullSelection: p,
     toggleRowSelection: D,
-    toggleAllSelection: Z,
+    toggleAllSelection: F,
     clearSelection: O,
-    setCurrentRow: te,
-    getSelectionRows: Q,
-    setSelectionRows: J,
+    setCurrentRow: ee,
+    getSelectionRows: G,
+    setSelectionRows: te,
     selectAbsolutelyAll: R
   };
 }
-function hs(n, e) {
+function vs(n, e) {
   if (!n)
     return String(e.value ?? "");
   try {
@@ -2277,7 +2360,7 @@ function hs(n, e) {
     return console.error("Error rendering table slot:", o), String(e.value ?? "");
   }
 }
-const ps = (n, e, o = "asc") => {
+const ms = (n, e, o = "asc") => {
   if (n == null && e == null) return 0;
   if (n == null) return o === "asc" ? 1 : -1;
   if (e == null) return o === "asc" ? -1 : 1;
@@ -2288,7 +2371,7 @@ const ps = (n, e, o = "asc") => {
     numeric: !0,
     sensitivity: "base"
   }), o === "desc" ? -t : t;
-}, s1 = (n) => n instanceof Date ? !isNaN(n.getTime()) : typeof n == "string" && /\d{4}-\d{2}-\d{2}|\//.test(n) ? !isNaN(new Date(n).getTime()) : !1, fs = (n, e, o) => {
+}, s1 = (n) => n instanceof Date ? !isNaN(n.getTime()) : typeof n == "string" && /\d{4}-\d{2}-\d{2}|\//.test(n) ? !isNaN(new Date(n).getTime()) : !1, Cs = (n, e, o) => {
   n.sortable && o({
     prop: n.prop,
     direction: e
@@ -2299,11 +2382,11 @@ const ps = (n, e, o = "asc") => {
     asc: ["vt-th__sort-icon", o && t === "asc" && "vt-th__sortable-active"].filter(Boolean).join(" "),
     desc: ["vt-th__sort-icon", o && t === "desc" && "vt-th__sortable-active"].filter(Boolean).join(" ")
   };
-}, vs = (n, e, o) => {
+}, ws = (n, e, o) => {
   if (!e) return [...n];
   const t = o.find((i) => i.prop === e.prop);
   if (!(t != null && t.sortable)) return [...n];
-  const l = t.sortMethod || ps;
+  const l = t.sortMethod || ms;
   return [...n].sort((i, c) => {
     const p = i[t.prop], v = c[t.prop];
     return l(p, v, e.direction);
@@ -2322,7 +2405,7 @@ const ps = (n, e, o = "asc") => {
     i = i.parentElement;
   }
   return !0;
-}, ms = (n) => {
+}, gs = (n) => {
   const e = [];
   let o = n.parentElement;
   for (; o && o !== document.body; ) {
@@ -2330,7 +2413,7 @@ const ps = (n, e, o = "asc") => {
     (["scroll", "auto"].includes(l) || ["scroll", "auto"].includes(i) || o.scrollHeight > o.clientHeight || o.scrollWidth > o.clientWidth) && e.push(o), o = o.parentElement;
   }
   return e.push(window), e;
-}, Cs = (n, e, o) => {
+}, _s = (n, e, o) => {
   let t = 0, l = 0;
   switch (o) {
     case "bottom":
@@ -2367,69 +2450,69 @@ function m1(n, e, o = {}) {
     disabled: p = !1,
     hideOnClick: v = !0,
     onVisibleChange: f,
-    onScroll: d
-  } = o, _ = H(!1), C = H(!0), z = H(!1), A = H(null), D = H([]), Z = H({
+    onScroll: u
+  } = o, g = I(!1), C = I(!0), z = I(!1), Z = I(null), D = I([]), F = I({
     top: "0px",
     left: "0px",
     transformOrigin: "center top"
-  }), U = () => {
+  }), K = () => {
     if (!n.value) return;
-    const ee = a1(n.value);
-    C.value !== ee && (C.value = ee, !ee && _.value ? (z.value = !0, _.value = !1, f == null || f(!1)) : ee && z.value && !_.value && (z.value = !1, _.value = !0, B(), f == null || f(!0)));
+    const N = a1(n.value);
+    C.value !== N && (C.value = N, !N && g.value ? (z.value = !0, g.value = !1, f == null || f(!1)) : N && z.value && !g.value && (z.value = !1, g.value = !0, B(), f == null || f(!0)));
   }, B = async () => {
-    if (await ve(), !n.value || !e.value) return;
-    const ee = n.value.getBoundingClientRect(), E = e.value.getBoundingClientRect(), L = Cs(ee, E, l);
-    Z.value = {
+    if (await Ce(), !n.value || !e.value) return;
+    const N = n.value.getBoundingClientRect(), E = e.value.getBoundingClientRect(), L = _s(N, E, l);
+    F.value = {
       ...L,
-      minWidth: `${ee.width}px`
+      minWidth: `${N.width}px`
     };
   }, R = () => {
-    (_.value || z.value) && (U(), _.value && B(), d == null || d());
+    (g.value || z.value) && (K(), g.value && B(), u == null || u());
   }, O = () => {
-    n.value && (D.value = ms(n.value), D.value.forEach((ee) => {
-      ee.addEventListener("scroll", R, { passive: !0 });
+    n.value && (D.value = gs(n.value), D.value.forEach((N) => {
+      N.addEventListener("scroll", R, { passive: !0 });
     }), window.addEventListener("resize", R));
-  }, te = () => {
-    D.value.forEach((ee) => {
-      ee.removeEventListener("scroll", R);
+  }, ee = () => {
+    D.value.forEach((N) => {
+      N.removeEventListener("scroll", R);
     }), window.removeEventListener("resize", R), D.value = [];
-  }, Q = () => {
-    p || _.value || !n.value || !a1(n.value) || (A.value = window.setTimeout(
+  }, G = () => {
+    p || g.value || !n.value || !a1(n.value) || (Z.value = window.setTimeout(
       async () => {
-        _.value = !0, C.value = !0, z.value = !1, await B(), O(), f == null || f(!0);
+        g.value = !0, C.value = !0, z.value = !1, await B(), O(), f == null || f(!0);
       },
       t === "hover" ? i : 0
     ));
-  }, J = () => {
-    _.value && (A.value = window.setTimeout(
+  }, te = () => {
+    g.value && (Z.value = window.setTimeout(
       () => {
-        _.value = !1, z.value = !1, te(), f == null || f(!1);
+        g.value = !1, z.value = !1, ee(), f == null || f(!1);
       },
       t === "hover" ? c : 0
     ));
-  }, q = () => {
-    p || (_.value ? J() : Q());
+  }, U = () => {
+    p || (g.value ? te() : G());
   };
   return Ie(() => {
-    te();
+    ee();
   }), {
     // State
-    visible: _,
+    visible: g,
     parentVisible: C,
     wasVisibleBeforeHiding: z,
-    dropdownPosition: Z,
+    dropdownPosition: F,
     // Methods
-    show: Q,
-    hide: J,
-    toggle: q,
+    show: G,
+    hide: te,
+    toggle: U,
     updatePosition: B,
     // Internal methods
-    checkParentVisibility: U,
+    checkParentVisibility: K,
     addScrollListeners: O,
-    removeScrollListeners: te
+    removeScrollListeners: ee
   };
 }
-const C1 = Symbol("dropdown-context"), w1 = /* @__PURE__ */ de({
+const C1 = Symbol("dropdown-context"), w1 = /* @__PURE__ */ ue({
   __name: "VDropdown",
   props: {
     trigger: { default: "hover" },
@@ -2444,7 +2527,7 @@ const C1 = Symbol("dropdown-context"), w1 = /* @__PURE__ */ de({
   },
   emits: ["visible-change", "click", "command"],
   setup(n, { expose: e, emit: o }) {
-    const t = n, l = o, i = H(), c = H(), p = H(), v = H(!1), f = H(!1), d = H(null), { visible: _, parentVisible: C, dropdownPosition: z, show: A, hide: D, toggle: Z } = m1(
+    const t = n, l = o, i = I(), c = I(), p = I(), v = I(!1), f = I(!1), u = I(null), { visible: g, parentVisible: C, dropdownPosition: z, show: Z, hide: D, toggle: F } = m1(
       c,
       p,
       {
@@ -2456,10 +2539,10 @@ const C1 = Symbol("dropdown-context"), w1 = /* @__PURE__ */ de({
         hideOnClick: t.hideOnClick,
         onVisibleChange: (L) => l("visible-change", L)
       }
-    ), U = () => {
-      d.value && (clearTimeout(d.value), d.value = null);
+    ), K = () => {
+      u.value && (clearTimeout(u.value), u.value = null);
     }, B = () => {
-      U(), d.value = setTimeout(() => {
+      K(), u.value = setTimeout(() => {
         !v.value && !f.value && D();
       }, t.hideTimeout);
     };
@@ -2470,69 +2553,69 @@ const C1 = Symbol("dropdown-context"), w1 = /* @__PURE__ */ de({
       hideOnClick: t.hideOnClick
     });
     const O = (L) => {
-      t.disabled || (l("click", L), t.trigger === "click" && Z());
-    }, te = () => {
-      t.trigger === "hover" && (v.value = !0, U(), A());
-    }, Q = () => {
+      t.disabled || (l("click", L), t.trigger === "click" && F());
+    }, ee = () => {
+      t.trigger === "hover" && (v.value = !0, K(), Z());
+    }, G = () => {
       t.trigger === "hover" && (v.value = !1, B());
-    }, J = () => {
-      t.trigger === "hover" && (f.value = !0, U());
-    }, q = () => {
+    }, te = () => {
+      t.trigger === "hover" && (f.value = !0, K());
+    }, U = () => {
       t.trigger === "hover" && (f.value = !1, B());
-    }, ee = (L) => {
-      var re, m;
-      if (!_.value) return;
-      const N = L.target;
-      (re = i.value) != null && re.contains(N) || (m = p.value) != null && m.contains(N) || D();
-    }, E = x(() => ({
+    }, N = (L) => {
+      var ne, m;
+      if (!g.value) return;
+      const Y = L.target;
+      (ne = i.value) != null && ne.contains(Y) || (m = p.value) != null && m.contains(Y) || D();
+    }, E = k(() => ({
       ...z.value,
       position: "absolute",
       zIndex: 2e3,
       maxHeight: typeof t.maxHeight == "number" ? `${t.maxHeight}px` : `${t.maxHeight}px`
     }));
     return e({
-      show: A,
+      show: Z,
       hide: D,
-      visible: _
-    }), ge(() => {
-      document.addEventListener("click", ee);
+      visible: g
+    }), _e(() => {
+      document.addEventListener("click", N);
     }), Ie(() => {
-      document.removeEventListener("click", ee), U();
-    }), (L, N) => (s(), a("div", {
+      document.removeEventListener("click", N), K();
+    }), (L, Y) => (s(), a("div", {
       ref_key: "dropdownRef",
       ref: i,
       class: "vt-dropdown",
       onClick: O,
-      onMouseenter: te,
-      onMouseleave: Q
+      onMouseenter: ee,
+      onMouseleave: G
     }, [
       r("div", {
         ref_key: "triggerRef",
         ref: c,
         class: "vt-dropdown__trigger"
       }, [
-        Ce(L.$slots, "default")
+        ve(L.$slots, "default")
       ], 512),
-      ne(_) && ne(C) ? (s(), ie(Je, {
+      oe(g) && oe(C) ? (s(), ie(Je, {
         key: 0,
         to: "body"
       }, [
         r("div", {
           ref_key: "menuRef",
           ref: p,
-          style: fe(E.value),
+          style: pe(E.value),
           class: "vt-dropdown-menu",
-          onMouseenter: J,
-          onMouseleave: q,
-          onClick: N[0] || (N[0] = me(() => {
+          onMouseenter: te,
+          onMouseleave: U,
+          onClick: Y[0] || (Y[0] = me(() => {
           }, ["stop"]))
         }, [
-          Ce(L.$slots, "dropdown")
+          ve(L.$slots, "dropdown")
         ], 36)
       ])) : j("", !0)
     ], 544));
   }
-}), Ue = /* @__PURE__ */ de({
+}), Ue = /* @__PURE__ */ ue({
   __name: "VDropdownItem",
   props: {
     command: {},
@@ -2548,7 +2631,7 @@ const C1 = Symbol("dropdown-context"), w1 = /* @__PURE__ */ de({
       o.disabled || (console.log("VDropdownItem click:", o.command), t("click", c), o.command !== void 0 && l && (console.log("Calling handleCommand with:", o.command), l.handleCommand(o.command)));
     };
     return (c, p) => (s(), a("li", {
-      class: Y(["vt-dropdown-item", {
+      class: A(["vt-dropdown-item", {
         "is-disabled": c.disabled,
         "vt-dropdown-item--divided": c.divided
       }]),
@@ -2556,24 +2639,24 @@ const C1 = Symbol("dropdown-context"), w1 = /* @__PURE__ */ de({
     }, [
       c.icon ? (s(), a("i", {
         key: 0,
-        class: Y([c.icon, "vt-dropdown-item__icon"])
+        class: A([c.icon, "vt-dropdown-item__icon"])
       }, null, 2)) : j("", !0),
-      Ce(c.$slots, "default")
+      ve(c.$slots, "default")
     ], 2));
   }
 });
-class ws {
+class ks {
   constructor() {
     this.modalStack = [], this.baseZIndex = 1e3;
   }
   open(e = {}) {
     const o = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, t = document.createElement("div");
     t.setAttribute("data-vt-modal", o), document.body.appendChild(t);
-    const l = H(!0), i = this.baseZIndex + this.modalStack.length * 10, c = b1({
+    const l = I(!0), i = this.baseZIndex + this.modalStack.length * 10, c = b1({
       setup() {
         const v = () => {
           l.value = !1, setTimeout(() => {
-            ye.closeById(o);
+            xe.closeById(o);
           }, 100);
         };
         return () => qe(
@@ -2631,24 +2714,24 @@ class ws {
   recalculateZIndices() {
   }
 }
-const ye = new ws(), gs = {
+const xe = new ks(), bs = {
   install(n) {
-    n.config.globalProperties.$modal = ye, n.config.globalProperties.$modalStack = {
-      closeAll: () => ye.closeAll(),
-      getCount: () => ye.getOpenModalsCount(),
-      closeById: (e) => ye.closeById(e)
+    n.config.globalProperties.$modal = xe, n.config.globalProperties.$modalStack = {
+      closeAll: () => xe.closeAll(),
+      getCount: () => xe.getOpenModalsCount(),
+      closeById: (e) => xe.closeById(e)
     };
   }
-}, _s = { class: "vt-columns-selector-body" }, ks = { class: "vt-columns-selector" }, bs = { class: "vt-columns-selector__panel" }, ys = ["draggable", "onDragstart", "onDragover", "onDrop"], xs = {
+}, ys = { class: "vt-columns-selector-body" }, xs = { class: "vt-columns-selector" }, $s = { class: "vt-columns-selector__panel" }, Ms = ["draggable", "onDragstart", "onDragover", "onDrop"], Ls = {
   key: 0,
   class: "vt-columns-selector__panel-item-pinned"
-}, Ms = { class: "vt-columns-selector__available" }, $s = ["onClick"], Ls = {
+}, Vs = { class: "vt-columns-selector__available" }, Ss = ["onClick"], Is = {
   key: 0,
   class: "vt-columns-selector__group-columns"
-}, Vs = {
+}, Bs = {
   key: 0,
   class: "vt-columns-selector__pinned-note"
-}, Ss = { class: "vt-modal__content-button" }, Is = /* @__PURE__ */ de({
+}, Hs = { class: "vt-modal__content-button" }, Es = /* @__PURE__ */ ue({
   __name: "VTableColumnSelector",
   props: {
     columns: {},
@@ -2656,46 +2739,46 @@ const ye = new ws(), gs = {
   },
   emits: ["update-columns"],
   setup(n, { emit: e }) {
-    const o = n, t = e, l = H([]), i = H(/* @__PURE__ */ new Set()), c = H(-1), p = H(-1), v = H("before"), f = x(() => {
+    const o = n, t = e, l = I([]), i = I(/* @__PURE__ */ new Set()), c = I(-1), p = I(-1), v = I("before"), f = k(() => {
       const m = {};
       return o.columnsSelector.forEach((b) => {
         if (b.name === "removed")
           return;
-        const y = b.columns.map((T) => T.prop), S = l.value.filter((T) => y.includes(T.prop));
+        const x = b.columns.map((T) => T.prop), S = l.value.filter((T) => x.includes(T.prop));
         S.length === 0 ? m[b.name] = { checked: !1, indeterminate: !1 } : S.length === b.columns.length ? m[b.name] = { checked: !0, indeterminate: !1 } : m[b.name] = { checked: !1, indeterminate: !0 };
       }), m;
-    }), d = x(() => o.columnsSelector.filter((m) => m.name !== "removed")), _ = (m) => m.pinnedLeft || m.pinnedRight, C = (m) => !_(m), z = () => {
+    }), u = k(() => o.columnsSelector.filter((m) => m.name !== "removed")), g = (m) => m.pinnedLeft || m.pinnedRight, C = (m) => !g(m), z = () => {
       const m = l.value;
       let b = -1;
       for (let S = 0; S < m.length; S++)
         m[S].pinnedLeft && (b = S);
-      let y = m.length;
+      let x = m.length;
       for (let S = 0; S < m.length; S++)
         if (m[S].pinnedRight) {
-          y = S;
+          x = S;
           break;
         }
       return {
         minIndex: b + 1,
-        maxIndex: y - 1
+        maxIndex: x - 1
       };
-    }, A = (m) => {
+    }, Z = (m) => {
       const b = z();
       return !(m < b.minIndex || m > b.maxIndex + 1);
     }, D = (m, b) => {
-      const y = l.value[b];
-      if (!C(y)) {
+      const x = l.value[b];
+      if (!C(x)) {
         m.preventDefault();
         return;
       }
-      c.value = b, m.dataTransfer && (m.dataTransfer.effectAllowed = "move", m.dataTransfer.setData("text/plain", y.prop)), document.body.style.cursor = "grabbing";
-    }, Z = (m, b) => {
+      c.value = b, m.dataTransfer && (m.dataTransfer.effectAllowed = "move", m.dataTransfer.setData("text/plain", x.prop)), document.body.style.cursor = "grabbing";
+    }, F = (m, b) => {
       if (c.value === -1) return;
       m.preventDefault();
-      const y = m.currentTarget.getBoundingClientRect(), S = m.clientY, T = y.top + y.height / 2;
-      let F = b, se = "before";
-      S < T ? (F = b, se = "before") : (F = b + 1, se = "after"), c.value < F && F--, A(F) ? (p.value = b, v.value = se, m.dataTransfer.dropEffect = "move") : (p.value = -1, m.dataTransfer.dropEffect = "none");
-    }, U = () => {
+      const x = m.currentTarget.getBoundingClientRect(), S = m.clientY, T = x.top + x.height / 2;
+      let q = b, se = "before";
+      S < T ? (q = b, se = "before") : (q = b + 1, se = "after"), c.value < q && q--, Z(q) ? (p.value = b, v.value = se, m.dataTransfer.dropEffect = "move") : (p.value = -1, m.dataTransfer.dropEffect = "none");
+    }, K = () => {
       setTimeout(() => {
         c.value === -1 && (p.value = -1);
       }, 50);
@@ -2704,144 +2787,144 @@ const ye = new ws(), gs = {
         O();
         return;
       }
-      const y = m.currentTarget.getBoundingClientRect(), S = m.clientY, T = y.top + y.height / 2;
-      let F = b;
-      if (S >= T && (F = b + 1), c.value < F && F--, !A(F) || F === c.value) {
+      const x = m.currentTarget.getBoundingClientRect(), S = m.clientY, T = x.top + x.height / 2;
+      let q = b;
+      if (S >= T && (q = b + 1), c.value < q && q--, !Z(q) || q === c.value) {
         O();
         return;
       }
       const se = [...l.value], [Le] = se.splice(c.value, 1);
-      se.splice(F, 0, Le), l.value = se, O();
+      se.splice(q, 0, Le), l.value = se, O();
     }, R = () => {
       O();
     }, O = () => {
       c.value = -1, p.value = -1, v.value = "before", document.body.style.cursor = "";
-    }, te = (m) => {
+    }, ee = (m) => {
       const b = ["vt-columns-selector__panel-item"];
       return c.value === m && b.push("vt-columns-selector__panel-item--dragging"), p.value === m && v.value === "before" && b.push("vt-columns-selector__panel-item--drop-before"), p.value === m && v.value === "after" && b.push("vt-columns-selector__panel-item--drop-after"), b;
-    }, Q = () => {
+    }, G = () => {
       l.value = [...o.columns.map((m) => ({ ...m }))], o.columnsSelector.forEach((m) => {
         m.name !== "removed" && i.value.add(m.name);
       });
-    }, J = (m, b) => {
+    }, te = (m, b) => {
       if (b)
-        l.value.some((y) => y.prop === m.prop) || l.value.push({ ...m });
+        l.value.some((x) => x.prop === m.prop) || l.value.push({ ...m });
       else {
-        if (_(m))
+        if (g(m))
           return;
-        l.value = l.value.filter((y) => y.prop !== m.prop);
+        l.value = l.value.filter((x) => x.prop !== m.prop);
       }
-    }, q = (m, b) => {
+    }, U = (m, b) => {
       if (b)
-        m.columns.forEach((y) => {
-          l.value.some((S) => S.prop === y.prop) || l.value.push({ ...y });
+        m.columns.forEach((x) => {
+          l.value.some((S) => S.prop === x.prop) || l.value.push({ ...x });
         });
       else {
-        const y = [];
+        const x = [];
         m.columns.forEach((S) => {
-          const T = l.value.find((F) => F.prop === S.prop);
-          T && !_(T) && y.push(T);
+          const T = l.value.find((q) => q.prop === S.prop);
+          T && !g(T) && x.push(T);
         }), l.value = l.value.filter(
-          (S) => !y.some((T) => T.prop === S.prop)
+          (S) => !x.some((T) => T.prop === S.prop)
         );
       }
-    }, ee = (m) => l.value.some((b) => b.prop === m.prop), E = (m) => {
-      const b = l.value.find((y) => y.prop === m.prop);
-      return !b || !_(b);
+    }, N = (m) => l.value.some((b) => b.prop === m.prop), E = (m) => {
+      const b = l.value.find((x) => x.prop === m.prop);
+      return !b || !g(b);
     }, L = (m) => {
       i.value.has(m) ? i.value.delete(m) : i.value.add(m);
-    }, N = () => {
-      t("update-columns", [...l.value]), ye.close();
-    }, re = () => {
-      ye.close();
+    }, Y = () => {
+      t("update-columns", [...l.value]), xe.close();
+    }, ne = () => {
+      xe.close();
     };
-    return ge(() => {
-      Q();
-    }), (m, b) => (s(), a("div", _s, [
-      r("div", ks, [
-        r("div", bs, [
-          (s(!0), a(he, null, pe(l.value, (y, S) => (s(), a("div", {
-            key: y.prop,
-            class: Y(te(S)),
-            draggable: C(y),
+    return _e(() => {
+      G();
+    }), (m, b) => (s(), a("div", ys, [
+      r("div", xs, [
+        r("div", $s, [
+          (s(!0), a(ce, null, he(l.value, (x, S) => (s(), a("div", {
+            key: x.prop,
+            class: A(ee(S)),
+            draggable: C(x),
             onDragstart: (T) => D(T, S),
-            onDragover: (T) => Z(T, S),
-            onDragleave: U,
+            onDragover: (T) => F(T, S),
+            onDragleave: K,
             onDrop: (T) => B(T, S),
             onDragend: R
           }, [
-            X(oe, {
-              name: C(y) ? "columnsMove" : "freeze",
-              class: Y(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": C(y) }])
+            X(le, {
+              name: C(x) ? "columnsMove" : "freeze",
+              class: A(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": C(x) }])
             }, null, 8, ["name", "class"]),
-            X(Me, {
-              label: y.label,
+            X($e, {
+              label: x.label,
               checked: !0,
-              disabled: _(y),
-              onChange: (T) => J(y, T),
+              disabled: g(x),
+              onChange: (T) => te(x, T),
               onClick: b[0] || (b[0] = me(() => {
               }, ["stop"]))
             }, null, 8, ["label", "disabled", "onChange"]),
-            _(y) ? (s(), a("span", xs, "pinned")) : j("", !0)
-          ], 42, ys))), 128))
+            g(x) ? (s(), a("span", Ls, "pinned")) : j("", !0)
+          ], 42, Ms))), 128))
         ]),
-        r("div", Ms, [
-          (s(!0), a(he, null, pe(d.value, (y) => {
+        r("div", Vs, [
+          (s(!0), a(ce, null, he(u.value, (x) => {
             var S, T;
             return s(), a("div", {
-              key: y.name,
+              key: x.name,
               class: "vt-columns-selector__group"
             }, [
               r("div", {
                 class: "vt-columns-selector__group-header",
-                onClick: (F) => L(y.name)
+                onClick: (q) => L(x.name)
               }, [
-                X(Me, {
-                  label: y.label,
-                  checked: ((S = f.value[y.name]) == null ? void 0 : S.checked) || !1,
-                  indeterminate: ((T = f.value[y.name]) == null ? void 0 : T.indeterminate) || !1,
-                  onChange: (F) => q(y, F),
+                X($e, {
+                  label: x.label,
+                  checked: ((S = f.value[x.name]) == null ? void 0 : S.checked) || !1,
+                  indeterminate: ((T = f.value[x.name]) == null ? void 0 : T.indeterminate) || !1,
+                  onChange: (q) => U(x, q),
                   onClick: b[1] || (b[1] = me(() => {
                   }, ["stop"]))
                 }, null, 8, ["label", "checked", "indeterminate", "onChange"]),
-                y.icon ? (s(), ie(oe, {
+                x.icon ? (s(), ie(le, {
                   key: 0,
-                  name: y.icon,
+                  name: x.icon,
                   class: "vt-columns-selector__group-icon"
                 }, null, 8, ["name"])) : j("", !0)
-              ], 8, $s),
-              i.value.has(y.name) ? (s(), a("div", Ls, [
-                (s(!0), a(he, null, pe(y.columns, (F) => (s(), a("div", {
-                  key: F.prop,
+              ], 8, Ss),
+              i.value.has(x.name) ? (s(), a("div", Is, [
+                (s(!0), a(ce, null, he(x.columns, (q) => (s(), a("div", {
+                  key: q.prop,
                   class: "vt-columns-selector__group-column"
                 }, [
-                  X(Me, {
-                    label: F.label,
-                    checked: ee(F),
-                    disabled: !E(F),
-                    onChange: (se) => J(F, se)
+                  X($e, {
+                    label: q.label,
+                    checked: N(q),
+                    disabled: !E(q),
+                    onChange: (se) => te(q, se)
                   }, null, 8, ["label", "checked", "disabled", "onChange"]),
-                  E(F) ? j("", !0) : (s(), a("span", Vs, " (закріплена) "))
+                  E(q) ? j("", !0) : (s(), a("span", Bs, " (закріплена) "))
                 ]))), 128))
               ])) : j("", !0)
             ]);
           }), 128))
         ])
       ]),
-      r("div", Ss, [
-        X(We, { onClick: re }, {
+      r("div", Hs, [
+        X(We, { onClick: ne }, {
           default: we(() => b[2] || (b[2] = [
-            xe("Скасувати", -1)
+            ge("Скасувати", -1)
           ])),
           _: 1,
           __: [2]
         }),
         X(We, {
           type: "primary",
-          onClick: N
+          onClick: Y
         }, {
           default: we(() => b[3] || (b[3] = [
-            xe("Зберегти", -1)
+            ge("Зберегти", -1)
           ])),
           _: 1,
           __: [3]
@@ -2849,7 +2932,7 @@ const ye = new ws(), gs = {
       ])
     ]));
   }
-}), Hs = { class: "vt-table-header-actions" }, Bs = /* @__PURE__ */ de({
+}), Ts = { class: "vt-table-header-actions" }, js = /* @__PURE__ */ ue({
   __name: "ColumnActions",
   props: {
     column: {},
@@ -2858,8 +2941,8 @@ const ye = new ws(), gs = {
   },
   emits: ["pin", "update-columns"],
   setup(n, { emit: e }) {
-    const o = n, t = e, l = () => !!(o.column.pinnedLeft || o.column.pinnedRight), i = (d) => {
-      switch (console.log("ColumnActions - Command received:", d, typeof d), String(d)) {
+    const o = n, t = e, l = () => !!(o.column.pinnedLeft || o.column.pinnedRight), i = (u) => {
+      switch (console.log("ColumnActions - Command received:", u, typeof u), String(u)) {
         case "pin":
           console.log("Executing pin command"), c();
           break;
@@ -2867,53 +2950,53 @@ const ye = new ws(), gs = {
           console.log("Executing columns command"), f();
           break;
         default:
-          console.warn("Unknown command:", d);
+          console.warn("Unknown command:", u);
       }
     }, c = () => {
-      const d = l();
-      console.log("handlePin called, isPinned:", d), d ? t("pin", o.column, "none") : t("pin", o.column, "left");
-    }, p = (d) => ({
+      const u = l();
+      console.log("handlePin called, isPinned:", u), u ? t("pin", o.column, "none") : t("pin", o.column, "left");
+    }, p = (u) => ({
       name: "removed",
       label: "Видалені колонки",
       order: 999,
-      columns: d
-    }), v = (d) => {
+      columns: u
+    }), v = (u) => {
       var D;
-      const _ = new Set(d.map((Z) => Z.prop)), C = /* @__PURE__ */ new Set();
-      (D = o.columnsSelector) == null || D.forEach((Z) => {
-        Z.columns.forEach((U) => C.add(U.prop));
-      }), o.allColumns.forEach((Z) => C.add(Z.prop));
+      const g = new Set(u.map((F) => F.prop)), C = /* @__PURE__ */ new Set();
+      (D = o.columnsSelector) == null || D.forEach((F) => {
+        F.columns.forEach((K) => C.add(K.prop));
+      }), o.allColumns.forEach((F) => C.add(F.prop));
       const z = [];
-      C.forEach((Z) => {
-        var U;
-        if (!_.has(Z)) {
+      C.forEach((F) => {
+        var K;
+        if (!g.has(F)) {
           let B;
-          (U = o.columnsSelector) == null || U.forEach((R) => {
-            const O = R.columns.find((te) => te.prop === Z);
+          (K = o.columnsSelector) == null || K.forEach((R) => {
+            const O = R.columns.find((ee) => ee.prop === F);
             O && (B = O);
-          }), B || (B = o.allColumns.find((R) => R.prop === Z)), B && z.push(B);
+          }), B || (B = o.allColumns.find((R) => R.prop === F)), B && z.push(B);
         }
       });
-      const A = [...o.columnsSelector || []];
-      return z.length > 0 && A.push(p(z)), A;
+      const Z = [...o.columnsSelector || []];
+      return z.length > 0 && Z.push(p(z)), Z;
     }, f = () => {
       console.log("handleToggleVisibility called");
-      const d = v(o.allColumns);
-      ye.open({
-        component: Is,
+      const u = v(o.allColumns);
+      xe.open({
+        component: Es,
         title: "Управління колонками таблиці",
         props: {
           columns: o.allColumns,
-          columnsSelector: d,
-          "onUpdate-columns": (_) => {
-            t("update-columns", _);
+          columnsSelector: u,
+          "onUpdate-columns": (g) => {
+            t("update-columns", g);
           }
         },
         size: "large",
         closeOnBackdropClick: !1
       });
     };
-    return (d, _) => (s(), ie(w1, {
+    return (u, g) => (s(), ie(w1, {
       trigger: "click",
       placement: "bottom-start",
       onCommand: i
@@ -2921,40 +3004,40 @@ const ye = new ws(), gs = {
       dropdown: we(() => [
         X(Ue, { command: "pin" }, {
           default: we(() => [
-            X(oe, {
+            X(le, {
               name: l() ? "unfreeze" : "freeze"
             }, null, 8, ["name"]),
-            r("div", null, G(l() ? "Розморозити" : "Заморозити"), 1)
+            r("div", null, Q(l() ? "Розморозити" : "Заморозити"), 1)
           ]),
           _: 1
         }),
         X(Ue, { command: "columns" }, {
           default: we(() => [
-            X(oe, { name: "columnInsert" }),
-            _[0] || (_[0] = r("div", null, "Колонки", -1))
+            X(le, { name: "columnInsert" }),
+            g[0] || (g[0] = r("div", null, "Колонки", -1))
           ]),
           _: 1,
           __: [0]
         })
       ]),
       default: we(() => [
-        r("div", Hs, [
-          X(oe, { name: "listBullet" })
+        r("div", Ts, [
+          X(le, { name: "listBullet" })
         ])
       ]),
       _: 1
     }));
   }
-}), Es = { class: "vt-table" }, Ts = { key: 0 }, js = { class: "vt-th__content" }, zs = { class: "vt-th__content" }, Os = { class: "vt-th__label" }, Rs = {
+}), zs = { class: "vt-table" }, Os = { key: 0 }, Rs = { class: "vt-th__content" }, Ds = { class: "vt-th__content" }, Ws = { class: "vt-th__label" }, Ps = {
   key: 0,
   class: "vt-th__sortable"
-}, Ds = ["data-resizer", "onMousedown"], Ws = {
+}, As = ["data-resizer", "onMousedown"], Zs = {
   key: 0,
   class: "vt-table__empty-row"
-}, Ps = ["colspan"], As = { class: "vt-table__empty-content" }, Zs = ["onClick"], Ns = { class: "vt-table__cell-content" }, Fs = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, qs = { key: 1 }, Ks = ["data-resizer", "onMousedown"], Us = {
+}, Fs = ["colspan"], Ns = { class: "vt-table__empty-content" }, qs = ["onClick"], Ks = { class: "vt-table__cell-content" }, Us = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, Ys = { key: 1 }, Xs = ["data-resizer", "onMousedown"], Qs = {
   key: 1,
   class: "vt-table__summary"
-}, Ys = { class: "vt-table__cell-content vt-table__cell-content--summary" }, Ke = 50, Xs = /* @__PURE__ */ de({
+}, Gs = { class: "vt-table__cell-content vt-table__cell-content--summary" }, Ke = 50, Js = /* @__PURE__ */ ue({
   __name: "VTable",
   props: /* @__PURE__ */ l1({
     data: {},
@@ -2982,331 +3065,331 @@ const ye = new ws(), gs = {
   }),
   emits: /* @__PURE__ */ l1(["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: o }) {
-    const t = n, l = o, i = y1(n, "columns"), c = H({}), p = H(), v = x1([]), f = H(t.defaultSort || null), d = x(() => vs(t.data || [], f.value, v)), _ = x(() => i.value !== void 0), C = x(() => t.data && t.data.length > 0), z = H(!1), A = H(0);
+    const t = n, l = o, i = y1(n, "columns"), c = I({}), p = I(), v = x1([]), f = I(t.defaultSort || null), u = k(() => ws(t.data || [], f.value, v)), g = k(() => i.value !== void 0), C = k(() => t.data && t.data.length > 0), z = I(!1), Z = I(0);
     let D;
-    const Z = (g, V) => t.rowKey && g[t.rowKey] != null ? String(g[t.rowKey]) : String(V), U = () => {
-      _.value && i.value ? v.splice(0, v.length, ...i.value) : t.columns && t.columns.length > 0 && v.splice(0, v.length, ...t.columns);
+    const F = (_, V) => t.rowKey && _[t.rowKey] != null ? String(_[t.rowKey]) : String(V), K = () => {
+      g.value && i.value ? v.splice(0, v.length, ...i.value) : t.columns && t.columns.length > 0 && v.splice(0, v.length, ...t.columns);
     };
-    ce(
+    fe(
       () => i.value,
-      (g) => {
-        g && _.value && v.splice(0, v.length, ...g);
+      (_) => {
+        _ && g.value && v.splice(0, v.length, ..._);
       },
       { deep: !0 }
-    ), ce(
+    ), fe(
       () => t.columns,
-      (g) => {
-        g && !_.value && v.splice(0, v.length, ...g);
+      (_) => {
+        _ && !g.value && v.splice(0, v.length, ..._);
       },
       { deep: !0 }
     ), e1("vt-table-columns", v);
-    const { sortedColumns: B, getDefaultColumnWidth: R, getStickyOffset: O } = as(v), { getTableWrapperStyle: te, getColumnStyle: Q, getHeaderStyle: J, getFooterStyle: q } = us(t), { onMouseDown: ee } = ds(), E = x(() => t.allData || t.data), L = t.selectable ? cs(t, d, l, E) : null, N = () => ({
+    const { sortedColumns: B, getDefaultColumnWidth: R, getStickyOffset: O } = cs(v), { getTableWrapperStyle: ee, getColumnStyle: G, getHeaderStyle: te, getFooterStyle: U } = hs(t), { onMouseDown: N } = ps(), E = k(() => t.allData || t.data), L = t.selectable ? fs(t, u, l, E) : null, Y = () => ({
       width: `${Ke}px`,
       minWidth: `${Ke}px`,
       maxWidth: `${Ke}px`,
       left: "0px",
       position: "sticky",
       zIndex: 10
-    }), re = () => {
-      const g = N();
+    }), ne = () => {
+      const _ = Y();
       return t.maxHeight ? {
-        ...g,
+        ..._,
         top: "0px",
         zIndex: 11
-      } : g;
+      } : _;
     }, m = () => {
-      const g = N();
+      const _ = Y();
       return t.maxHeight ? {
-        ...g,
+        ..._,
         bottom: "0px",
         zIndex: 11
-      } : g;
+      } : _;
     }, b = () => {
       if (!p.value || z.value) return;
-      const g = p.value, V = g.scrollTop, W = g.scrollHeight, u = g.clientHeight, k = 30;
+      const _ = p.value, V = _.scrollTop, W = _.scrollHeight, d = _.clientHeight, y = 30;
       D && clearTimeout(D), D = setTimeout(() => {
-        const P = V - A.value > 1, I = W - V - u <= k, ue = W - V - u <= 5;
-        A.value = V, P && (I || ue) && (z.value = !0, l("infinity-scroll"), setTimeout(() => {
+        const P = V - Z.value > 1, H = W - V - d <= y, de = W - V - d <= 5;
+        Z.value = V, P && (H || de) && (z.value = !0, l("infinity-scroll"), setTimeout(() => {
           z.value = !1;
         }, 1e3));
       }, 50);
-    }, y = () => {
+    }, x = () => {
       z.value = !1;
     };
-    ge(() => {
+    _e(() => {
       p.value && p.value.addEventListener("scroll", b);
     }), Ie(() => {
       D && clearTimeout(D), p.value && p.value.removeEventListener("scroll", b);
     });
-    const S = (g, V) => {
-      fs(g, V, (W) => {
-        var u, k;
-        ((u = f.value) == null ? void 0 : u.prop) === g.prop && f.value.direction === V ? f.value = null : f.value = W, l("sort-change", {
-          column: g,
-          direction: ((k = f.value) == null ? void 0 : k.direction) || null,
-          prop: g.prop,
-          sortedData: d.value
+    const S = (_, V) => {
+      Cs(_, V, (W) => {
+        var d, y;
+        ((d = f.value) == null ? void 0 : d.prop) === _.prop && f.value.direction === V ? f.value = null : f.value = W, l("sort-change", {
+          column: _,
+          direction: ((y = f.value) == null ? void 0 : y.direction) || null,
+          prop: _.prop,
+          sortedData: u.value
         });
       });
-    }, T = (g, V) => {
+    }, T = (_, V) => {
       const W = {
         pinnedLeft: V === "left",
         pinnedRight: V === "right"
       };
-      se(g.prop, W), l("column-pin", { column: { ...g, ...W }, position: V });
-    }, F = (g) => {
-      v.splice(0, v.length, ...g), _.value && (i.value = [...g]), l("columns-change", [...g]);
-    }, se = (g, V) => {
-      const W = v.findIndex((u) => u.prop === g);
+      se(_.prop, W), l("column-pin", { column: { ..._, ...W }, position: V });
+    }, q = (_) => {
+      v.splice(0, v.length, ..._), g.value && (i.value = [..._]), l("columns-change", [..._]);
+    }, se = (_, V) => {
+      const W = v.findIndex((d) => d.prop === _);
       if (W !== -1) {
-        if (Object.assign(v[W], V), _.value && i.value) {
-          const u = i.value.findIndex((k) => k.prop === g);
-          if (u !== -1) {
-            const k = [...i.value];
-            k[u] = { ...k[u], ...V }, i.value = k;
+        if (Object.assign(v[W], V), g.value && i.value) {
+          const d = i.value.findIndex((y) => y.prop === _);
+          if (d !== -1) {
+            const y = [...i.value];
+            y[d] = { ...y[d], ...V }, i.value = y;
           }
         }
         l("columns-change", [...v]);
       }
-    }, Le = (g, V, W) => {
-      l("row-click", { row: g, column: V, event: W }), t.highlightCurrentRow && L && L.setCurrentRow(g);
-    }, ze = (g, V, W) => {
-      W.stopPropagation(), L && L.toggleRowSelection(V, g);
-    }, Oe = (g, V) => {
+    }, Le = (_, V, W) => {
+      l("row-click", { row: _, column: V, event: W }), t.highlightCurrentRow && L && L.setCurrentRow(_);
+    }, ze = (_, V, W) => {
+      W.stopPropagation(), L && L.toggleRowSelection(V, _);
+    }, Oe = (_, V) => {
       V.stopPropagation(), L && L.toggleAllSelection();
-    }, He = (g, V) => {
-      g && (c.value[V] = g);
-    }, Ve = (g, V) => {
+    }, Be = (_, V) => {
+      _ && (c.value[V] = _);
+    }, Ve = (_, V) => {
       const W = V.width || R();
-      ee(g, V, R, (u) => {
-        se(V.prop, { width: u }), l("column-resize", {
-          column: { ...V, width: u },
-          width: u,
+      N(_, V, R, (d) => {
+        se(V.prop, { width: d }), l("column-resize", {
+          column: { ...V, width: d },
+          width: d,
           oldWidth: W
         });
       });
-    }, Be = (g, V) => Q(g, V, O, R), Re = (g, V) => J(g, V, O, R), Ee = (g, V) => q(g, V, O, R), h = (g, V) => {
+    }, He = (_, V) => G(_, V, O, R), Re = (_, V) => te(_, V, O, R), Ee = (_, V) => U(_, V, O, R), h = (_, V) => {
       if (!V || !V.prop) return "";
-      const W = g[V.prop];
+      const W = _[V.prop];
       return W == null ? "" : String(W);
-    }, M = x(() => {
+    }, $ = k(() => {
       if (!t.showSummary || !C.value) return {};
-      const g = v;
+      const _ = v;
       if (typeof t.summaryMethod == "function") {
-        const V = t.summaryMethod({ columns: g, data: d.value });
-        return g.reduce(
-          (W, u, k) => (W[u.prop] = V[k], W),
+        const V = t.summaryMethod({ columns: _, data: u.value });
+        return _.reduce(
+          (W, d, y) => (W[d.prop] = V[y], W),
           {}
         );
       }
-      return g.reduce(
+      return _.reduce(
         (V, W) => {
-          const u = d.value.map((k) => k[W.prop]);
-          return V[W.prop] = u.every((k) => typeof k == "number") ? u.reduce((k, K) => k + K, 0) : "", V;
+          const d = u.value.map((y) => y[W.prop]);
+          return V[W.prop] = d.every((y) => typeof y == "number") ? d.reduce((y, J) => y + J, 0) : "", V;
         },
         {}
       );
-    }), $ = x(() => t.showSummary && C.value), ae = (g, V) => {
-      L && L.toggleRowSelection(g, V);
-    }, _e = () => {
-      L && L.toggleAllSelection();
+    }), M = k(() => t.showSummary && C.value), ae = (_, V) => {
+      L && L.toggleRowSelection(_, V);
     }, ke = () => {
+      L && L.toggleAllSelection();
+    }, be = () => {
       L && L.selectAbsolutelyAll();
     }, Te = () => {
       L && L.clearSelection();
-    }, De = () => L ? L.getSelectionRows() : [], Ze = (g) => {
-      L && L.setSelectionRows(g);
-    }, Se = (g, V) => {
+    }, De = () => L ? L.getSelectionRows() : [], Ze = (_) => {
+      L && L.setSelectionRows(_);
+    }, Se = (_, V) => {
       if (!t.rowHighlight) return [];
       try {
-        const W = t.rowHighlight(g, V);
+        const W = t.rowHighlight(_, V);
         if (!W) return [];
-        const u = [];
-        return (W.type !== "custom" || !W.className) && u.push(`vt-table__row--highlight-${W.type}`), W.className && u.push(W.className), u;
+        const d = [];
+        return (W.type !== "custom" || !W.className) && d.push(`vt-table__row--highlight-${W.type}`), W.className && d.push(W.className), d;
       } catch (W) {
         return console.warn("Помилка у функції підсвічування рядків:", W), [];
       }
     };
-    return ge(() => {
-      U();
+    return _e(() => {
+      K();
     }), e({
       toggleRowSelection: ae,
-      toggleAllSelection: _e,
-      selectAbsolutelyAll: ke,
+      toggleAllSelection: ke,
+      selectAbsolutelyAll: be,
       clearSelection: Te,
       getSelectionRows: De,
       setSelectionRows: Ze,
-      resetInfinityScroll: y
-    }), (g, V) => {
-      var u, k, K, P;
+      resetInfinityScroll: x
+    }), (_, V) => {
+      var d, y, J, P;
       const W = Ge("tooltip");
       return s(), a("div", {
         ref_key: "tableWrapperRef",
         ref: p,
-        style: fe(ne(te)()),
+        style: pe(oe(ee)()),
         class: "vt-table-wrapper",
         onScroll: b
       }, [
-        Ce(g.$slots, "default"),
-        r("table", Es, [
-          t.hideHeader ? j("", !0) : (s(), a("thead", Ts, [
+        ve(_.$slots, "default"),
+        r("table", zs, [
+          t.hideHeader ? j("", !0) : (s(), a("thead", Os, [
             r("tr", null, [
               t.selectable ? (s(), a("th", {
                 key: 0,
-                class: Y([{
+                class: A([{
                   "vt-table__th--sticky": t.maxHeight,
                   "vt-table__th--pinned-left": !0
                 }, "vt-table__th vt-table__th--selection"]),
-                style: fe(re())
+                style: pe(ne())
               }, [
-                r("div", js, [
-                  X(Me, {
-                    checked: (u = ne(L)) == null ? void 0 : u.isAllSelected.value,
-                    indeterminate: (k = ne(L)) == null ? void 0 : k.isIndeterminate.value,
-                    "is-double": (P = (K = ne(L)) == null ? void 0 : K.isDoubleCheck) == null ? void 0 : P.value,
+                r("div", Rs, [
+                  X($e, {
+                    checked: (d = oe(L)) == null ? void 0 : d.isAllSelected.value,
+                    indeterminate: (y = oe(L)) == null ? void 0 : y.isIndeterminate.value,
+                    "is-double": (P = (J = oe(L)) == null ? void 0 : J.isDoubleCheck) == null ? void 0 : P.value,
                     onChange: Oe
                   }, null, 8, ["checked", "indeterminate", "is-double"])
                 ])
               ], 6)) : j("", !0),
-              (s(!0), a(he, null, pe(ne(B), (I, ue) => (s(), a("th", {
-                key: I.prop,
+              (s(!0), a(ce, null, he(oe(B), (H, de) => (s(), a("th", {
+                key: H.prop,
                 ref_for: !0,
-                ref: (be) => He(be, I.prop),
-                class: Y([
+                ref: (ye) => Be(ye, H.prop),
+                class: A([
                   "vt-table__th",
                   {
                     "vt-table__th--sticky": t.maxHeight,
-                    "vt-table__th--pinned-left": I.pinnedLeft,
-                    "vt-table__th--pinned-right": I.pinnedRight,
-                    "vt-table__th--sortable": I.sortable
+                    "vt-table__th--pinned-left": H.pinnedLeft,
+                    "vt-table__th--pinned-right": H.pinnedRight,
+                    "vt-table__th--sortable": H.sortable
                   }
                 ]),
-                style: fe(Re(I, ue))
+                style: pe(Re(H, de))
               }, [
-                r("div", zs, [
-                  r("div", Os, G(I.label), 1),
-                  I.sortable ? (s(), a("div", Rs, [
-                    X(oe, {
-                      class: Y(ne(i1)(I, f.value).asc),
+                r("div", Ds, [
+                  r("div", Ws, Q(H.label), 1),
+                  H.sortable ? (s(), a("div", Ps, [
+                    X(le, {
+                      class: A(oe(i1)(H, f.value).asc),
                       name: "arrowTop",
-                      onClick: me((be) => S(I, "asc"), ["stop"])
+                      onClick: me((ye) => S(H, "asc"), ["stop"])
                     }, null, 8, ["class", "onClick"]),
-                    X(oe, {
-                      class: Y(ne(i1)(I, f.value).desc),
+                    X(le, {
+                      class: A(oe(i1)(H, f.value).desc),
                       name: "arrowDown",
-                      onClick: me((be) => S(I, "desc"), ["stop"])
+                      onClick: me((ye) => S(H, "desc"), ["stop"])
                     }, null, 8, ["class", "onClick"])
                   ])) : j("", !0),
-                  I.actionColumn ? (s(), ie(Bs, {
+                  H.actionColumn ? (s(), ie(js, {
                     key: 1,
-                    "all-columns": ne(B),
-                    column: I,
+                    "all-columns": oe(B),
+                    column: H,
                     columnsSelector: t.columnsSelector,
                     onPin: T,
-                    onUpdateColumns: F
+                    onUpdateColumns: q
                   }, null, 8, ["all-columns", "column", "columnsSelector"])) : j("", !0)
                 ]),
                 r("div", {
-                  "data-resizer": I.prop,
+                  "data-resizer": H.prop,
                   class: "vt-table__resizer",
-                  onMousedown: (be) => Ve(be, I)
-                }, null, 40, Ds)
+                  onMousedown: (ye) => Ve(ye, H)
+                }, null, 40, As)
               ], 6))), 128))
             ])
           ])),
           r("tbody", null, [
-            C.value ? (s(!0), a(he, { key: 1 }, pe(d.value, (I, ue) => {
-              var be, n1, o1;
+            C.value ? (s(!0), a(ce, { key: 1 }, he(u.value, (H, de) => {
+              var ye, n1, o1;
               return s(), a("tr", {
-                key: Z(I, ue),
-                class: Y([
+                key: F(H, de),
+                class: A([
                   "vt-table__row",
                   {
-                    "vt-table__row--selected": (be = ne(L)) == null ? void 0 : be.isRowSelected(I),
-                    "vt-table__row--current": ((n1 = ne(L)) == null ? void 0 : n1.currentRow.value) === I,
+                    "vt-table__row--selected": (ye = oe(L)) == null ? void 0 : ye.isRowSelected(H),
+                    "vt-table__row--current": ((n1 = oe(L)) == null ? void 0 : n1.currentRow.value) === H,
                     "vt-table__row--clickable": t.selectOnClickRow || t.highlightCurrentRow
                   },
-                  ...Se(I, ue)
+                  ...Se(H, de)
                 ]),
-                onClick: (le) => Le(I, ne(B)[0], le)
+                onClick: (re) => Le(H, oe(B)[0], re)
               }, [
                 t.selectable ? (s(), a("td", {
                   key: 0,
-                  class: Y([{
+                  class: A([{
                     "vt-table__td--pinned-left": !0
                   }, "vt-table__td vt-table__td--selection"]),
-                  style: fe(N())
+                  style: pe(Y())
                 }, [
-                  r("div", Ns, [
-                    X(Me, {
-                      checked: (o1 = ne(L)) == null ? void 0 : o1.isRowSelected(I),
-                      onChange: (le, Ne) => ze(le, I, Ne)
+                  r("div", Ks, [
+                    X($e, {
+                      checked: (o1 = oe(L)) == null ? void 0 : o1.isRowSelected(H),
+                      onChange: (re, Fe) => ze(re, H, Fe)
                     }, null, 8, ["checked", "onChange"])
                   ])
                 ], 4)) : j("", !0),
-                (s(!0), a(he, null, pe(ne(B), (le, Ne) => (s(), a("td", {
-                  key: `${Z(I, ue)}-${le.prop}`,
+                (s(!0), a(ce, null, he(oe(B), (re, Fe) => (s(), a("td", {
+                  key: `${F(H, de)}-${re.prop}`,
                   ref_for: !0,
-                  ref: (Fe) => He(Fe, le.prop),
-                  class: Y([
+                  ref: (Ne) => Be(Ne, re.prop),
+                  class: A([
                     "vt-table__td",
                     {
-                      "vt-table__td--pinned-left": le.pinnedLeft,
-                      "vt-table__td--pinned-right": le.pinnedRight
+                      "vt-table__td--pinned-left": re.pinnedLeft,
+                      "vt-table__td--pinned-right": re.pinnedRight
                     }
                   ]),
-                  style: fe(Be(le, Ne))
+                  style: pe(He(re, Fe))
                 }, [
-                  Ae((s(), a("div", Fs, [
-                    le.renderSlot ? (s(), ie(Xe(() => ne(hs)(le.renderSlot, { row: I, column: le, value: I[le.prop], index: ue })), { key: 0 })) : (s(), a("span", qs, G(I[le.prop]), 1))
+                  Ae((s(), a("div", Us, [
+                    re.renderSlot ? (s(), ie(Xe(() => oe(vs)(re.renderSlot, { row: H, column: re, value: H[re.prop], index: de })), { key: 0 })) : (s(), a("span", Ys, Q(H[re.prop]), 1))
                   ])), [
-                    [W, le.showOverflowTooltip ? h(I, le) : null]
+                    [W, re.showOverflowTooltip ? h(H, re) : null]
                   ]),
                   r("div", {
-                    "data-resizer": le.prop,
+                    "data-resizer": re.prop,
                     class: "vt-table__resizer",
-                    onMousedown: (Fe) => Ve(Fe, le)
-                  }, null, 40, Ks)
+                    onMousedown: (Ne) => Ve(Ne, re)
+                  }, null, 40, Xs)
                 ], 6))), 128))
-              ], 10, Zs);
-            }), 128)) : (s(), a("tr", Ws, [
+              ], 10, qs);
+            }), 128)) : (s(), a("tr", Zs, [
               r("td", {
-                colspan: ne(B).length + (t.selectable ? 1 : 0),
+                colspan: oe(B).length + (t.selectable ? 1 : 0),
                 class: "vt-table__empty-cell"
               }, [
-                r("div", As, [
-                  X(oe, {
+                r("div", Ns, [
+                  X(le, {
                     class: "vt-table__empty-icon",
                     name: "empty"
                   }),
                   V[0] || (V[0] = r("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
                 ])
-              ], 8, Ps)
+              ], 8, Fs)
             ]))
           ]),
-          $.value ? (s(), a("tfoot", Us, [
+          M.value ? (s(), a("tfoot", Qs, [
             r("tr", null, [
               t.selectable ? (s(), a("td", {
                 key: 0,
-                class: Y([{
+                class: A([{
                   "vt-table__td--pinned-left": !0
                 }, "vt-table__td"]),
-                style: fe(m())
+                style: pe(m())
               }, V[1] || (V[1] = [
                 r("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
               ]), 4)) : j("", !0),
-              (s(!0), a(he, null, pe(ne(B), (I, ue) => (s(), a("td", {
-                key: I.prop,
-                class: Y([
+              (s(!0), a(ce, null, he(oe(B), (H, de) => (s(), a("td", {
+                key: H.prop,
+                class: A([
                   "vt-table__td",
                   {
-                    "vt-table__td--pinned-left": I.pinnedLeft,
-                    "vt-table__td--pinned-right": I.pinnedRight
+                    "vt-table__td--pinned-left": H.pinnedLeft,
+                    "vt-table__td--pinned-right": H.pinnedRight
                   }
                 ]),
-                style: fe(Ee(I, ue))
+                style: pe(Ee(H, de))
               }, [
-                r("div", Ys, G(M.value[I.prop]), 1)
+                r("div", Gs, Q($.value[H.prop]), 1)
               ], 6))), 128))
             ])
           ])) : j("", !0)
@@ -3314,7 +3397,7 @@ const ye = new ws(), gs = {
       ], 36);
     };
   }
-}), Qs = /* @__PURE__ */ de({
+}), ei = /* @__PURE__ */ ue({
   __name: "VTableColumn",
   props: {
     prop: {},
@@ -3352,12 +3435,12 @@ const ye = new ws(), gs = {
       renderSlot: o[e.prop] ?? o.default ?? o.slot
     });
     let i = -1;
-    return ge(() => {
+    return _e(() => {
       if (t) {
         const c = l();
         t.push(c), i = t.length - 1;
       }
-    }), ce(
+    }), fe(
       () => [
         e.width,
         e.minWidth,
@@ -3391,28 +3474,28 @@ const ye = new ws(), gs = {
       }
     }), (c, p) => null;
   }
-}), Gs = ["for"], Js = {
+}), ti = ["for"], ni = {
   key: 0,
   class: "vt-input__required"
-}, ei = { class: "vt-input__container" }, ti = {
+}, oi = { class: "vt-input__container" }, li = {
   key: 0,
   class: "vt-input__prefix"
-}, ni = ["value", "placeholder", "disabled", "rows", "cols", "maxlength", "minlength", "required", "name", "id", "tabindex", "autocomplete"], oi = ["type", "value", "placeholder", "disabled", "maxlength", "minlength", "min", "max", "step", "required", "pattern", "name", "id", "tabindex", "autocomplete"], li = {
+}, ri = ["value", "placeholder", "disabled", "rows", "cols", "maxlength", "minlength", "required", "name", "id", "tabindex", "autocomplete"], si = ["type", "value", "placeholder", "disabled", "maxlength", "minlength", "min", "max", "step", "required", "pattern", "name", "id", "tabindex", "autocomplete"], ii = {
   key: 3,
   class: "vt-input__suffix"
-}, ri = {
+}, ai = {
   key: 1,
   class: "vt-input__help"
-}, si = {
+}, ui = {
   key: 0,
   class: "vt-input__error"
-}, ii = {
+}, di = {
   key: 1,
   class: "vt-input__helper"
-}, ai = {
+}, ci = {
   key: 2,
   class: "vt-input__errors"
-}, g1 = /* @__PURE__ */ de({
+}, g1 = /* @__PURE__ */ ue({
   __name: "VInput",
   props: {
     modelValue: {},
@@ -3460,7 +3543,7 @@ const ye = new ws(), gs = {
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "clear", "validation", "keydown", "keyup", "keypress", "click"],
   setup(n, { expose: e, emit: o }) {
-    const t = n, l = o, i = H(), c = H(), p = H(!1), v = H(!1), f = H(), d = H([]), _ = H(!0), C = H(!1), z = {
+    const t = n, l = o, i = I(), c = I(), p = I(!1), v = I(!1), f = I(), u = I([]), g = I(!0), C = I(!1), z = {
       email: (h) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h),
       url: (h) => {
         try {
@@ -3471,37 +3554,37 @@ const ye = new ws(), gs = {
       },
       number: (h) => !isNaN(Number(h)) && isFinite(Number(h)),
       required: (h) => h !== "" && h !== null && h !== void 0,
-      minlength: (h, M) => String(h).length >= M,
-      maxlength: (h, M) => String(h).length <= M,
-      min: (h, M) => {
-        const $ = Number(h);
-        return !isNaN($) && $ >= M;
+      minlength: (h, $) => String(h).length >= $,
+      maxlength: (h, $) => String(h).length <= $,
+      min: (h, $) => {
+        const M = Number(h);
+        return !isNaN(M) && M >= $;
       },
-      max: (h, M) => {
-        const $ = Number(h);
-        return !isNaN($) && $ <= M;
+      max: (h, $) => {
+        const M = Number(h);
+        return !isNaN(M) && M <= $;
       },
-      pattern: (h, M) => new RegExp(M).test(h),
-      custom: (h, M) => M(h)
-    }, A = (h) => {
-      const M = [], $ = String(h || "");
-      if (t.required && !z.required(h) && M.push(t.requiredMessage || "Це поле є обов'язковим"), !$ && !t.required) {
-        d.value = M, _.value = M.length === 0;
+      pattern: (h, $) => new RegExp($).test(h),
+      custom: (h, $) => $(h)
+    }, Z = (h) => {
+      const $ = [], M = String(h || "");
+      if (t.required && !z.required(h) && $.push(t.requiredMessage || "Це поле є обов'язковим"), !M && !t.required) {
+        u.value = $, g.value = $.length === 0;
         return;
       }
       switch (t.type) {
         case "email":
-          $ && !z.email($) && M.push(t.emailMessage || "Введіть коректну email адресу");
+          M && !z.email(M) && $.push(t.emailMessage || "Введіть коректну email адресу");
           break;
         case "url":
-          $ && !z.url($) && M.push(t.urlMessage || "Введіть коректний URL");
+          M && !z.url(M) && $.push(t.urlMessage || "Введіть коректний URL");
           break;
         case "number":
-          $ && !z.number($) && M.push(t.numberMessage || "Введіть коректне число");
+          M && !z.number(M) && $.push(t.numberMessage || "Введіть коректне число");
           break;
       }
-      t.minlength && $ && !z.minlength($, t.minlength) && M.push(t.minlengthMessage || `Мінімальна довжина: ${t.minlength} символів`), t.maxlength && $ && !z.maxlength($, t.maxlength) && M.push(t.maxlengthMessage || `Максимальна довжина: ${t.maxlength} символів`), t.type === "number" && $ && z.number($) && (t.min !== void 0 && !z.min($, t.min) && M.push(t.minMessage || `Мінімальне значення: ${t.min}`), t.max !== void 0 && !z.max($, t.max) && M.push(t.maxMessage || `Максимальне значення: ${t.max}`)), t.pattern && $ && !z.pattern($, t.pattern) && M.push(t.patternMessage || "Значення не відповідає вимогам формату"), t.customValidator && !z.custom(h, t.customValidator) && M.push(t.customValidatorMessage || "Значення не проходить валідацію"), d.value = M, _.value = M.length === 0, l("validation", { isValid: _.value, errors: M });
-    }, D = x(() => t.type === "textarea"), Z = x(() => {
+      t.minlength && M && !z.minlength(M, t.minlength) && $.push(t.minlengthMessage || `Мінімальна довжина: ${t.minlength} символів`), t.maxlength && M && !z.maxlength(M, t.maxlength) && $.push(t.maxlengthMessage || `Максимальна довжина: ${t.maxlength} символів`), t.type === "number" && M && z.number(M) && (t.min !== void 0 && !z.min(M, t.min) && $.push(t.minMessage || `Мінімальне значення: ${t.min}`), t.max !== void 0 && !z.max(M, t.max) && $.push(t.maxMessage || `Максимальне значення: ${t.max}`)), t.pattern && M && !z.pattern(M, t.pattern) && $.push(t.patternMessage || "Значення не відповідає вимогам формату"), t.customValidator && !z.custom(h, t.customValidator) && $.push(t.customValidatorMessage || "Значення не проходить валідацію"), u.value = $, g.value = $.length === 0, l("validation", { isValid: g.value, errors: $ });
+    }, D = k(() => t.type === "textarea"), F = k(() => {
       if (t.type === "password") return null;
       switch (t.type) {
         case "email":
@@ -3511,8 +3594,8 @@ const ye = new ws(), gs = {
         default:
           return null;
       }
-    }), U = x(() => {
-      if (t.prefixIcon || Z.value) return null;
+    }), K = k(() => {
+      if (t.prefixIcon || F.value) return null;
       switch (t.status) {
         case "error":
           return "alertCircle";
@@ -3521,14 +3604,14 @@ const ye = new ws(), gs = {
         case "success":
           return "checkCircle";
         default:
-          return _.value ? null : "alertCircle";
+          return g.value ? null : "alertCircle";
       }
-    }), B = x(() => !!t.prefixIcon || !!Z.value || !!U.value), R = x(() => t.prefixIcon || Z.value || U.value), O = x(() => {
-      const h = "vt-input__icon", M = t.status !== "default" ? t.status : _.value ? "default" : "error";
+    }), B = k(() => !!t.prefixIcon || !!F.value || !!K.value), R = k(() => t.prefixIcon || F.value || K.value), O = k(() => {
+      const h = "vt-input__icon", $ = t.status !== "default" ? t.status : g.value ? "default" : "error";
       if (t.prefixIcon)
         return h;
-      if (U.value)
-        switch (M) {
+      if (K.value)
+        switch ($) {
           case "error":
             return `${h} vt-input__icon--error`;
           case "warning":
@@ -3539,67 +3622,67 @@ const ye = new ws(), gs = {
             return h;
         }
       return h;
-    }), te = x(() => ["email", "url", "password"].includes(t.type) && t.suffixIcon ? t.clearable || t.showPassword : !!t.suffixIcon || t.clearable || t.showPassword), Q = x(() => ["email", "url", "password"].includes(t.type) ? null : t.suffixIcon), J = x(
+    }), ee = k(() => ["email", "url", "password"].includes(t.type) && t.suffixIcon ? t.clearable || t.showPassword : !!t.suffixIcon || t.clearable || t.showPassword), G = k(() => ["email", "url", "password"].includes(t.type) ? null : t.suffixIcon), te = k(
       () => t.clearable && !t.disabled && t.modelValue && String(t.modelValue).length > 0
-    ), q = x(() => t.status !== "default" ? t.status : _.value ? "default" : "error"), ee = x(() => [
+    ), U = k(() => t.status !== "default" ? t.status : g.value ? "default" : "error"), N = k(() => [
       "vt-input",
       t.size ? `vt-input--${t.size}` : "vt-input--medium",
-      `vt-input--${q.value}`,
+      `vt-input--${U.value}`,
       {
         "vt-input--disabled": t.disabled,
         "vt-input--focused": p.value,
         "vt-input--textarea": D.value,
         "vt-input--has-prefix": B.value,
-        "vt-input--has-suffix": te.value,
-        "vt-input--invalid": !_.value
+        "vt-input--has-suffix": ee.value,
+        "vt-input--invalid": !g.value
       }
-    ]), E = x(() => t.type === "password" ? v.value ? "text" : "password" : t.type === "textarea" ? "text" : t.type), L = x(() => t.errorMessage ? t.errorMessage : d.value.length > 0 ? d.value[0] : ""), N = x(() => t.autosize && typeof t.autosize == "object" && t.autosize.maxRows ? "none" : t.resize), re = (h) => {
-      let $ = h.target.value;
-      if (t.type === "number" && $ !== "") {
-        const ae = Number($);
-        isNaN(ae) || ($ = ae);
+    ]), E = k(() => t.type === "password" ? v.value ? "text" : "password" : t.type === "textarea" ? "text" : t.type), L = k(() => t.errorMessage ? t.errorMessage : u.value.length > 0 ? u.value[0] : ""), Y = k(() => t.autosize && typeof t.autosize == "object" && t.autosize.maxRows ? "none" : t.resize), ne = (h) => {
+      let M = h.target.value;
+      if (t.type === "number" && M !== "") {
+        const ae = Number(M);
+        isNaN(ae) || (M = ae);
       }
-      l("update:modelValue", $), l("input", h), t.validateOnInput && A($), D.value && t.autosize && !C.value && ve(() => F());
+      l("update:modelValue", M), l("input", h), t.validateOnInput && Z(M), D.value && t.autosize && !C.value && Ce(() => q());
     }, m = (h) => {
       if (l("change", h), !t.validateOnInput) {
-        const M = h.target;
-        A(M.value);
+        const $ = h.target;
+        Z($.value);
       }
     }, b = (h) => {
       p.value = !0, l("focus", h);
-    }, y = (h) => {
+    }, x = (h) => {
       if (p.value = !1, l("blur", h), t.validateOnBlur) {
-        const M = h.target;
-        A(M.value);
+        const $ = h.target;
+        Z($.value);
       }
     }, S = () => {
       var h;
-      l("update:modelValue", ""), l("clear"), (h = i.value) == null || h.focus(), d.value = [], _.value = !0, l("validation", { isValid: !0, errors: [] });
+      l("update:modelValue", ""), l("clear"), (h = i.value) == null || h.focus(), u.value = [], g.value = !0, l("validation", { isValid: !0, errors: [] });
     }, T = () => {
-      v.value = !v.value, ve(() => {
+      v.value = !v.value, Ce(() => {
         var h;
         (h = i.value) == null || h.focus();
       });
-    }, F = () => {
+    }, q = () => {
       if (!c.value || !t.autosize || C.value) return;
-      const h = c.value, M = h.style.height;
+      const h = c.value, $ = h.style.height;
       h.style.height = "auto";
-      let $ = h.scrollHeight;
+      let M = h.scrollHeight;
       if (typeof t.autosize == "object") {
-        const _e = parseInt(getComputedStyle(h).lineHeight), ke = t.autosize.minRows ? t.autosize.minRows * _e : 0, Te = t.autosize.maxRows ? t.autosize.maxRows * _e : 1 / 0;
-        $ = Math.max(ke, Math.min($, Te));
+        const ke = parseInt(getComputedStyle(h).lineHeight), be = t.autosize.minRows ? t.autosize.minRows * ke : 0, Te = t.autosize.maxRows ? t.autosize.maxRows * ke : 1 / 0;
+        M = Math.max(be, Math.min(M, Te));
       }
-      const ae = `${$}px`;
-      ae !== M && (f.value = ae, h.style.height = ae);
+      const ae = `${M}px`;
+      ae !== $ && (f.value = ae, h.style.height = ae);
     }, se = (h) => {
-      if (!c.value || !(N.value !== "none")) return;
+      if (!c.value || !(Y.value !== "none")) return;
       const ae = c.value.getBoundingClientRect();
       if (h.clientX > ae.right - 20 && h.clientY > ae.bottom - 20) {
         C.value = !0;
-        const ke = () => {
-          C.value = !1, document.removeEventListener("mouseup", ke);
+        const be = () => {
+          C.value = !1, document.removeEventListener("mouseup", be);
         };
-        document.addEventListener("mouseup", ke);
+        document.addEventListener("mouseup", be);
       }
     };
     return e({
@@ -3618,47 +3701,47 @@ const ye = new ws(), gs = {
       clear: () => {
         S();
       },
-      validate: () => (A(t.modelValue || ""), _.value),
+      validate: () => (Z(t.modelValue || ""), g.value),
       clearValidation: () => {
-        d.value = [], _.value = !0, l("validation", { isValid: !0, errors: [] });
+        u.value = [], g.value = !0, l("validation", { isValid: !0, errors: [] });
       },
       getInputElement: () => i.value || null,
       getValidationState: () => ({
-        isValid: _.value,
-        errors: [...d.value]
+        isValid: g.value,
+        errors: [...u.value]
       })
-    }), ce(
+    }), fe(
       () => t.modelValue,
       (h) => {
-        D.value && t.autosize && !C.value && ve(F), t.validateOnInput && A(h || "");
+        D.value && t.autosize && !C.value && Ce(q), t.validateOnInput && Z(h || "");
       }
-    ), ce(
+    ), fe(
       () => [t.required, t.minlength, t.maxlength, t.min, t.max, t.pattern],
       () => {
-        t.modelValue !== void 0 && t.modelValue !== "" && A(t.modelValue);
+        t.modelValue !== void 0 && t.modelValue !== "" && Z(t.modelValue);
       },
       { immediate: !0 }
-    ), ge(() => {
-      D.value && t.autosize && F(), t.modelValue !== void 0 && t.modelValue !== "" && A(t.modelValue);
-    }), ge(() => {
+    ), _e(() => {
+      D.value && t.autosize && q(), t.modelValue !== void 0 && t.modelValue !== "" && Z(t.modelValue);
+    }), _e(() => {
       D.value && t.autosize;
     }), Ie(() => {
-    }), (h, M) => (s(), a("div", {
-      class: Y(ee.value)
+    }), (h, $) => (s(), a("div", {
+      class: A(N.value)
     }, [
       h.label ? (s(), a("label", {
         key: 0,
         class: "vt-input__label",
         for: h.id
       }, [
-        xe(G(h.label) + " ", 1),
-        h.required ? (s(), a("span", Js, "*")) : j("", !0)
-      ], 8, Gs)) : j("", !0),
-      r("div", ei, [
-        B.value ? (s(), a("div", ti, [
-          X(oe, {
+        ge(Q(h.label) + " ", 1),
+        h.required ? (s(), a("span", ni, "*")) : j("", !0)
+      ], 8, ti)) : j("", !0),
+      r("div", oi, [
+        B.value ? (s(), a("div", li, [
+          X(le, {
             name: R.value,
-            class: Y(O.value)
+            class: A(O.value)
           }, null, 8, ["name", "class"])
         ])) : j("", !0),
         D.value ? (s(), a("textarea", {
@@ -3677,18 +3760,18 @@ const ye = new ws(), gs = {
           id: h.id,
           tabindex: h.tabindex,
           autocomplete: h.autocomplete,
-          style: fe({ resize: N.value, height: f.value }),
+          style: pe({ resize: Y.value, height: f.value }),
           class: "vt-input__field vt-input__textarea",
-          onInput: re,
+          onInput: ne,
           onChange: m,
           onFocus: b,
-          onBlur: y,
+          onBlur: x,
           onMousedown: se,
-          onKeydown: M[0] || (M[0] = ($) => h.$emit("keydown", $)),
-          onKeyup: M[1] || (M[1] = ($) => h.$emit("keyup", $)),
-          onKeypress: M[2] || (M[2] = ($) => h.$emit("keypress", $)),
-          onClick: M[3] || (M[3] = ($) => h.$emit("click", $))
-        }, null, 44, ni)) : (s(), a("input", {
+          onKeydown: $[0] || ($[0] = (M) => h.$emit("keydown", M)),
+          onKeyup: $[1] || ($[1] = (M) => h.$emit("keyup", M)),
+          onKeypress: $[2] || ($[2] = (M) => h.$emit("keypress", M)),
+          onClick: $[3] || ($[3] = (M) => h.$emit("click", M))
+        }, null, 44, ri)) : (s(), a("input", {
           key: 2,
           ref_key: "inputRef",
           ref: i,
@@ -3708,23 +3791,23 @@ const ye = new ws(), gs = {
           tabindex: h.tabindex,
           autocomplete: h.autocomplete,
           class: "vt-input__field",
-          onInput: re,
+          onInput: ne,
           onChange: m,
           onFocus: b,
-          onBlur: y,
-          onKeydown: M[4] || (M[4] = ($) => h.$emit("keydown", $)),
-          onKeyup: M[5] || (M[5] = ($) => h.$emit("keyup", $)),
-          onKeypress: M[6] || (M[6] = ($) => h.$emit("keypress", $)),
-          onClick: M[7] || (M[7] = ($) => h.$emit("click", $))
-        }, null, 40, oi)),
-        te.value ? (s(), a("div", li, [
-          J.value ? (s(), a("button", {
+          onBlur: x,
+          onKeydown: $[4] || ($[4] = (M) => h.$emit("keydown", M)),
+          onKeyup: $[5] || ($[5] = (M) => h.$emit("keyup", M)),
+          onKeypress: $[6] || ($[6] = (M) => h.$emit("keypress", M)),
+          onClick: $[7] || ($[7] = (M) => h.$emit("click", M))
+        }, null, 40, si)),
+        ee.value ? (s(), a("div", ii, [
+          te.value ? (s(), a("button", {
             key: 0,
             type: "button",
             class: "vt-input__clear-btn",
             onClick: S
           }, [
-            X(oe, {
+            X(le, {
               name: "close",
               class: "vt-input__icon"
             })
@@ -3735,69 +3818,69 @@ const ye = new ws(), gs = {
             class: "vt-input__password-btn",
             onClick: T
           }, [
-            X(oe, {
+            X(le, {
               name: v.value ? "eyeOpened" : "eyeClosed",
               class: "vt-input__icon"
             }, null, 8, ["name"])
           ])) : j("", !0),
-          Q.value ? (s(), ie(oe, {
+          G.value ? (s(), ie(le, {
             key: 2,
-            name: Q.value,
+            name: G.value,
             class: "vt-input__icon"
           }, null, 8, ["name"])) : j("", !0)
         ])) : j("", !0)
       ]),
-      h.helperText || L.value ? (s(), a("div", ri, [
-        L.value ? (s(), a("span", si, G(L.value), 1)) : h.helperText ? (s(), a("span", ii, G(h.helperText), 1)) : j("", !0)
+      h.helperText || L.value ? (s(), a("div", ai, [
+        L.value ? (s(), a("span", ui, Q(L.value), 1)) : h.helperText ? (s(), a("span", di, Q(h.helperText), 1)) : j("", !0)
       ])) : j("", !0),
-      d.value.length > 1 && h.showAllErrors ? (s(), a("div", ai, [
-        (s(!0), a(he, null, pe(d.value, ($, ae) => (s(), a("div", {
+      u.value.length > 1 && h.showAllErrors ? (s(), a("div", ci, [
+        (s(!0), a(ce, null, he(u.value, (M, ae) => (s(), a("div", {
           key: ae,
           class: "vt-input__error-item"
         }, [
-          r("span", null, G($), 1)
+          r("span", null, Q(M), 1)
         ]))), 128))
       ])) : j("", !0)
     ], 2));
   }
 }), _1 = Symbol("VtSelectContext");
-function $e(n, e, o) {
+function Me(n, e, o) {
   return o && typeof n == "object" && typeof e == "object" ? (n == null ? void 0 : n[o]) === (e == null ? void 0 : e[o]) : typeof n == "object" && typeof e == "object" ? JSON.stringify(n) === JSON.stringify(e) : n === e;
 }
 function u1(n, e, o) {
-  return e.find((t) => $e(t.value, n, o));
+  return e.find((t) => Me(t.value, n, o));
 }
-function ui(n, e, o, t) {
-  return o ? Array.isArray(e) ? e.some((l) => $e(l, n, t)) : !1 : $e(e, n, t);
+function hi(n, e, o, t) {
+  return o ? Array.isArray(e) ? e.some((l) => Me(l, n, t)) : !1 : Me(e, n, t);
 }
-function di(n, e, o, t) {
+function pi(n, e, o, t) {
   if (!e.length) return [];
   if (o)
     return Array.isArray(n) ? n.map((i) => u1(i, e, t)).filter(Boolean) : [];
   const l = u1(n, e, t);
   return l ? [l] : [];
 }
-function ci(n, e, o, t) {
+function fi(n, e, o, t) {
   if (o) {
     const l = Array.isArray(e) ? e : [];
-    return l.some((c) => $e(c, n.value, t)) ? l.filter((c) => !$e(c, n.value, t)) : [...l, n.value];
+    return l.some((c) => Me(c, n.value, t)) ? l.filter((c) => !Me(c, n.value, t)) : [...l, n.value];
   }
   return n.value;
 }
-function hi(n, e, o) {
-  return Array.isArray(e) ? e.filter((t) => !$e(t, n, o)) : e;
+function vi(n, e, o) {
+  return Array.isArray(e) ? e.filter((t) => !Me(t, n, o)) : e;
 }
-function pi(n) {
+function mi(n) {
   return n ? [] : void 0;
 }
-function fi(n, e, o, t) {
+function Ci(n, e, o, t) {
   const l = [];
   return o && (e ? !Array.isArray(n) || n.length === 0 : n == null || n === "") && l.push(t || "Це поле є обов'язковим"), {
     isValid: l.length === 0,
     errors: l
   };
 }
-function vi(n, e, o) {
+function wi(n, e, o) {
   var p;
   if (!n || !e.length) return o;
   const t = n.offsetWidth, l = 100;
@@ -3811,41 +3894,41 @@ function vi(n, e, o) {
   }
   return Math.max(1, c);
 }
-function mi(n, e) {
+function gi(n, e) {
   const o = e.map((t) => t.label).join(", ");
   return `Ще ${n}: ${o}`;
 }
-const Ci = ["for"], wi = {
+const _i = ["for"], ki = {
   key: 0,
   class: "vt-select__required"
-}, gi = { class: "vt-select__field" }, _i = { class: "vt-select__tag-text" }, ki = {
+}, bi = { class: "vt-select__field" }, yi = { class: "vt-select__tag-text" }, xi = {
   key: 0,
   class: "vt-select__tag vt-select__tag--collapsed"
-}, bi = { class: "vt-select__tag-text" }, yi = {
+}, $i = { class: "vt-select__tag-text" }, Mi = {
   key: 1,
   class: "vt-select__display-text"
-}, xi = {
+}, Li = {
   key: 2,
   class: "vt-select__placeholder"
-}, Mi = { class: "vt-select__suffix" }, $i = ["disabled"], Li = {
+}, Vi = { class: "vt-select__suffix" }, Si = ["disabled"], Ii = {
   key: 0,
   class: "vt-select__help"
-}, Vi = {
+}, Bi = {
   "aria-hidden": "true",
   style: { display: "none" }
-}, Si = ["aria-multiselectable"], Ii = {
+}, Hi = ["aria-multiselectable"], Ei = {
   key: 0,
   class: "vt-select-dropdown__search"
-}, Hi = {
+}, Ti = {
   key: 1,
   class: "vt-select-dropdown__loading"
-}, Bi = {
+}, ji = {
   key: 2,
   class: "vt-select-dropdown__empty"
-}, Ei = { key: 0 }, Ti = { key: 1 }, ji = ["aria-disabled", "aria-selected", "onClick"], zi = { class: "vt-option__text" }, Oi = { key: 1 }, Ri = {
+}, zi = { key: 0 }, Oi = { key: 1 }, Ri = ["aria-disabled", "aria-selected", "onClick"], Di = { class: "vt-option__text" }, Wi = { key: 1 }, Pi = {
   key: 0,
   class: "vt-select-dropdown__loading-more"
-}, Di = /* @__PURE__ */ de({
+}, Ai = /* @__PURE__ */ ue({
   __name: "VSelect",
   props: {
     modelValue: {},
@@ -3877,233 +3960,212 @@ const Ci = ["for"], wi = {
   },
   emits: ["update:modelValue", "change", "clear", "focus", "blur", "visible-change", "validation", "scrolled", "remove-tag", "filter", "filter-clear"],
   setup(n, { expose: e, emit: o }) {
-    const t = n, l = o, i = H(), c = H(), p = H(), v = H(), f = H([]), d = H(), _ = H(), C = {
-      isFocused: H(!1),
-      validationErrors: H([]),
-      isValid: H(!0),
-      visibleCount: H(0),
-      filterQuery: H("")
-    }, z = H(/* @__PURE__ */ new Map()), A = H(/* @__PURE__ */ new Set()), D = H(/* @__PURE__ */ new Map()), Z = (u) => t.valueKey && typeof u == "object" && u !== null ? String(u[t.valueKey]) : typeof u == "object" ? JSON.stringify(u) : String(u), U = (u, k) => {
-      const K = Z(u.value);
-      z.value.set(K, u), A.value.add(K), k && D.value.set(u.value, k);
-    }, B = (u) => {
-      const k = Z(u);
-      A.value.delete(k), D.value.delete(u);
-    }, R = (u) => {
-      for (const [k, K] of D.value.entries())
-        if ($e(k, u, t.valueKey))
-          return K;
-    }, O = (u) => u.toLowerCase().trim(), te = (u, k) => {
-      if (!k) return !0;
-      const K = O(k);
-      if (u.label && typeof u.label == "string" && O(u.label).includes(K) || typeof u.value == "string" && O(u.value).includes(K))
+    const t = n, l = o, i = I(), c = I(), p = I(), v = I(), f = I([]), u = I(), g = I(), C = {
+      isFocused: I(!1),
+      validationErrors: I([]),
+      isValid: I(!0),
+      visibleCount: I(0),
+      filterQuery: I("")
+    }, z = I(/* @__PURE__ */ new Map()), Z = I(/* @__PURE__ */ new Set()), D = I(/* @__PURE__ */ new Map()), F = (d) => t.valueKey && typeof d == "object" && d !== null ? String(d[t.valueKey]) : typeof d == "object" ? JSON.stringify(d) : String(d), K = (d, y) => {
+      const J = F(d.value);
+      z.value.set(J, d), Z.value.add(J), y && D.value.set(d.value, y);
+    }, B = (d) => {
+      const y = F(d);
+      Z.value.delete(y), D.value.delete(d);
+    }, R = (d) => {
+      for (const [y, J] of D.value.entries())
+        if (Me(y, d, t.valueKey))
+          return J;
+    }, O = (d) => d.toLowerCase().trim(), ee = (d, y) => {
+      if (!y) return !0;
+      const J = O(y);
+      if (d.label && typeof d.label == "string" && O(d.label).includes(J) || typeof d.value == "string" && O(d.value).includes(J))
         return !0;
-      if (typeof u.value == "object" && u.value !== null) {
-        const P = Object.values(u.value).filter((I) => typeof I == "string");
-        for (const I of P)
-          if (O(I).includes(K))
+      if (typeof d.value == "object" && d.value !== null) {
+        const P = Object.values(d.value).filter((H) => typeof H == "string");
+        for (const H of P)
+          if (O(H).includes(J))
             return !0;
       }
       return !1;
-    }, Q = x(() => {
-      const u = [];
-      for (const [k, K] of z.value.entries())
-        A.value.has(k) && u.push(K);
-      return u;
-    }), J = x(() => !t.filterable || !C.filterQuery.value.trim() || t.allowRemoteFilter ? Q.value : Q.value.filter((u) => te(u, C.filterQuery.value))), {
-      visible: q,
-      parentVisible: ee,
-      dropdownPosition: E,
-      show: L,
-      hide: N,
-      toggle: re,
-      updatePosition: m
-    } = m1(c, p, {
-      trigger: "click",
-      placement: "bottom-start",
-      showTimeout: 250,
-      hideTimeout: 150,
-      disabled: t.disabled,
-      hideOnClick: !1,
-      onVisibleChange: (u) => {
-        u ? ve(async () => {
-          await m(), y.init(), t.filterable && _.value && _.value.focus(), setTimeout(() => {
-            y.checkIfNeedMoreData();
-          }, 300);
-        }) : (y.cleanup(), C.filterQuery.value && De(), t.validateOnBlur && b.validate()), l("visible-change", u);
-      }
-    }), b = {
-      validate() {
-        const u = fi(
-          t.modelValue,
-          S.value,
-          t.required || !1,
-          t.requiredMessage
-        );
-        C.validationErrors.value = u.errors, C.isValid.value = u.isValid, l("validation", { isValid: C.isValid.value, errors: u.errors });
-      },
-      clear() {
-        C.validationErrors.value = [], C.isValid.value = !0, l("validation", { isValid: !0, errors: [] });
-      }
-    }, y = {
+    }, G = k(() => {
+      const d = [];
+      for (const [y, J] of z.value.entries())
+        Z.value.has(y) && d.push(J);
+      return d;
+    }), te = k(() => !t.filterable || !C.filterQuery.value.trim() || t.allowRemoteFilter ? G.value : G.value.filter((d) => ee(d, C.filterQuery.value))), U = {
       observer: null,
       sentinelElement: null,
-      scrollTimeoutId: null,
       lastEmitTime: 0,
-      emitCooldown: 500,
-      // мінімальний інтервал між емітами
-      isInitialized: !1,
+      cooldown: 400,
       init() {
-        this.cleanup(), this.initIntersectionObserver(), this.initScrollFallback(), this.isInitialized = !0, ve(() => {
-          this.checkIfNeedMoreData();
-        });
+        this.cleanup(), u.value && (this.createSentinel(), this.initObserver());
       },
-      initIntersectionObserver() {
-        d.value && (this.sentinelElement = document.createElement("div"), this.sentinelElement.style.cssText = `
-      height: 1px;
-      background: transparent;
-      pointer-events: none;
-      position: absolute;
-      bottom: 0;
-      width: 100%;
-    `, this.sentinelElement.setAttribute("data-scroll-sentinel", "true"), d.value.appendChild(this.sentinelElement), this.observer = new IntersectionObserver(
-          (u) => {
-            u.forEach((k) => {
-              k.isIntersecting && this.canEmit() && this.emitScrolled("intersection-observer");
+      createSentinel() {
+        !u.value || this.sentinelElement || (this.sentinelElement = document.createElement("div"), this.sentinelElement.style.cssText = `
+        height: 20px;
+        width: 100%;
+        background: transparent;
+        pointer-events: none;
+        flex-shrink: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 12px;
+        color: #999;
+      `, this.sentinelElement.setAttribute("data-load-more-trigger", "true"), this.sentinelElement.textContent = "", u.value.appendChild(this.sentinelElement));
+      },
+      initObserver() {
+        !this.sentinelElement || !u.value || (this.observer = new IntersectionObserver(
+          (d) => {
+            d.forEach((y) => {
+              y.isIntersecting && this.canEmit() && this.emitScrolled();
             });
           },
           {
-            root: d.value,
-            rootMargin: "100px",
-            // Тригерить за 100px до кінця
+            root: u.value,
+            rootMargin: "50px",
+            // Тригерить за 50px до показу sentinel
             threshold: 0
           }
         ), this.observer.observe(this.sentinelElement));
       },
-      initScrollFallback() {
-        d.value && d.value.addEventListener("scroll", this.handleScrollFallback, {
-          passive: !0
-        });
-      },
-      handleScrollFallback: (u) => {
-        y.scrollTimeoutId && clearTimeout(y.scrollTimeoutId), y.scrollTimeoutId = setTimeout(() => {
-          const k = u.target;
-          if (!k || !y.canEmit()) return;
-          const { scrollTop: K, scrollHeight: P, clientHeight: I } = k;
-          P - K - I <= 80 && J.value.length > 0 && y.emitScrolled("scroll-fallback");
-        }, 200);
-      },
       canEmit() {
-        const u = Date.now();
-        return !t.loading && J.value.length > 0 && u - this.lastEmitTime > this.emitCooldown;
+        const d = Date.now();
+        return !t.loading && te.value.length > 0 && d - this.lastEmitTime > this.cooldown;
       },
-      emitScrolled(u) {
-        console.log(`Scroll triggered by: ${u}, options count: ${J.value.length}`), this.lastEmitTime = Date.now(), l("scrolled");
+      emitScrolled() {
+        console.log("Sentinel triggered scroll - options count:", te.value.length), this.lastEmitTime = Date.now(), l("scrolled");
       },
+      // Переміщуємо sentinel після додавання нових опцій
       updateSentinel() {
-        this.sentinelElement && d.value && d.value.appendChild(this.sentinelElement);
-      },
-      checkIfNeedMoreData() {
-        if (!d.value || !this.canEmit()) return;
-        const { scrollHeight: u, clientHeight: k } = d.value;
-        u <= k && J.value.length > 0 && (console.log("Container height exceeds content, triggering initial load"), this.emitScrolled("initial-check"));
-      },
-      // Метод для ручного тригеру (корисно для дебагу)
-      triggerManually() {
-        this.canEmit() && this.emitScrolled("manual-trigger");
+        !this.sentinelElement || !u.value || u.value.appendChild(this.sentinelElement);
       },
       cleanup() {
-        this.observer && (this.observer.disconnect(), this.observer = null), this.sentinelElement && (this.sentinelElement.remove(), this.sentinelElement = null), d.value && this.isInitialized && d.value.removeEventListener("scroll", this.handleScrollFallback), this.scrollTimeoutId && (clearTimeout(this.scrollTimeoutId), this.scrollTimeoutId = null), this.isInitialized = !1;
+        this.observer && (this.observer.disconnect(), this.observer = null), this.sentinelElement && (this.sentinelElement.remove(), this.sentinelElement = null);
       }
-    }, S = x(() => t.multiple), T = x(() => Q.value.length ? di(t.modelValue, Q.value, S.value, t.valueKey) : []), F = x(() => !t.multiple || T.value.length === 0 ? [] : t.collapsedTags ? T.value.slice(0, C.visibleCount.value) : T.value), se = x(() => {
+    }, {
+      visible: N,
+      parentVisible: E,
+      dropdownPosition: L,
+      show: Y,
+      hide: ne,
+      toggle: m,
+      updatePosition: b
+    } = m1(c, p, {
+      trigger: "click",
+      placement: "bottom-start",
+      showTimeout: 250,
+      hideTimeout: 150,
+      disabled: t.disabled,
+      hideOnClick: !1,
+      onVisibleChange: (d) => {
+        d ? Ce(async () => {
+          await b(), U.init(), t.filterable && g.value && g.value.focus();
+        }) : (U.cleanup(), C.filterQuery.value && De(), t.validateOnBlur && x.validate()), l("visible-change", d);
+      }
+    }), x = {
+      validate() {
+        const d = Ci(
+          t.modelValue,
+          S.value,
+          t.required || !1,
+          t.requiredMessage
+        );
+        C.validationErrors.value = d.errors, C.isValid.value = d.isValid, l("validation", { isValid: C.isValid.value, errors: d.errors });
+      },
+      clear() {
+        C.validationErrors.value = [], C.isValid.value = !0, l("validation", { isValid: !0, errors: [] });
+      }
+    }, S = k(() => t.multiple), T = k(() => G.value.length ? pi(t.modelValue, G.value, S.value, t.valueKey) : []), q = k(() => !t.multiple || T.value.length === 0 ? [] : t.collapsedTags ? T.value.slice(0, C.visibleCount.value) : T.value), se = k(() => {
       if (S.value) return "";
-      const u = T.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) : "";
-    }), Le = x(() => !t.clearable || t.disabled ? !1 : S.value ? T.value.length > 0 : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0)), ze = x(() => t.status !== "default" ? t.status : C.isValid.value ? "default" : "error"), Oe = x(() => [
+      const d = T.value[0];
+      return d ? d.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) : "";
+    }), Le = k(() => !t.clearable || t.disabled ? !1 : S.value ? T.value.length > 0 : t.modelValue !== void 0 && t.modelValue !== null && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0)), ze = k(() => t.status !== "default" ? t.status : C.isValid.value ? "default" : "error"), Oe = k(() => [
       "vt-select",
       `vt-select--${ze.value}`,
       {
         "vt-select--disabled": t.disabled,
         "vt-select--focused": C.isFocused.value,
         "vt-select--multiple": S.value,
-        "vt-select--open": q.value
+        "vt-select--open": N.value
       }
-    ]), He = x(() => ({
-      ...E.value,
+    ]), Be = k(() => ({
+      ...L.value,
       position: "absolute",
       zIndex: 2e3,
       maxHeight: `${t.maxHeight}px`
-    })), Ve = x(() => T.value.length - C.visibleCount.value), Be = x(() => t.collapsedTags && t.multiple && T.value.length > 0 && C.visibleCount.value < T.value.length), Re = x(() => {
-      if (!Be.value) return "";
-      const u = T.value.slice(C.visibleCount.value);
-      return mi(Ve.value, u);
-    }), Ee = (u) => {
-      var K, P;
-      if (!q.value) return;
-      const k = u.target;
-      (K = i.value) != null && K.contains(k) || (P = p.value) != null && P.contains(k) || N();
-    }, h = (u) => {
-      if (!u || u.disabled) return;
-      const k = ci(u, t.modelValue, S.value, t.valueKey);
-      l("update:modelValue", k), l("change", k), S.value || N(), t.validateOnInput && b.validate();
-    }, M = (u, k) => {
-      u.disabled || h(u);
-    }, $ = () => {
-      const u = pi(S.value);
-      l("update:modelValue", u), l("change", u), l("clear"), b.clear();
-    }, ae = (u) => {
+    })), Ve = k(() => T.value.length - C.visibleCount.value), He = k(() => t.collapsedTags && t.multiple && T.value.length > 0 && C.visibleCount.value < T.value.length), Re = k(() => {
+      if (!He.value) return "";
+      const d = T.value.slice(C.visibleCount.value);
+      return gi(Ve.value, d);
+    }), Ee = (d) => {
+      var J, P;
+      if (!N.value) return;
+      const y = d.target;
+      (J = i.value) != null && J.contains(y) || (P = p.value) != null && P.contains(y) || ne();
+    }, h = (d) => {
+      if (!d || d.disabled) return;
+      const y = fi(d, t.modelValue, S.value, t.valueKey);
+      l("update:modelValue", y), l("change", y), S.value || ne(), t.validateOnInput && x.validate();
+    }, $ = (d, y) => {
+      d.disabled || h(d);
+    }, M = () => {
+      const d = mi(S.value);
+      l("update:modelValue", d), l("change", d), l("clear"), x.clear();
+    }, ae = (d) => {
       if (!S.value) return;
-      const k = hi(u, t.modelValue, t.valueKey);
-      l("update:modelValue", k), l("change", k), l("remove-tag", u), t.validateOnInput && b.validate();
-    }, _e = () => {
-      t.disabled || re();
+      const y = vi(d, t.modelValue, t.valueKey);
+      l("update:modelValue", y), l("change", y), l("remove-tag", d), t.validateOnInput && x.validate();
     }, ke = () => {
+      t.disabled || m();
+    }, be = () => {
       C.isFocused.value = !0, l("focus");
-    }, Te = (u) => {
-      var k;
-      u != null && u.relatedTarget && ((k = p.value) != null && k.contains(u.relatedTarget)) || (C.isFocused.value = !1, l("blur"), setTimeout(() => {
-        var K;
-        (K = p.value) != null && K.contains(document.activeElement) || N();
+    }, Te = (d) => {
+      var y;
+      d != null && d.relatedTarget && ((y = p.value) != null && y.contains(d.relatedTarget)) || (C.isFocused.value = !1, l("blur"), setTimeout(() => {
+        var J;
+        (J = p.value) != null && J.contains(document.activeElement) || ne();
       }, 100));
     }, De = () => {
       C.filterQuery.value = "", l("filter", ""), l("filter-clear");
-    }, Ze = (u) => {
-      u.key === "Enter" || u.key === " " ? (u.preventDefault(), _e()) : u.key === "Escape" && q.value && (u.preventDefault(), N());
-    }, Se = (u) => ui(u, t.modelValue, S.value, t.valueKey), g = () => {
+    }, Ze = (d) => {
+      d.key === "Enter" || d.key === " " ? (d.preventDefault(), ke()) : d.key === "Escape" && N.value && (d.preventDefault(), ne());
+    }, Se = (d) => hi(d, t.modelValue, S.value, t.valueKey), _ = () => {
       if (!t.collapsedTags || !v.value || T.value.length === 0) {
         C.visibleCount.value = T.value.length;
         return;
       }
-      ve(() => {
+      Ce(() => {
         if (!v.value) return;
-        const u = vi(v.value, f.value, T.value.length);
-        C.visibleCount.value = u;
+        const d = wi(v.value, f.value, T.value.length);
+        C.visibleCount.value = d;
       });
     }, V = {
-      selectValue: x(() => t.modelValue || (S.value ? [] : void 0)).value,
+      selectValue: k(() => t.modelValue || (S.value ? [] : void 0)).value,
       multiple: S.value,
       valueKey: t.valueKey,
       handleOptionClick: h,
       isOptionSelected: Se,
-      registerOption: U,
+      registerOption: K,
       unregisterOption: B
     };
     return e1(_1, V), e({
       ...{
         focus() {
-          q.value || L();
+          N.value || Y();
         },
         blur() {
-          N();
+          ne();
         },
         clear() {
-          $();
+          M();
         },
         validate() {
-          return b.validate(), C.isValid.value;
+          return x.validate(), C.isValid.value;
         },
         clearValidation() {
-          b.clear();
+          x.clear();
         },
         getSelectedOptions() {
           return T.value;
@@ -4114,8 +4176,8 @@ const Ci = ["for"], wi = {
             errors: [...C.validationErrors.value]
           };
         },
-        setFilter(u) {
-          C.filterQuery.value = u, l("filter", u);
+        setFilter(d) {
+          C.filterQuery.value = d, l("filter", d);
         },
         clearFilter() {
           De();
@@ -4123,127 +4185,112 @@ const Ci = ["for"], wi = {
         getFilterQuery() {
           return C.filterQuery.value;
         },
-        // Нові методи для роботи зі скролом
-        checkScroll() {
-          y.checkIfNeedMoreData();
-        },
-        triggerScroll() {
-          y.triggerManually();
+        // Метод для оновлення sentinel після завантаження нових опцій
+        updateScrollSentinel() {
+          U.updateSentinel();
         },
         getScrollInfo() {
-          if (!d.value) return null;
-          const { scrollTop: u, scrollHeight: k, clientHeight: K } = d.value;
+          if (!u.value) return null;
+          const { scrollTop: d, scrollHeight: y, clientHeight: J } = u.value;
           return {
-            scrollTop: u,
-            scrollHeight: k,
-            clientHeight: K,
-            isNearBottom: k - u - K <= 100,
-            canScroll: k > K,
-            optionsCount: J.value.length,
-            isLoading: t.loading
+            scrollTop: d,
+            scrollHeight: y,
+            clientHeight: J,
+            optionsCount: te.value.length,
+            isLoading: t.loading,
+            hasSentinel: !!U.sentinelElement,
+            hasObserver: !!U.observer
           };
         }
       },
-      registerOption: U,
+      registerOption: K,
       unregisterOption: B
-    }), ce(
+    }), fe(
+      () => te.value.length,
+      (d, y) => {
+        N.value && d > y && U.sentinelElement && Ce(() => {
+          U.updateSentinel();
+        });
+      }
+    ), fe(
       () => t.modelValue,
       () => {
-        t.validateOnInput && b.validate();
+        t.validateOnInput && x.validate();
       }
-    ), ce(
+    ), fe(
       T,
       () => {
-        g();
+        _();
       },
       { deep: !0 }
-    ), ce(
+    ), fe(
       () => v.value,
       () => {
-        v.value && g();
-      }
-    ), ce(q, async (u) => {
-      u && (await ve(), m());
-    }), ce(
-      J,
-      (u, k) => {
-        q.value && y.isInitialized && ve(() => {
-          y.updateSentinel(), u.length > 0 && setTimeout(() => {
-            y.checkIfNeedMoreData();
-          }, 100);
-        });
-      },
-      { flush: "post" }
-    ), ce(
-      () => t.loading,
-      (u, k) => {
-        k && !u && q.value && y.isInitialized && ve(() => {
-          y.updateSentinel(), setTimeout(() => {
-            y.checkIfNeedMoreData();
-          }, 200);
-        });
+        v.value && _();
       }
-    ), ge(() => {
-      t.modelValue !== void 0 && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0) && b.validate(), ve(() => {
-        g();
-      }), window.addEventListener("resize", g), document.addEventListener("click", Ee);
+    ), fe(N, async (d) => {
+      d && (await Ce(), b());
+    }), _e(() => {
+      t.modelValue !== void 0 && t.modelValue !== "" && (!Array.isArray(t.modelValue) || t.modelValue.length > 0) && x.validate(), Ce(() => {
+        _();
+      }), window.addEventListener("resize", _), document.addEventListener("click", Ee);
     }), Ie(() => {
-      y.cleanup(), document.removeEventListener("click", Ee), window.removeEventListener("resize", g);
-    }), (u, k) => {
-      const K = Ge("tooltip");
+      U.cleanup(), document.removeEventListener("click", Ee), window.removeEventListener("resize", _);
+    }), (d, y) => {
+      const J = Ge("tooltip");
       return s(), a("div", {
         ref_key: "selectRef",
         ref: i,
-        class: Y(Oe.value)
+        class: A(Oe.value)
       }, [
-        u.label ? (s(), a("label", {
+        d.label ? (s(), a("label", {
           key: 0,
-          for: u.id,
+          for: d.id,
           class: "vt-select__label"
         }, [
-          xe(G(u.label) + " ", 1),
-          u.required ? (s(), a("span", wi, "*")) : j("", !0)
-        ], 8, Ci)) : j("", !0),
+          ge(Q(d.label) + " ", 1),
+          d.required ? (s(), a("span", ki, "*")) : j("", !0)
+        ], 8, _i)) : j("", !0),
         r("div", {
           ref_key: "triggerRef",
           ref: c,
           class: "vt-select__container",
           tabindex: "0",
           onBlur: Te,
-          onClick: _e,
-          onFocus: ke,
+          onClick: ke,
+          onFocus: be,
           onKeydown: Ze
         }, [
-          r("div", gi, [
-            u.multiple && T.value.length > 0 ? (s(), a("div", {
+          r("div", bi, [
+            d.multiple && T.value.length > 0 ? (s(), a("div", {
               key: 0,
               ref_key: "containerRef",
               ref: v,
               class: "vt-select__tags"
             }, [
-              (s(!0), a(he, null, pe(F.value, (P, I) => (s(), a("div", {
-                key: `tag-${typeof P.value == "object" ? JSON.stringify(P.value) : P.value}-${I}`,
+              (s(!0), a(ce, null, he(q.value, (P, H) => (s(), a("div", {
+                key: `tag-${typeof P.value == "object" ? JSON.stringify(P.value) : P.value}-${H}`,
                 ref_for: !0,
-                ref: (ue) => ue && (f.value[I] = ue),
+                ref: (de) => de && (f.value[H] = de),
                 class: "vt-select__tag"
               }, [
-                r("span", _i, G(P.label), 1),
-                t.disabled ? j("", !0) : (s(), ie(oe, {
+                r("span", yi, Q(P.label), 1),
+                t.disabled ? j("", !0) : (s(), ie(le, {
                   key: 0,
                   class: "vt-select__tag-close",
                   name: "close",
-                  onClick: me((ue) => ae(P.value), ["stop"])
+                  onClick: me((de) => ae(P.value), ["stop"])
                 }, null, 8, ["onClick"]))
               ]))), 128)),
-              Be.value ? Ae((s(), a("div", ki, [
-                r("span", bi, "+" + G(Ve.value), 1)
+              He.value ? Ae((s(), a("div", xi, [
+                r("span", $i, "+" + Q(Ve.value), 1)
               ])), [
-                [K, Re.value]
+                [J, Re.value]
               ]) : j("", !0)
-            ], 512)) : !u.multiple && se.value ? (s(), a("span", yi, G(se.value), 1)) : (s(), a("span", xi, G(u.placeholder), 1))
+            ], 512)) : !d.multiple && se.value ? (s(), a("span", Mi, Q(se.value), 1)) : (s(), a("span", Li, Q(d.placeholder), 1))
           ]),
-          r("div", Mi, [
-            u.loading ? (s(), ie(je, {
+          r("div", Vi, [
+            d.loading ? (s(), ie(je, {
               key: 0,
               class: "vt-select__loading"
             })) : Le.value ? (s(), a("button", {
@@ -4251,31 +4298,31 @@ const Ci = ["for"], wi = {
               disabled: t.disabled,
               class: "vt-select__clear-btn",
               type: "button",
-              onClick: me($, ["stop"])
+              onClick: me(M, ["stop"])
             }, [
-              X(oe, { name: "close" })
-            ], 8, $i)) : (s(), ie(oe, {
+              X(le, { name: "close" })
+            ], 8, Si)) : (s(), ie(le, {
               key: 2,
-              class: Y([{ "vt-select__arrow--open": ne(q) }, "vt-select__icon vt-select__arrow"]),
+              class: A([{ "vt-select__arrow--open": oe(N) }, "vt-select__icon vt-select__arrow"]),
               name: "arrowDown"
             }, null, 8, ["class"]))
           ])
         ], 544),
         X(r1, { name: "fade" }, {
           default: we(() => [
-            C.validationErrors && C.validationErrors.value.length ? (s(), a("div", Li, [
-              (s(!0), a(he, null, pe(C.validationErrors.value, (P, I) => (s(), a("div", {
-                key: `error-${I}`,
+            C.validationErrors && C.validationErrors.value.length ? (s(), a("div", Ii, [
+              (s(!0), a(ce, null, he(C.validationErrors.value, (P, H) => (s(), a("div", {
+                key: `error-${H}`,
                 class: "vt-select__error"
-              }, G(P), 1))), 128))
+              }, Q(P), 1))), 128))
             ])) : j("", !0)
           ]),
           _: 1
         }),
-        r("div", Vi, [
-          Ce(u.$slots, "default")
+        r("div", Bi, [
+          ve(d.$slots, "default")
         ]),
-        ne(q) && ne(ee) ? (s(), ie(Je, {
+        oe(N) && oe(E) ? (s(), ie(Je, {
           key: 1,
           to: "body"
         }, [
@@ -4284,43 +4331,43 @@ const Ci = ["for"], wi = {
               r("div", {
                 ref_key: "dropdownRef",
                 ref: p,
-                "aria-multiselectable": u.multiple,
-                style: fe(He.value),
+                "aria-multiselectable": d.multiple,
+                style: pe(Be.value),
                 class: "vt-select-dropdown",
                 role: "listbox",
-                onClick: k[2] || (k[2] = me(() => {
+                onClick: y[2] || (y[2] = me(() => {
                 }, ["stop"])),
-                onMousedown: k[3] || (k[3] = me(() => {
+                onMousedown: y[3] || (y[3] = me(() => {
                 }, ["prevent"]))
               }, [
-                u.filterable ? (s(), a("div", Ii, [
+                d.filterable ? (s(), a("div", Ei, [
                   X(g1, {
                     ref_key: "filterInputRef",
-                    ref: _,
+                    ref: g,
                     modelValue: C.filterQuery.value,
-                    "onUpdate:modelValue": k[0] || (k[0] = (P) => C.filterQuery.value = P),
-                    placeholder: u.filterPlaceholder,
+                    "onUpdate:modelValue": y[0] || (y[0] = (P) => C.filterQuery.value = P),
+                    placeholder: d.filterPlaceholder,
                     clearable: "",
                     "suffix-icon": "search",
                     type: "text"
                   }, null, 8, ["modelValue", "placeholder"])
                 ])) : j("", !0),
-                u.loading ? (s(), a("div", Hi, [
+                d.loading ? (s(), a("div", Ti, [
                   X(je, { class: "vt-select-dropdown__loading-icon" }),
-                  xe(" " + G(u.loadingText), 1)
-                ])) : J.value.length === 0 ? (s(), a("div", Bi, [
-                  C.filterQuery.value ? (s(), a("span", Ei, 'Немає результатів для "' + G(C.filterQuery.value) + '"', 1)) : (s(), a("span", Ti, G(u.noDataText), 1))
+                  ge(" " + Q(d.loadingText), 1)
+                ])) : te.value.length === 0 ? (s(), a("div", ji, [
+                  C.filterQuery.value ? (s(), a("span", zi, 'Немає результатів для "' + Q(C.filterQuery.value) + '"', 1)) : (s(), a("span", Oi, Q(d.noDataText), 1))
                 ])) : (s(), a("div", {
                   key: 3,
                   ref_key: "scrollContainerRef",
-                  ref: d,
+                  ref: u,
                   class: "vt-select-dropdown__options"
                 }, [
-                  (s(!0), a(he, null, pe(J.value, (P) => (s(), a("div", {
+                  (s(!0), a(ce, null, he(te.value, (P) => (s(), a("div", {
                     key: `option-${typeof P.value == "object" ? JSON.stringify(P.value) : P.value}`,
                     "aria-disabled": P.disabled || !1,
                     "aria-selected": Se(P.value),
-                    class: Y([
+                    class: A([
                       "vt-option",
                       {
                         "vt-option--selected": Se(P.value),
@@ -4328,28 +4375,28 @@ const Ci = ["for"], wi = {
                       }
                     ]),
                     role: "option",
-                    onClick: (I) => h(P),
-                    onMousedown: k[1] || (k[1] = me(() => {
+                    onClick: (H) => h(P),
+                    onMousedown: y[1] || (y[1] = me(() => {
                     }, ["prevent"]))
                   }, [
-                    S.value ? (s(), ie(Me, {
+                    S.value ? (s(), ie($e, {
                       key: 0,
                       checked: Se(P.value),
                       disabled: P.disabled || !1,
                       class: "vt-option__checkbox",
                       tabindex: "-1",
-                      onChange: (I) => M(P)
+                      onChange: (H) => $(P)
                     }, null, 8, ["checked", "disabled", "onChange"])) : j("", !0),
-                    r("span", zi, [
-                      R(P.value) ? (s(), ie(Xe(R(P.value)), { key: 0 })) : (s(), a("span", Oi, G(P.label || P.value), 1))
+                    r("span", Di, [
+                      R(P.value) ? (s(), ie(Xe(R(P.value)), { key: 0 })) : (s(), a("span", Wi, Q(P.label || P.value), 1))
                     ])
-                  ], 42, ji))), 128)),
-                  u.loading ? (s(), a("div", Ri, [
+                  ], 42, Ri))), 128)),
+                  d.loading ? (s(), a("div", Pi, [
                     X(je, { class: "vt-select-dropdown__loading-icon" }),
-                    xe(" " + G(t.loadingText), 1)
+                    ge(" " + Q(t.loadingText), 1)
                   ])) : j("", !0)
                 ], 512))
-              ], 44, Si)
+              ], 44, Hi)
             ]),
             _: 1
           })
@@ -4357,7 +4404,7 @@ const Ci = ["for"], wi = {
       ], 2);
     };
   }
-}), Wi = { style: { display: "none" } }, Pi = /* @__PURE__ */ de({
+}), Zi = { style: { display: "none" } }, Fi = /* @__PURE__ */ ue({
   __name: "VOption",
   props: {
     label: {},
@@ -4368,20 +4415,20 @@ const Ci = ["for"], wi = {
   setup(n, { emit: e }) {
     const o = n, t = Qe(), l = t1(_1);
     l || console.warn("VOption повинен використовуватися всередині VSelect");
-    const i = x(() => ({
+    const i = k(() => ({
       label: o.label,
       value: o.value,
       disabled: o.disabled || !1
     }));
-    return ge(() => {
+    return _e(() => {
       if (l) {
         const c = t.default ? () => t.default() : null;
         l.registerOption(i.value, c);
       }
-    }), M1(() => {
+    }), $1(() => {
       l && l.unregisterOption(o.value);
-    }), (c, p) => (s(), a("div", Wi, [
-      Ce(c.$slots, "default")
+    }), (c, p) => (s(), a("div", Zi, [
+      ve(c.$slots, "default")
     ]));
   }
 }), d1 = (n, e) => {
@@ -4467,15 +4514,15 @@ const Ci = ["for"], wi = {
       p = t.top + c + (t.height - l.height) / 2, v = t.right + i + 8;
       break;
   }
-  const f = window.innerWidth, d = window.innerHeight;
-  v < 8 ? v = 8 : v + l.width > f - 8 && (v = f - l.width - 8), p < c + 8 ? o === "top" ? p = t.bottom + c + 8 : p = c + 8 : p + l.height > c + d - 8 && (o === "bottom" ? p = t.top + c - l.height - 8 : p = c + d - l.height - 8), n.style.top = `${p}px`, n.style.left = `${v}px`;
+  const f = window.innerWidth, u = window.innerHeight;
+  v < 8 ? v = 8 : v + l.width > f - 8 && (v = f - l.width - 8), p < c + 8 ? o === "top" ? p = t.bottom + c + 8 : p = c + 8 : p + l.height > c + u - 8 && (o === "bottom" ? p = t.top + c - l.height - 8 : p = c + u - l.height - 8), n.style.top = `${p}px`, n.style.left = `${v}px`;
 }, c1 = (n, e, o) => {
   n.parentElement || document.body.appendChild(n), n.style.visibility = "visible", Ye(n, e, o), requestAnimationFrame(() => {
     n.style.opacity = "1";
   });
 }, h1 = (n) => {
   n.style.opacity = "0", n.style.visibility = "hidden";
-}, p1 = (n) => n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight, f1 = (n) => !!n.closest(".vt-table, table"), Ai = {
+}, p1 = (n) => n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight, f1 = (n) => !!n.closest(".vt-table, table"), Ni = {
   mounted(n, e) {
     var v;
     const o = (v = e.value) == null ? void 0 : v.trim();
@@ -4512,39 +4559,40 @@ const Ci = ["for"], wi = {
   beforeUnmount(n) {
     n.__tooltipEl && n.__tooltipEl.parentElement && (n.__tooltipEl.parentElement.removeChild(n.__tooltipEl), delete n.__tooltipEl), n.__mouseenterHandler && (n.removeEventListener("mouseenter", n.__mouseenterHandler), delete n.__mouseenterHandler), n.__mouseleaveHandler && (n.removeEventListener("mouseleave", n.__mouseleaveHandler), delete n.__mouseleaveHandler), n.__scrollHandler && (window.removeEventListener("scroll", n.__scrollHandler, !0), window.removeEventListener("resize", n.__scrollHandler), delete n.__scrollHandler);
   }
-}, Fi = {
+}, Ui = {
   sortable: !0,
   actionColumn: !1,
   showOverflowTooltip: !0,
   visible: !0,
   pinnedLeft: !1,
   pinnedRight: !1
-}, Zi = {
+}, qi = {
   install(n, e = {}) {
     const { prefix: o = "V", modal: t = !0 } = e;
-    n.component(`${o}Button`, We), n.component(`${o}Icon`, oe), n.component(`${o}Loader`, je), n.component(`${o}Modal`, v1), n.component(`${o}Pagination`, rs), n.component(`${o}Checkbox`, Me), n.component(`${o}Table`, Xs), n.component(`${o}TableColumn`, Qs), n.component(`${o}Dropdown`, w1), n.component(`${o}DropdownItem`, Ue), n.component(`${o}Input`, g1), n.component(`${o}Select`, Di), n.component(`${o}Option`, Pi), n.directive("tooltip", Ai), t && n.use(gs);
+    n.component(`${o}Button`, We), n.component(`${o}Icon`, le), n.component(`${o}Loader`, je), n.component(`${o}Modal`, v1), n.component(`${o}Pagination`, rs), n.component(`${o}Checkbox`, $e), n.component(`${o}Radiobox`, ds), n.component(`${o}Table`, Js), n.component(`${o}TableColumn`, ei), n.component(`${o}Dropdown`, w1), n.component(`${o}DropdownItem`, Ue), n.component(`${o}Input`, g1), n.component(`${o}Select`, Ai), n.component(`${o}Option`, Fi), n.directive("tooltip", Ni), t && n.use(bs);
   }
-}, qi = Zi.install;
+}, Yi = qi.install;
 export {
-  Fi as DEFAULT_COLUMN_CONFIG,
+  Ui as DEFAULT_COLUMN_CONFIG,
   C1 as DropdownContextKey,
   We as VButton,
-  Me as VCheckbox,
+  $e as VCheckbox,
   w1 as VDropdown,
   Ue as VDropdownItem,
-  oe as VIcon,
+  le as VIcon,
   g1 as VInput,
   je as VLoader,
   v1 as VModal,
-  gs as VModalPlugin,
-  Pi as VOption,
+  bs as VModalPlugin,
+  Fi as VOption,
   rs as VPagination,
-  Di as VSelect,
-  Xs as VTable,
-  Qs as VTableColumn,
+  ds as VRadiobox,
+  Ai as VSelect,
+  Js as VTable,
+  ei as VTableColumn,
   _1 as VtSelectContextKey,
-  Zi as default,
-  qi as install,
-  ye as modalManager,
-  Ai as tooltipDirective
+  qi as default,
+  Yi as install,
+  xe as modalManager,
+  Ni as tooltipDirective
 };