prlg-ui 1.8.44 → 1.8.45

package/dist/prlg-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, computed as P, resolveComponent as nl, createBlock as W, openBlock as d, resolveDynamicComponent as Te, normalizeClass as E, withCtx as Q, createCommentVNode as A, createElementBlock as p, renderSlot as te, Fragment as ae, createTextVNode as ve, toDisplayString as Z, ref as I, useTemplateRef as We, onMounted as ye, createElementVNode as S, createVNode as K, renderList as me, unref as b, mergeModels as oe, useModel as ue, withDirectives as _e, vModelCheckbox as Pt, shallowRef as Oe, watch as le, getCurrentScope as Il, onScopeDispose as Tl, shallowReadonly as Ne, toRefs as Rl, useId as Ge, onUnmounted as Me, Transition as Ve, normalizeStyle as se, nextTick as de, withModifiers as $e, vModelRadio as Ml, vModelText as tt, provide as Se, toRef as Ye, useSlots as ol, inject as he, vModelDynamic as Al, toValue as qe, isRef as Ol, createStaticVNode as Bl, Teleport as dt, reactive as al, TransitionGroup as Ll, vShow as sl, createApp as Dl } from "vue";
+import { defineComponent as F, computed as P, resolveComponent as nl, createBlock as W, openBlock as d, resolveDynamicComponent as Te, normalizeClass as E, withCtx as Q, createCommentVNode as A, createElementBlock as p, renderSlot as ee, Fragment as ae, createTextVNode as ve, toDisplayString as Z, ref as I, useTemplateRef as We, onMounted as ye, createElementVNode as S, createVNode as K, renderList as me, unref as b, mergeModels as oe, useModel as ue, withDirectives as _e, vModelCheckbox as Pt, shallowRef as Oe, watch as le, getCurrentScope as Il, onScopeDispose as Tl, shallowReadonly as Ne, toRefs as Rl, useId as Ge, onUnmounted as Me, Transition as Ve, normalizeStyle as se, nextTick as de, withModifiers as $e, vModelRadio as Ml, vModelText as tt, provide as Se, toRef as Ye, useSlots as ol, inject as he, vModelDynamic as Al, toValue as qe, isRef as Ol, createStaticVNode as Bl, Teleport as dt, reactive as al, TransitionGroup as Ll, vShow as sl, createApp as Dl } from "vue";
 import { P as rl, i as El, j as zl, I as Vt, e as It, C as il, A as Hl, a as ul, g as Fl, M as Nl, S as ql, h as Yl, b as jl, c as Wl, E as Ul, B as Kl, d as Zl, W as Xl, f as Gl } from "./WarningFillIcon-S5AykBkC.js";
 import { o as Ql, d as ne } from "./parseFileSize.util-CxVk4CvB.js";
 import { _ as ce, C as ft, a as Jl } from "./FileIcon-maHE2Nhr.js";
@@ -46,7 +46,7 @@ const tn = {
           class: "button__icon"
         })) : A("", !0),
         a.iconOnly ? A("", !0) : (d(), p("div", tn, [
-          te(a.$slots, "default"),
+          ee(a.$slots, "default"),
           a.label && !a.$slots.default ? (d(), p(ae, { key: 0 }, [
             ve(Z(a.label), 1)
           ], 64)) : A("", !0)
@@ -216,7 +216,7 @@ const tn = {
       ]),
       s.label || s.$slots.label ? (d(), p("span", fn, [
         ve(Z(s.label) + " ", 1),
-        te(s.$slots, "label")
+        ee(s.$slots, "label")
       ])) : A("", !0),
       s.error && s.errorText ? (d(), p("span", vn, Z(s.errorText), 1)) : A("", !0)
     ], 10, an));
@@ -357,7 +357,7 @@ function Ft(e, l, t) {
     reference: a,
     floating: n
   } = e;
-  const i = Be(l), o = Rt(l), s = Tt(o), r = Ee(l), u = i === "y", c = a.x + a.width / 2 - n.width / 2, v = a.y + a.height / 2 - n.height / 2, m = a[s] / 2 - n[s] / 2;
+  const i = Be(l), o = Rt(l), s = Tt(o), r = Ee(l), u = i === "y", c = a.x + a.width / 2 - n.width / 2, m = a.y + a.height / 2 - n.height / 2, f = a[s] / 2 - n[s] / 2;
   let k;
   switch (r) {
     case "top":
@@ -375,13 +375,13 @@ function Ft(e, l, t) {
     case "right":
       k = {
         x: a.x + a.width,
-        y: v
+        y: m
       };
       break;
     case "left":
       k = {
         x: a.x - n.width,
-        y: v
+        y: m
       };
       break;
     default:
@@ -392,10 +392,10 @@ function Ft(e, l, t) {
   }
   switch (nt(l)) {
     case "start":
-      k[o] -= m * (t && u ? -1 : 1);
+      k[o] -= f * (t && u ? -1 : 1);
       break;
     case "end":
-      k[o] += m * (t && u ? -1 : 1);
+      k[o] += f * (t && u ? -1 : 1);
       break;
   }
   return k;
@@ -413,8 +413,8 @@ const Pn = async (e, l, t) => {
     strategy: n
   }), {
     x: c,
-    y: v
-  } = Ft(u, a, r), m = a, k = {}, f = 0;
+    y: m
+  } = Ft(u, a, r), f = a, k = {}, v = 0;
   for (let w = 0; w < s.length; w++) {
     const {
       name: C,
@@ -426,9 +426,9 @@ const Pn = async (e, l, t) => {
       reset: g
     } = await M({
       x: c,
-      y: v,
+      y: m,
       initialPlacement: a,
-      placement: m,
+      placement: f,
       strategy: n,
       middlewareData: k,
       rects: u,
@@ -438,25 +438,25 @@ const Pn = async (e, l, t) => {
         floating: l
       }
     });
-    c = V ?? c, v = O ?? v, k = {
+    c = V ?? c, m = O ?? m, k = {
       ...k,
       [C]: {
         ...k[C],
         ...y
       }
-    }, g && f <= 50 && (f++, typeof g == "object" && (g.placement && (m = g.placement), g.rects && (u = g.rects === !0 ? await o.getElementRects({
+    }, g && v <= 50 && (v++, typeof g == "object" && (g.placement && (f = g.placement), g.rects && (u = g.rects === !0 ? await o.getElementRects({
       reference: e,
       floating: l,
       strategy: n
     }) : g.rects), {
       x: c,
-      y: v
-    } = Ft(u, m, r)), w = -1);
+      y: m
+    } = Ft(u, f, r)), w = -1);
   }
   return {
     x: c,
-    y: v,
-    placement: m,
+    y: m,
+    placement: f,
     strategy: n,
     middlewareData: k
   };
@@ -474,15 +474,15 @@ async function it(e, l) {
   } = e, {
     boundary: u = "clippingAncestors",
     rootBoundary: c = "viewport",
-    elementContext: v = "floating",
-    altBoundary: m = !1,
+    elementContext: m = "floating",
+    altBoundary: f = !1,
     padding: k = 0
-  } = Qe(l, e), f = dl(k), C = s[m ? v === "floating" ? "reference" : "floating" : v], M = rt(await i.getClippingRect({
+  } = Qe(l, e), v = dl(k), C = s[f ? m === "floating" ? "reference" : "floating" : m], M = rt(await i.getClippingRect({
     element: (t = await (i.isElement == null ? void 0 : i.isElement(C))) == null || t ? C : C.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(s.floating)),
     boundary: u,
     rootBoundary: c,
     strategy: r
-  })), V = v === "floating" ? {
+  })), V = m === "floating" ? {
     x: a,
     y: n,
     width: o.floating.width,
@@ -500,10 +500,10 @@ async function it(e, l) {
     strategy: r
   }) : V);
   return {
-    top: (M.top - g.top + f.top) / y.y,
-    bottom: (g.bottom - M.bottom + f.bottom) / y.y,
-    left: (M.left - g.left + f.left) / y.x,
-    right: (g.right - M.right + f.right) / y.x
+    top: (M.top - g.top + v.top) / y.y,
+    bottom: (g.bottom - M.bottom + v.bottom) / y.y,
+    left: (M.left - g.left + v.left) / y.x,
+    right: (g.right - M.right + v.right) / y.x
   };
 }
 const Vn = (e) => ({
@@ -524,15 +524,15 @@ const Vn = (e) => ({
     } = Qe(e, l) || {};
     if (u == null)
       return {};
-    const v = dl(c), m = {
+    const m = dl(c), f = {
       x: t,
       y: a
-    }, k = Rt(n), f = Tt(k), w = await o.getDimensions(u), C = k === "y", M = C ? "top" : "left", V = C ? "bottom" : "right", O = C ? "clientHeight" : "clientWidth", y = i.reference[f] + i.reference[k] - m[k] - i.floating[f], g = m[k] - i.reference[k], h = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(u));
+    }, k = Rt(n), v = Tt(k), w = await o.getDimensions(u), C = k === "y", M = C ? "top" : "left", V = C ? "bottom" : "right", O = C ? "clientHeight" : "clientWidth", y = i.reference[v] + i.reference[k] - f[k] - i.floating[v], g = f[k] - i.reference[k], h = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(u));
     let _ = h ? h[O] : 0;
-    (!_ || !await (o.isElement == null ? void 0 : o.isElement(h))) && (_ = s.floating[O] || i.floating[f]);
-    const N = y / 2 - g / 2, D = _ / 2 - w[f] / 2 - 1, z = Je(v[M], D), H = Je(v[V], D), Y = z, q = _ - w[f] - H, j = _ / 2 - w[f] / 2 + N, T = kt(Y, j, q), x = !r.arrow && nt(n) != null && j !== T && i.reference[f] / 2 - (j < Y ? z : H) - w[f] / 2 < 0, L = x ? j < Y ? j - Y : j - q : 0;
+    (!_ || !await (o.isElement == null ? void 0 : o.isElement(h))) && (_ = s.floating[O] || i.floating[v]);
+    const N = y / 2 - g / 2, D = _ / 2 - w[v] / 2 - 1, z = Je(m[M], D), H = Je(m[V], D), Y = z, q = _ - w[v] - H, j = _ / 2 - w[v] / 2 + N, T = kt(Y, j, q), x = !r.arrow && nt(n) != null && j !== T && i.reference[v] / 2 - (j < Y ? z : H) - w[v] / 2 < 0, L = x ? j < Y ? j - Y : j - q : 0;
     return {
-      [k]: m[k] + L,
+      [k]: f[k] + L,
       data: {
         [k]: T,
         centerOffset: j - T - L,
@@ -558,20 +558,20 @@ const Vn = (e) => ({
         elements: u
       } = l, {
         mainAxis: c = !0,
-        crossAxis: v = !0,
-        fallbackPlacements: m,
+        crossAxis: m = !0,
+        fallbackPlacements: f,
         fallbackStrategy: k = "bestFit",
-        fallbackAxisSideDirection: f = "none",
+        fallbackAxisSideDirection: v = "none",
         flipAlignment: w = !0,
         ...C
       } = Qe(e, l);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const M = Ee(n), V = Be(s), O = Ee(s) === s, y = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), g = m || (O || !w ? [st(s)] : kn(s)), h = f !== "none";
-      !m && h && g.push(...Cn(s, w, f, y));
+      const M = Ee(n), V = Be(s), O = Ee(s) === s, y = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), g = f || (O || !w ? [st(s)] : kn(s)), h = v !== "none";
+      !f && h && g.push(...Cn(s, w, v, y));
       const _ = [s, ...g], N = await it(l, C), D = [];
       let z = ((a = i.flip) == null ? void 0 : a.overflows) || [];
-      if (c && D.push(N[M]), v) {
+      if (c && D.push(N[M]), m) {
         const j = wn(n, o, y);
         D.push(N[j[0]], N[j[1]]);
       }
@@ -581,7 +581,7 @@ const Vn = (e) => ({
       }], !D.every((j) => j <= 0)) {
         var H, Y;
         const j = (((H = i.flip) == null ? void 0 : H.index) || 0) + 1, T = _[j];
-        if (T && (!(v === "alignment" ? V !== Be(T) : !1) || // We leave the current main axis only if every placement on that axis
+        if (T && (!(m === "alignment" ? V !== Be(T) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         z.every((X) => Be(X.placement) === V ? X.overflows[0] > 0 : !0)))
           return {
@@ -683,25 +683,25 @@ async function Mn(e, l) {
     placement: t,
     platform: a,
     elements: n
-  } = e, i = await (a.isRTL == null ? void 0 : a.isRTL(n.floating)), o = Ee(t), s = nt(t), r = Be(t) === "y", u = Rn.has(o) ? -1 : 1, c = i && r ? -1 : 1, v = Qe(l, e);
+  } = e, i = await (a.isRTL == null ? void 0 : a.isRTL(n.floating)), o = Ee(t), s = nt(t), r = Be(t) === "y", u = Rn.has(o) ? -1 : 1, c = i && r ? -1 : 1, m = Qe(l, e);
   let {
-    mainAxis: m,
+    mainAxis: f,
     crossAxis: k,
-    alignmentAxis: f
-  } = typeof v == "number" ? {
-    mainAxis: v,
+    alignmentAxis: v
+  } = typeof m == "number" ? {
+    mainAxis: m,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: v.mainAxis || 0,
-    crossAxis: v.crossAxis || 0,
-    alignmentAxis: v.alignmentAxis
+    mainAxis: m.mainAxis || 0,
+    crossAxis: m.crossAxis || 0,
+    alignmentAxis: m.alignmentAxis
   };
-  return s && typeof f == "number" && (k = s === "end" ? f * -1 : f), r ? {
+  return s && typeof v == "number" && (k = s === "end" ? v * -1 : v), r ? {
     x: k * c,
-    y: m * u
+    y: f * u
   } : {
-    x: m * u,
+    x: f * u,
     y: k * c
   };
 }
@@ -755,20 +755,20 @@ const An = function(e) {
       } = Qe(e, l), u = {
         x: t,
         y: a
-      }, c = await it(l, r), v = Be(Ee(n)), m = cl(v);
-      let k = u[m], f = u[v];
+      }, c = await it(l, r), m = Be(Ee(n)), f = cl(m);
+      let k = u[f], v = u[m];
       if (i) {
-        const C = m === "y" ? "top" : "left", M = m === "y" ? "bottom" : "right", V = k + c[C], O = k - c[M];
+        const C = f === "y" ? "top" : "left", M = f === "y" ? "bottom" : "right", V = k + c[C], O = k - c[M];
         k = kt(V, k, O);
       }
       if (o) {
-        const C = v === "y" ? "top" : "left", M = v === "y" ? "bottom" : "right", V = f + c[C], O = f - c[M];
-        f = kt(V, f, O);
+        const C = m === "y" ? "top" : "left", M = m === "y" ? "bottom" : "right", V = v + c[C], O = v - c[M];
+        v = kt(V, v, O);
       }
       const w = s.fn({
         ...l,
-        [m]: k,
-        [v]: f
+        [f]: k,
+        [m]: v
       });
       return {
         ...w,
@@ -776,8 +776,8 @@ const An = function(e) {
           x: w.x - t,
           y: w.y - a,
           enabled: {
-            [m]: i,
-            [v]: o
+            [f]: i,
+            [m]: o
           }
         }
       };
@@ -939,18 +939,18 @@ function et(e, l, t, a) {
   let o = Ie(1);
   l && (a ? xe(a) && (o = Ke(a)) : o = Ke(e));
   const s = jn(i, t, a) ? gl(i) : Ie(0);
-  let r = (n.left + s.x) / o.x, u = (n.top + s.y) / o.y, c = n.width / o.x, v = n.height / o.y;
+  let r = (n.left + s.x) / o.x, u = (n.top + s.y) / o.y, c = n.width / o.x, m = n.height / o.y;
   if (i) {
-    const m = we(i), k = a && xe(a) ? we(a) : a;
-    let f = m, w = St(f);
-    for (; w && a && k !== f; ) {
+    const f = we(i), k = a && xe(a) ? we(a) : a;
+    let v = f, w = St(v);
+    for (; w && a && k !== v; ) {
       const C = Ke(w), M = w.getBoundingClientRect(), V = Pe(w), O = M.left + (w.clientLeft + parseFloat(V.paddingLeft)) * C.x, y = M.top + (w.clientTop + parseFloat(V.paddingTop)) * C.y;
-      r *= C.x, u *= C.y, c *= C.x, v *= C.y, r += O, u += y, f = we(w), w = St(f);
+      r *= C.x, u *= C.y, c *= C.x, m *= C.y, r += O, u += y, v = we(w), w = St(v);
     }
   }
   return rt({
     width: c,
-    height: v,
+    height: m,
     x: r,
     y: u
   });
@@ -980,17 +980,17 @@ function Wn(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, u = Ie(1);
-  const c = Ie(0), v = Re(a);
-  if ((v || !v && !i) && ((He(a) !== "body" || ot(o)) && (r = gt(a)), Re(a))) {
+  const c = Ie(0), m = Re(a);
+  if ((m || !m && !i) && ((He(a) !== "body" || ot(o)) && (r = gt(a)), Re(a))) {
     const k = et(a);
     u = Ke(a), c.x = k.x + a.clientLeft, c.y = k.y + a.clientTop;
   }
-  const m = o && !v && !i ? hl(o, r) : Ie(0);
+  const f = o && !m && !i ? hl(o, r) : Ie(0);
   return {
     width: t.width * u.x,
     height: t.height * u.y,
-    x: t.x * u.x - r.scrollLeft * u.x + c.x + m.x,
-    y: t.y * u.y - r.scrollTop * u.y + c.y + m.y
+    x: t.x * u.x - r.scrollLeft * u.x + c.x + f.x,
+    y: t.y * u.y - r.scrollTop * u.y + c.y + f.y
   };
 }
 function Un(e) {
@@ -1018,8 +1018,8 @@ function Zn(e, l) {
   }
   const u = ht(a);
   if (u <= 0) {
-    const c = a.ownerDocument, v = c.body, m = getComputedStyle(v), k = c.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, f = Math.abs(a.clientWidth - v.clientWidth - k);
-    f <= jt && (i -= f);
+    const c = a.ownerDocument, m = c.body, f = getComputedStyle(m), k = c.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, v = Math.abs(a.clientWidth - m.clientWidth - k);
+    v <= jt && (i -= v);
   } else u <= jt && (i += u);
   return {
     width: i,
@@ -1082,8 +1082,8 @@ function Jn(e) {
     strategy: n
   } = e;
   const o = [...t === "clippingAncestors" ? pt(l) ? [] : Qn(l, this._c) : [].concat(t), a], s = o[0], r = o.reduce((u, c) => {
-    const v = Wt(l, c, n);
-    return u.top = Ue(v.top, u.top), u.right = Je(v.right, u.right), u.bottom = Je(v.bottom, u.bottom), u.left = Ue(v.left, u.left), u;
+    const m = Wt(l, c, n);
+    return u.top = Ue(m.top, u.top), u.right = Je(m.right, u.right), u.bottom = Je(m.bottom, u.bottom), u.left = Ue(m.left, u.left), u;
   }, Wt(l, s, n));
   return {
     width: r.right - r.left,
@@ -1118,10 +1118,10 @@ function to(e, l, t) {
       r.x = k.x + l.clientLeft, r.y = k.y + l.clientTop;
     } else n && u();
   i && !a && n && u();
-  const c = n && !a && !i ? hl(n, s) : Ie(0), v = o.left + s.scrollLeft - r.x - c.x, m = o.top + s.scrollTop - r.y - c.y;
+  const c = n && !a && !i ? hl(n, s) : Ie(0), m = o.left + s.scrollLeft - r.x - c.x, f = o.top + s.scrollTop - r.y - c.y;
   return {
-    x: v,
-    y: m,
+    x: m,
+    y: f,
     width: o.width,
     height: o.height
   };
@@ -1241,7 +1241,7 @@ function Xt(e, l, t) {
   }), r = P(() => {
     var _;
     return (_ = je(t.transform)) != null ? _ : !0;
-  }), u = P(() => xt(e.value)), c = P(() => xt(l.value)), v = I(0), m = I(0), k = I(s.value), f = I(o.value), w = Oe({}), C = I(!1), M = P(() => {
+  }), u = P(() => xt(e.value)), c = P(() => xt(l.value)), m = I(0), f = I(0), k = I(s.value), v = I(o.value), w = Oe({}), C = I(!1), M = P(() => {
     const _ = {
       position: k.value,
       left: "0",
@@ -1249,7 +1249,7 @@ function Xt(e, l, t) {
     };
     if (!c.value)
       return _;
-    const N = Zt(c.value, v.value), D = Zt(c.value, m.value);
+    const N = Zt(c.value, m.value), D = Zt(c.value, f.value);
     return r.value ? {
       ..._,
       transform: "translate(" + N + "px, " + D + "px)",
@@ -1272,7 +1272,7 @@ function Xt(e, l, t) {
       placement: o.value,
       strategy: s.value
     }).then((N) => {
-      v.value = N.x, m.value = N.y, k.value = N.strategy, f.value = N.placement, w.value = N.middlewareData, C.value = _ !== !1;
+      m.value = N.x, f.value = N.y, k.value = N.strategy, v.value = N.placement, w.value = N.middlewareData, C.value = _ !== !1;
     });
   }
   function y() {
@@ -1298,10 +1298,10 @@ function Xt(e, l, t) {
   }), le(n, h, {
     flush: "sync"
   }), Il() && Tl(y), {
-    x: Ne(v),
-    y: Ne(m),
+    x: Ne(m),
+    y: Ne(f),
     strategy: Ne(k),
-    placement: Ne(f),
+    placement: Ne(v),
     middlewareData: Ne(w),
     isPositioned: Ne(C),
     floatingStyles: M,
@@ -1350,7 +1350,7 @@ const io = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, { placement: n, offset: i, arrowVisible: o, closeMode: s, modelValue: r, zIndex: u, zIndexLayer: c } = Rl(a), v = t, m = We("reference"), k = We("floating"), f = We("arrow-block"), w = We("second-screen"), C = P(() => "23px"), M = P(() => i ? typeof i.value == "number" ? i.value + Number(C.value.split("px")[0]) : {
+    const a = e, { placement: n, offset: i, arrowVisible: o, closeMode: s, modelValue: r, zIndex: u, zIndexLayer: c } = Rl(a), m = t, f = We("reference"), k = We("floating"), v = We("arrow-block"), w = We("second-screen"), C = P(() => "23px"), M = P(() => i ? typeof i.value == "number" ? i.value + Number(C.value.split("px")[0]) : {
       mainAxis: i.value?.mainAxis ? i.value?.mainAxis + Number(C.value.split("px")[0]) / 2 : Number(C.value.split("px")[0]) / 2,
       crossAxis: i.value?.crossAxis ? n.value?.includes("start") ? i.value?.crossAxis - Number(C.value.split("px")[0]) : n.value?.includes("end") ? i.value?.crossAxis + Number(C.value.split("px")[0]) : i.value?.crossAxis : n.value?.includes("start") ? -Number(C.value.split("px")[0]) : n.value?.includes("end") ? Number(C.value.split("px")[0]) : void 0,
       alignmentAxis: i.value?.alignmentAxis
@@ -1361,8 +1361,8 @@ const io = {
       Kt(),
       Ct({ padding: 8, crossAxis: !1, mainAxis: !0 }),
       _t(M.value),
-      ro({ element: f })
-    ]), { floatingStyles: O, middlewareData: y, update: g, placement: h } = Xt(m, k, {
+      ro({ element: v })
+    ]), { floatingStyles: O, middlewareData: y, update: g, placement: h } = Xt(f, k, {
       placement: n.value,
       middleware: V
     }), _ = I("left-start"), {
@@ -1380,7 +1380,7 @@ const io = {
     }, $ = P(() => r && r.value !== void 0), R = P({
       get: () => $.value ? r?.value : H.value,
       set: (J) => {
-        $.value ? v("update:modelValue", J) : H.value = J;
+        $.value ? m("update:modelValue", J) : H.value = J;
       }
     }), B = () => {
       R.value = !0;
@@ -1388,7 +1388,7 @@ const io = {
       R.value = !1, pe();
     }, U = () => {
       R.value = !R.value;
-    }, ee = () => {
+    }, te = () => {
       $.value ? B() : U();
     }, fe = async (J) => {
       J && J.stopPropagation(), k.value && (Y.value = !0);
@@ -1398,7 +1398,7 @@ const io = {
       if (s.value === "button-only") return;
       const be = J.composedPath();
       if (!(w.value && be.includes(w.value))) {
-        if (k.value && be.includes(k.value) || m.value && be.includes(m.value)) {
+        if (k.value && be.includes(k.value) || f.value && be.includes(f.value)) {
           setTimeout(() => {
             Y.value && pe();
           }, 0);
@@ -1443,13 +1443,13 @@ const io = {
       }, Vl = () => {
         be && clearTimeout(be), be = setTimeout(X, 100);
       };
-      if (window.addEventListener("scroll", Pl, { passive: !0 }), window.addEventListener("resize", Vl), window.addEventListener("orientationchange", X), m.value) {
+      if (window.addEventListener("scroll", Pl, { passive: !0 }), window.addEventListener("resize", Vl), window.addEventListener("orientationchange", X), f.value) {
         let Fe = null;
         x.value = new ResizeObserver(() => {
           R.value && (Fe && clearTimeout(Fe), Fe = setTimeout(() => {
             X(), Fe = null;
           }, 100));
-        }), x.value.observe(m.value);
+        }), x.value.observe(f.value);
       }
       L.value = new MutationObserver((Fe) => {
         let Et = !1;
@@ -1480,9 +1480,9 @@ const io = {
       S("div", {
         class: E(["popover__trigger", `popover__trigger--${b(z)}`]),
         ref: "reference",
-        onClick: ee
+        onClick: te
       }, [
-        te(J.$slots, "trigger", {}, void 0, !0)
+        ee(J.$slots, "trigger", {}, void 0, !0)
       ], 2),
       K(ze, {
         layer: b(c),
@@ -1506,12 +1506,12 @@ const io = {
               }, [
                 S("div", uo, [
                   b(o) ? (d(), p("div", co, [
-                    te(J.$slots, "default", {
+                    ee(J.$slots, "default", {
                       openSecondScreen: fe,
                       closeSecondScreen: pe,
                       close: G
                     }, void 0, !0)
-                  ])) : te(J.$slots, "default", {
+                  ])) : ee(J.$slots, "default", {
                     key: 1,
                     openSecondScreen: fe,
                     closeSecondScreen: pe,
@@ -1536,7 +1536,7 @@ const io = {
                 ref: "second-screen",
                 style: se(b(N))
               }, [
-                te(J.$slots, "second-screen", { closeSecondScreen: pe }, void 0, !0)
+                ee(J.$slots, "second-screen", { closeSecondScreen: pe }, void 0, !0)
               ], 4)) : A("", !0)
             ]),
             _: 3
@@ -1716,21 +1716,21 @@ const io = {
   setup(e, { expose: l, emit: t }) {
     const a = t, n = I(), i = I(0), o = I(0), s = P(() => !e.virtualScroll || !e.virtualScroll.enable ? 0 : Math.floor(i.value / e.virtualScroll.itemHeight)), r = P(() => {
       if (!e.virtualScroll || !e.virtualScroll.enable) return e.data.length;
-      const m = Math.ceil(o.value / e.virtualScroll.itemHeight);
-      return Math.min(s.value + m + 5, e.data.length);
-    }), u = P(() => !e.virtualScroll || !e.virtualScroll.enable ? e.data : e.data.slice(s.value, r.value)), c = (m) => {
-      m ? i.value = m.scrollTop : n.value && (i.value = n.value.scrollTop);
+      const f = Math.ceil(o.value / e.virtualScroll.itemHeight);
+      return Math.min(s.value + f + 5, e.data.length);
+    }), u = P(() => !e.virtualScroll || !e.virtualScroll.enable ? e.data : e.data.slice(s.value, r.value)), c = (f) => {
+      f ? i.value = f.scrollTop : n.value && (i.value = n.value.scrollTop);
     };
     ye(async () => {
       e.virtualScroll && e.virtualScroll.enable && n.value && (await de(), o.value = n.value.clientHeight);
     });
-    const v = (m, k) => m.id ? `row-${m.id}` : `row-${k}`;
+    const m = (f, k) => f.id ? `row-${f.id}` : `row-${k}`;
     return l({
       handleScroll: c,
-      updateContainerHeight: (m) => {
-        m ? o.value = m.clientHeight : n.value && (o.value = n.value.clientHeight);
+      updateContainerHeight: (f) => {
+        f ? o.value = f.clientHeight : n.value && (o.value = n.value.clientHeight);
       }
-    }), (m, k) => m.virtualScroll && m.virtualScroll.enable ? (d(), p("tbody", {
+    }), (f, k) => f.virtualScroll && f.virtualScroll.enable ? (d(), p("tbody", {
       key: 0,
       ref_key: "virtualScrollBody",
       ref: n,
@@ -1738,46 +1738,46 @@ const io = {
     }, [
       s.value > 0 ? (d(), p("tr", {
         key: 0,
-        style: se({ height: `${s.value * m.virtualScroll.itemHeight}px` })
+        style: se({ height: `${s.value * f.virtualScroll.itemHeight}px` })
       }, [
         S("td", {
-          colspan: m.columns.length
+          colspan: f.columns.length
         }, null, 8, Po)
       ], 4)) : A("", !0),
-      (d(!0), p(ae, null, me(u.value, (f, w) => (d(), W(Qt, {
-        key: v(f, s.value + w),
+      (d(!0), p(ae, null, me(u.value, (v, w) => (d(), W(Qt, {
+        key: m(v, s.value + w),
         rowIndex: s.value + w,
-        item: f,
-        columns: m.columns,
-        selectedRows: m.selectedRows,
-        size: m.size,
-        colorHovered: m.colorHovered,
-        rowStyle: m.rowStyle,
+        item: v,
+        columns: f.columns,
+        selectedRows: f.selectedRows,
+        size: f.size,
+        colorHovered: f.colorHovered,
+        rowStyle: f.rowStyle,
         onRowClickHandler: k[0] || (k[0] = (C) => a("rowClickHandler", C)),
         onToggleRow: k[1] || (k[1] = (C) => a("toggleRow", C))
       }, null, 8, ["rowIndex", "item", "columns", "selectedRows", "size", "colorHovered", "rowStyle"]))), 128)),
-      r.value < m.data.length ? (d(), p("tr", {
+      r.value < f.data.length ? (d(), p("tr", {
         key: 1,
-        style: se({ height: `${(m.data.length - r.value) * m.virtualScroll.itemHeight}px` })
+        style: se({ height: `${(f.data.length - r.value) * f.virtualScroll.itemHeight}px` })
       }, [
         S("td", {
-          colspan: m.columns.length
+          colspan: f.columns.length
         }, null, 8, Vo)
       ], 4)) : A("", !0)
     ], 512)) : (d(), p("tbody", {
       key: 1,
-      class: E(["table-body", { "table-body--scroller": m.scroller && m.scroller.enable }]),
-      style: se({ maxHeight: `${m.scroller && m.scroller.height}px` })
+      class: E(["table-body", { "table-body--scroller": f.scroller && f.scroller.enable }]),
+      style: se({ maxHeight: `${f.scroller && f.scroller.height}px` })
     }, [
-      (d(!0), p(ae, null, me(m.data, (f, w) => (d(), W(Qt, {
-        key: v(f, w),
+      (d(!0), p(ae, null, me(f.data, (v, w) => (d(), W(Qt, {
+        key: m(v, w),
         rowIndex: w,
-        item: f,
-        columns: m.columns,
-        selectedRows: m.selectedRows,
-        size: m.size,
-        colorHovered: m.colorHovered,
-        rowStyle: m.rowStyle,
+        item: v,
+        columns: f.columns,
+        selectedRows: f.selectedRows,
+        size: f.size,
+        colorHovered: f.colorHovered,
+        rowStyle: f.rowStyle,
         onRowClickHandler: k[2] || (k[2] = (C) => a("rowClickHandler", C)),
         onToggleRow: k[3] || (k[3] = (C) => a("toggleRow", C))
       }, null, 8, ["rowIndex", "item", "columns", "selectedRows", "size", "colorHovered", "rowStyle"]))), 128))
@@ -1817,7 +1817,7 @@ const io = {
           (d(), W(Te(n.icon)))
         ])) : A("", !0),
         S("div", Mo, [
-          te(n.$slots, "default")
+          ee(n.$slots, "default")
         ])
       ]),
       n.removable ? (d(), p("button", {
@@ -1868,17 +1868,14 @@ const io = {
       }, [
         o.label ? (d(), p(ae, { key: 0 }, [
           ve(Z(o.label), 1)
-        ], 64)) : te(o.$slots, "default", { key: 1 })
+        ], 64)) : ee(o.$slots, "default", { key: 1 })
       ], 8, Oo)
     ], 2));
   }
 }), Bo = { class: "dropdown__input" }, Lo = {
   key: 0,
   class: "dropdown__tags"
-}, Do = {
-  key: 0,
-  class: "dropdown__value"
-}, Eo = {
+}, Do = { class: "dropdown__value" }, Eo = {
   key: 1,
   class: "dropdown__placeholder"
 }, zo = {
@@ -1916,7 +1913,7 @@ const io = {
       }
       return x;
     }
-    const v = I(9999), m = P(() => {
+    const m = I(9999), f = P(() => {
       if (!t.modelValue) return [];
       if (t.multiple)
         return (Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue]).map((x) => {
@@ -1931,9 +1928,9 @@ const io = {
         const T = t.options?.find((x) => y(x) === t.modelValue);
         return T ? [T] : [];
       }
-    }), k = P(() => t.multiple || !m.value.length ? "" : g(m.value[0])), f = P(() => t.multiple ? m.value.length > 0 : !!t.modelValue), w = P(() => m.value.slice(0, t.maxTags)), C = P(() => Math.max(0, m.value.length - t.maxTags)), M = P(() => i.value ? (t.options || []).filter(
+    }), k = P(() => t.multiple || !f.value.length ? "" : g(f.value[0])), v = P(() => t.multiple ? f.value.length > 0 : !!t.modelValue), w = P(() => f.value.slice(0, t.maxTags)), C = P(() => Math.max(0, f.value.length - t.maxTags)), M = P(() => i.value ? (t.options || []).filter(
       (T) => g(T).toLowerCase().includes(i.value.toLowerCase())
-    ) : t.options || []), V = P(() => t.multiple ? m.value.map((T) => y(T)) : []), O = P(() => t.multiple || !m.value.length ? null : y(m.value[0]));
+    ) : t.options || []), V = P(() => t.multiple ? f.value.map((T) => y(T)) : []), O = P(() => t.multiple || !f.value.length ? null : y(f.value[0]));
     function y(T) {
       return t.valueKey && t.valueKey in T ? T[t.valueKey] : T.value || "";
     }
@@ -1973,12 +1970,12 @@ const io = {
     function q() {
       !o.value || !n.value || de(() => {
         const T = c(o.value);
-        v.value = T + 10;
+        m.value = T + 10;
         const x = o.value.getBoundingClientRect(), L = window.innerHeight, X = window.innerWidth, $ = L - x.bottom, R = x.top, G = $ < 300 && R > $, U = Math.max(300, x.width);
-        let ee = x.left;
-        ee + U > X && (ee = Math.max(0, X - U - 10)), u.value = {
+        let te = x.left;
+        te + U > X && (te = Math.max(0, X - U - 10)), u.value = {
           position: "fixed",
-          left: `${ee}px`,
+          left: `${te}px`,
           width: `${U}px`,
           maxHeight: "300px"
         }, G ? u.value.bottom = `${L - x.top + 4}px` : u.value.top = `${x.bottom + 4}px`;
@@ -2009,7 +2006,7 @@ const io = {
         onClick: h
       }, [
         S("div", Bo, [
-          T.multiple && m.value.length ? (d(), p("div", Lo, [
+          T.multiple && f.value.length ? (d(), p("div", Lo, [
             (d(!0), p(ae, null, me(w.value, (L) => (d(), W(b(ut), {
               key: y(L),
               removable: "",
@@ -2031,7 +2028,13 @@ const io = {
               _: 1
             })) : A("", !0)
           ])) : (d(), p(ae, { key: 1 }, [
-            k.value ? (d(), p("span", Do, Z(k.value), 1)) : (d(), p("span", Eo, Z(T.placeholder), 1))
+            k.value ? ee(T.$slots, "input", {
+              key: 0,
+              value: k.value,
+              selectedOption: f.value[0]
+            }, () => [
+              S("span", Do, Z(k.value), 1)
+            ], !0) : (d(), p("span", Eo, Z(T.placeholder), 1))
           ], 64))
         ]),
         S("div", {
@@ -2039,7 +2042,7 @@ const io = {
         }, [
           K(b(il))
         ], 2),
-        T.clearable && f.value ? (d(), p("button", {
+        T.clearable && v.value ? (d(), p("button", {
           key: 0,
           class: "dropdown__clear",
           onClick: $e(D, ["stop"])
@@ -2049,7 +2052,7 @@ const io = {
       ], 2),
       K(b(ze), {
         show: n.value,
-        "z-index": v.value
+        "z-index": m.value
       }, {
         default: Q(() => [
           S("div", {
@@ -2105,7 +2108,7 @@ const io = {
       }, 8, ["show", "z-index"])
     ], 2));
   }
-}), Yo = /* @__PURE__ */ ce(qo, [["__scopeId", "data-v-d479844a"]]), jo = {
+}), Yo = /* @__PURE__ */ ce(qo, [["__scopeId", "data-v-c4fdc334"]]), jo = {
   key: 0,
   class: "paginator"
 }, Wo = ["disabled"], Uo = { class: "paginator__pages" }, Ko = ["onClick"], Zo = ["disabled"], Xo = {
@@ -2306,17 +2309,17 @@ const io = {
   }),
   emits: /* @__PURE__ */ oe(["update:selectedRows", "rowClickHandler"], ["update:currentPage", "update:perPage"]),
   setup(e, { emit: l }) {
-    const t = l, { columns: a, options: n } = la(), i = P(() => n.value.selectedMode), { selectedRows: o, isSelectedAll: s, toggleSelectRow: r, toggleSelectedAll: u } = na(i, e.data), c = I(null), v = I(), m = ue(e, "currentPage"), k = ue(e, "perPage"), f = (y) => {
-      if (e.virtualScroll && e.virtualScroll.enable && v.value) {
+    const t = l, { columns: a, options: n } = la(), i = P(() => n.value.selectedMode), { selectedRows: o, isSelectedAll: s, toggleSelectRow: r, toggleSelectedAll: u } = na(i, e.data), c = I(null), m = I(), f = ue(e, "currentPage"), k = ue(e, "perPage"), v = (y) => {
+      if (e.virtualScroll && e.virtualScroll.enable && m.value) {
         const g = y.target;
-        v.value.handleScroll(g);
+        m.value.handleScroll(g);
       }
     };
     ye(async () => {
-      if (e.virtualScroll && e.virtualScroll.enable && v.value) {
+      if (e.virtualScroll && e.virtualScroll.enable && m.value) {
         await de();
         const y = document.querySelector(".table-wrapper--scrollable");
-        y && v.value.updateContainerHeight(y);
+        y && m.value.updateContainerHeight(y);
       }
     });
     const w = P(() => {
@@ -2353,12 +2356,12 @@ const io = {
       key: 0,
       class: E(V.value),
       style: se(O.value),
-      onScroll: f
+      onScroll: v
     }, [
       S("table", {
         class: E(M.value)
       }, [
-        te(y.$slots, "default", {}, void 0, !0),
+        ee(y.$slots, "default", {}, void 0, !0),
         K(Gt, {
           size: y.size,
           columns: b(a),
@@ -2371,7 +2374,7 @@ const io = {
         w.value.length > 0 && !y.loading ? (d(), W(Jt, {
           key: 0,
           ref_key: "tableBodyRef",
-          ref: v,
+          ref: m,
           size: y.size,
           selectedRows: b(o),
           columns: b(a),
@@ -2400,14 +2403,14 @@ const io = {
               colspan: b(a).length,
               class: "table-empty__cell"
             }, [
-              te(y.$slots, "empty", {}, void 0, !0)
+              ee(y.$slots, "empty", {}, void 0, !0)
             ], 8, ia)
           ])
         ])) : A("", !0)
       ], 2),
       K(el, {
-        currentPage: m.value,
-        "onUpdate:currentPage": g[3] || (g[3] = (h) => m.value = h),
+        currentPage: f.value,
+        "onUpdate:currentPage": g[3] || (g[3] = (h) => f.value = h),
         "per-page": k.value,
         "onUpdate:perPage": g[4] || (g[4] = (h) => k.value = h),
         data: w.value,
@@ -2420,7 +2423,7 @@ const io = {
       key: 1,
       class: E(M.value)
     }, [
-      te(y.$slots, "default", {}, void 0, !0),
+      ee(y.$slots, "default", {}, void 0, !0),
       K(Gt, {
         size: y.size,
         columns: b(a),
@@ -2433,7 +2436,7 @@ const io = {
       w.value.length > 0 && !y.loading ? (d(), W(Jt, {
         key: 0,
         ref_key: "tableBodyRef",
-        ref: v,
+        ref: m,
         size: y.size,
         selectedRows: b(o),
         columns: b(a),
@@ -2462,13 +2465,13 @@ const io = {
             colspan: b(a).length,
             class: "table-empty__cell"
           }, [
-            te(y.$slots, "empty", {}, void 0, !0)
+            ee(y.$slots, "empty", {}, void 0, !0)
           ], 8, va)
         ])
       ])) : A("", !0),
       K(el, {
-        currentPage: m.value,
-        "onUpdate:currentPage": g[8] || (g[8] = (h) => m.value = h),
+        currentPage: f.value,
+        "onUpdate:currentPage": g[8] || (g[8] = (h) => f.value = h),
         "per-page": k.value,
         "onUpdate:perPage": g[9] || (g[9] = (h) => k.value = h),
         data: w.value,
@@ -2580,8 +2583,8 @@ const io = {
   },
   emits: ["update:modelValue", "search", "change", "clear", "remove-tag"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = I(!1), i = I(!1), o = I(""), s = I(-1), r = I(), u = I(), c = I(), v = I({});
-    function m($) {
+    const t = e, a = l, n = I(!1), i = I(!1), o = I(""), s = I(-1), r = I(), u = I(), c = I(), m = I({});
+    function f($) {
       let R = 1e3, B = $;
       for (; B && B !== document.body; ) {
         const G = window.getComputedStyle(B), U = parseInt(G.zIndex);
@@ -2589,7 +2592,7 @@ const io = {
       }
       return R;
     }
-    const k = I(9999), f = P(() => {
+    const k = I(9999), v = P(() => {
       if (!t.modelValue) return [];
       if (t.multiple)
         return (Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue]).map((R) => {
@@ -2604,7 +2607,7 @@ const io = {
         const $ = t.options?.find((R) => h(R) === t.modelValue);
         return $ ? [$] : [];
       }
-    }), w = P(() => t.multiple ? f.value.length > 0 : !!t.modelValue), C = P(() => t.multiple && f.value.length > 0 ? "" : t.placeholder), M = P(() => f.value.slice(0, t.maxTags)), V = P(() => Math.max(0, f.value.length - t.maxTags)), O = P(() => t.options || []), y = P(() => t.multiple ? f.value.map(($) => h($)) : []), g = P(() => t.multiple || !f.value.length ? null : h(f.value[0]));
+    }), w = P(() => t.multiple ? v.value.length > 0 : !!t.modelValue), C = P(() => t.multiple && v.value.length > 0 ? "" : t.placeholder), M = P(() => v.value.slice(0, t.maxTags)), V = P(() => Math.max(0, v.value.length - t.maxTags)), O = P(() => t.options || []), y = P(() => t.multiple ? v.value.map(($) => h($)) : []), g = P(() => t.multiple || !v.value.length ? null : h(v.value[0]));
     function h($) {
       return t.valueKey && t.valueKey in $ ? $[t.valueKey] : $.value || "";
     }
@@ -2628,9 +2631,9 @@ const io = {
     function Y($) {
       if (!$.disabled) {
         if (t.multiple) {
-          const R = h($), B = Array.isArray(t.modelValue) ? [...t.modelValue] : [], G = B.some((ee) => typeof ee == "object" && ee !== null ? h(ee) === R : ee === R);
+          const R = h($), B = Array.isArray(t.modelValue) ? [...t.modelValue] : [], G = B.some((te) => typeof te == "object" && te !== null ? h(te) === R : te === R);
           let U;
-          G ? U = B.filter((ee) => typeof ee == "object" && ee !== null ? h(ee) !== R : ee !== R) : U = [...B, $], a("update:modelValue", U), a("change", U), o.value = "";
+          G ? U = B.filter((te) => typeof te == "object" && te !== null ? h(te) !== R : te !== R) : U = [...B, $], a("update:modelValue", U), a("change", U), o.value = "";
         } else
           a("update:modelValue", $), a("change", $), o.value = _($), n.value = !1;
         s.value = -1;
@@ -2653,16 +2656,16 @@ const io = {
     }
     function L() {
       !r.value || !n.value || de(() => {
-        const $ = m(r.value);
+        const $ = f(r.value);
         k.value = $ + 10;
-        const R = r.value.getBoundingClientRect(), B = window.innerHeight, G = window.innerWidth, U = B - R.bottom, ee = R.top, pe = U < 300 && ee > U, ge = Math.max(300, R.width);
+        const R = r.value.getBoundingClientRect(), B = window.innerHeight, G = window.innerWidth, U = B - R.bottom, te = R.top, pe = U < 300 && te > U, ge = Math.max(300, R.width);
         let De = R.left;
-        De + ge > G && (De = Math.max(0, G - ge - 10)), v.value = {
+        De + ge > G && (De = Math.max(0, G - ge - 10)), m.value = {
           position: "fixed",
           left: `${De}px`,
           width: `${ge}px`,
           maxHeight: "300px"
-        }, pe ? v.value.bottom = `${B - R.top + 4}px` : v.value.top = `${R.bottom + 4}px`;
+        }, pe ? m.value.bottom = `${B - R.top + 4}px` : m.value.top = `${R.bottom + 4}px`;
       });
     }
     function X($) {
@@ -2700,7 +2703,7 @@ const io = {
         }])
       }, [
         S("div", ya, [
-          $.multiple && f.value.length ? (d(), p("div", ba, [
+          $.multiple && v.value.length ? (d(), p("div", ba, [
             (d(!0), p(ae, null, me(M.value, (B) => (d(), W(b(ut), {
               key: h(B),
               removable: "",
@@ -2759,7 +2762,7 @@ const io = {
             ref_key: "autocompleteOverlay",
             ref: u,
             class: "autocomplete__overlay",
-            style: se(v.value),
+            style: se(m.value),
             onClick: R[2] || (R[2] = $e(() => {
             }, ["stop"]))
           }, [
@@ -2857,7 +2860,7 @@ const io = {
       ], 8, Pa)) : A("", !0),
       S("div", Ia, [
         _e(S("input", {
-          "onUpdate:modelValue": c[0] || (c[0] = (v) => a.value = v),
+          "onUpdate:modelValue": c[0] || (c[0] = (m) => a.value = m),
           id: u.inputId ?? b(n),
           placeholder: u.placeholder,
           name: u.name,
@@ -2867,11 +2870,11 @@ const io = {
           autocomplete: "off",
           required: u.required,
           readonly: u.readonly,
-          onClick: c[1] || (c[1] = (v) => t("blur")),
-          onBlur: c[2] || (c[2] = (v) => t("blur")),
-          onInput: c[3] || (c[3] = (v) => t("input", v)),
-          onPaste: c[4] || (c[4] = (v) => t("paste", v)),
-          onFocus: c[5] || (c[5] = (v) => t("focus", v))
+          onClick: c[1] || (c[1] = (m) => t("blur")),
+          onBlur: c[2] || (c[2] = (m) => t("blur")),
+          onInput: c[3] || (c[3] = (m) => t("input", m)),
+          onPaste: c[4] || (c[4] = (m) => t("paste", m)),
+          onFocus: c[5] || (c[5] = (m) => t("focus", m))
         }, null, 40, Ta), [
           [Al, a.value]
         ]),
@@ -2886,7 +2889,7 @@ const io = {
           u.type === "password" ? (d(), p("button", {
             key: 1,
             class: "input__eye",
-            onClick: c[6] || (c[6] = $e((v) => i.value = !i.value, ["prevent"]))
+            onClick: c[6] || (c[6] = $e((m) => i.value = !i.value, ["prevent"]))
           }, [
             i.value ? (d(), W(b(Jl), { key: 0 })) : (d(), W(b(Fl), { key: 1 }))
           ])) : A("", !0)
@@ -2917,10 +2920,10 @@ function Aa(e, l) {
   function c(h) {
     return h in r;
   }
-  function v(h, _) {
+  function m(h, _) {
     return c(_) ? r[_].test(h) : !1;
   }
-  function m(h) {
+  function f(h) {
     const { required: _, optional: N } = u(t), D = _ + N;
     let z = "", H = 0, Y = 0;
     for (; Y < D.length; ) {
@@ -2928,7 +2931,7 @@ function Aa(e, l) {
       if (c(q))
         if (H < h.length) {
           const j = h[H];
-          if (v(j, q))
+          if (m(j, q))
             z += j, H++;
           else {
             H++;
@@ -2946,7 +2949,7 @@ function Aa(e, l) {
     const { required: h, optional: _ } = u(t);
     return (h + _).replace(/[9a*]/g, a);
   }
-  function f(h) {
+  function v(h) {
     const { required: _, optional: N } = u(t), D = _ + N;
     let z = "", H = 0, Y = 0;
     for (; H < h.length && Y < D.length; ) {
@@ -2955,7 +2958,7 @@ function Aa(e, l) {
         H++;
         continue;
       }
-      c(j) ? v(q, j) ? (z += q, H++, Y++) : H++ : (q === j && H++, Y++);
+      c(j) ? m(q, j) ? (z += q, H++, Y++) : H++ : (q === j && H++, Y++);
     }
     for (; H < h.length; ) {
       const q = h[H];
@@ -2967,7 +2970,7 @@ function Aa(e, l) {
       for (let x = 0; x < D.length; x++)
         if (c(D[x])) {
           if (T === z.length) {
-            v(q, D[x]) && (z += q, j = !0);
+            m(q, D[x]) && (z += q, j = !0);
             break;
           }
           T++;
@@ -2979,12 +2982,12 @@ function Aa(e, l) {
   }
   function w(h) {
     const { required: _ } = u(t), N = _.replace(/[^9a*]/g, "").length;
-    return f(h).length >= N;
+    return v(h).length >= N;
   }
   function C() {
     const h = qe(e) || "";
     if (s.value || h)
-      o.value = m(h);
+      o.value = f(h);
     else {
       const { required: _, optional: N } = u(t), D = _ + N;
       let z = "";
@@ -2995,7 +2998,7 @@ function Aa(e, l) {
   }
   function M(h) {
     if (!h.isTrusted) return;
-    const _ = h.target, N = _.value, D = f(N), z = m(D);
+    const _ = h.target, N = _.value, D = v(N), z = f(D);
     o.value = z, e.value = D, de(() => {
       const { required: H, optional: Y } = u(t), q = H + Y;
       let j = 0, T = 0;
@@ -3021,7 +3024,7 @@ function Aa(e, l) {
   function V(h) {
     const _ = h.target;
     setTimeout(() => {
-      const N = _.value, D = f(N), z = m(D);
+      const N = _.value, D = v(N), z = f(D);
       o.value = z, e.value = D;
       const { required: H, optional: Y } = u(t), q = H + Y;
       let j = 0, T = 0;
@@ -3052,7 +3055,7 @@ function Aa(e, l) {
       h.preventDefault();
       const x = _.selectionStart || 0, L = _.selectionEnd || 0;
       if (x !== L) {
-        o.value = m(""), e.value = "", de(() => {
+        o.value = f(""), e.value = "", de(() => {
           const { required: $, optional: R } = u(t), B = $ + R;
           let G = 0;
           for (let U = 0; U < B.length; U++)
@@ -3067,14 +3070,14 @@ function Aa(e, l) {
       if (N > 0 && o.value.length > 0) {
         const $ = o.value;
         let R = "", B = -1;
-        const { required: G, optional: U } = u(t), ee = G + U;
+        const { required: G, optional: U } = u(t), te = G + U;
         for (let fe = N - 1; fe >= 0; fe--)
-          if (fe < ee.length && c(ee[fe])) {
+          if (fe < te.length && c(te[fe])) {
             B = fe;
             break;
           }
         if (B >= 0) {
-          let fe = f($), pe = 0;
+          let fe = v($), pe = 0;
           for (let ge = 0; ge <= B; ge++) {
             const { required: De, optional: Dt } = u(t), J = De + Dt;
             if (ge < J.length && c(J[ge])) {
@@ -3082,7 +3085,7 @@ function Aa(e, l) {
               pe++;
             }
           }
-          fe = fe.slice(0, pe) + fe.slice(pe + 1), R = m(fe), o.value = R, e.value = fe, de(() => {
+          fe = fe.slice(0, pe) + fe.slice(pe + 1), R = f(fe), o.value = R, e.value = fe, de(() => {
             _.setSelectionRange(B, B);
           });
         }
@@ -3095,7 +3098,7 @@ function Aa(e, l) {
       h.preventDefault();
       const x = _.selectionStart || 0, L = _.selectionEnd || 0;
       if (x !== L) {
-        o.value = m(""), e.value = "", de(() => {
+        o.value = f(""), e.value = "", de(() => {
           const { required: $, optional: R } = u(t), B = $ + R;
           let G = 0;
           for (let U = 0; U < B.length; U++)
@@ -3111,23 +3114,23 @@ function Aa(e, l) {
         const $ = o.value;
         let R = -1;
         for (let B = N; B < $.length; B++) {
-          const { required: G, optional: U } = u(t), ee = G + U;
-          if (B < ee.length && c(ee[B])) {
+          const { required: G, optional: U } = u(t), te = G + U;
+          if (B < te.length && c(te[B])) {
             R = B;
             break;
           }
         }
         if (R >= 0) {
-          let B = f($), G = 0;
-          for (let ee = 0; ee <= R; ee++) {
+          let B = v($), G = 0;
+          for (let te = 0; te <= R; te++) {
             const { required: fe, optional: pe } = u(t), ge = fe + pe;
-            if (ee < ge.length && c(ge[ee])) {
-              if (ee === R) break;
+            if (te < ge.length && c(ge[te])) {
+              if (te === R) break;
               G++;
             }
           }
           B = B.slice(0, G) + B.slice(G + 1);
-          const U = m(B);
+          const U = f(B);
           o.value = U, e.value = B, de(() => {
             _.setSelectionRange(N, N);
           });
@@ -3137,7 +3140,7 @@ function Aa(e, l) {
     }
     if (h.metaKey || h.ctrlKey || ["ArrowLeft", "ArrowRight", "Tab", "Home", "End", "Escape"].includes(h.key))
       return;
-    const { required: D, optional: z } = u(t), H = D + z, Y = f(o.value), q = H.split("").filter((x) => c(x)).length;
+    const { required: D, optional: z } = u(t), H = D + z, Y = v(o.value), q = H.split("").filter((x) => c(x)).length;
     if (Y.length >= q) {
       h.preventDefault();
       return;
@@ -3151,7 +3154,7 @@ function Aa(e, l) {
         }
         T++;
       }
-    j >= 0 && !v(h.key, H[j]) && h.preventDefault();
+    j >= 0 && !m(h.key, H[j]) && h.preventDefault();
   }
   function y(h) {
     s.value = !0, de(() => {
@@ -3224,9 +3227,9 @@ const $r = /* @__PURE__ */ F({
       autoClear: l.autoClear,
       definitions: l.definitions
     });
-    return (c, v) => (d(), W(b(Lt), {
+    return (c, m) => (d(), W(b(Lt), {
       modelValue: b(a),
-      "onUpdate:modelValue": v[0] || (v[0] = (m) => Ol(a) ? a.value = m : null),
+      "onUpdate:modelValue": m[0] || (m[0] = (f) => Ol(a) ? a.value = f : null),
       label: c.label,
       placeholder: b(u),
       error: c.error,
@@ -3258,7 +3261,7 @@ const $r = /* @__PURE__ */ F({
     }, [
       (d(), W(Te(t.icon), { class: "icon-field__icon" })),
       S("div", Oa, [
-        te(t.$slots, "default")
+        ee(t.$slots, "default")
       ])
     ], 2));
   }
@@ -3491,16 +3494,16 @@ const $r = /* @__PURE__ */ F({
       n.value = null;
     };
     return (u, c) => (d(), p("div", Fa, [
-      (d(!0), p(ae, null, me(u.maxStars, (v) => (d(), p("button", {
-        key: v,
+      (d(!0), p(ae, null, me(u.maxStars, (m) => (d(), p("button", {
+        key: m,
         type: "button",
-        class: E(["star-button", { "star-button--active": v <= t.value }]),
-        onClick: (m) => o(v),
-        onMouseenter: (m) => s(v),
+        class: E(["star-button", { "star-button--active": m <= t.value }]),
+        onClick: (f) => o(m),
+        onMouseenter: (f) => s(m),
         onMouseleave: r,
         disabled: u.disabled
       }, [
-        v <= (n.value ?? t.value) ? (d(), W(ql, {
+        m <= (n.value ?? t.value) ? (d(), W(ql, {
           key: 0,
           class: "star-icon star-icon--filled",
           style: se(i.value)
@@ -3699,12 +3702,12 @@ function wt(e, l, t, a) {
   return n;
 }
 function Xa(e, l, t, a = null, n = "dd/mm/yy", i = null, o = null, s = !1) {
-  const r = [], u = ne().year(e).month(l).date(1), c = u.endOf("month"), v = (u.day() + 6) % 7;
-  for (let k = v - 1; k >= 0; k--) {
-    const f = u.subtract(k + 1, "day"), w = wt(f, a, n, s);
+  const r = [], u = ne().year(e).month(l).date(1), c = u.endOf("month"), m = (u.day() + 6) % 7;
+  for (let k = m - 1; k >= 0; k--) {
+    const v = u.subtract(k + 1, "day"), w = wt(v, a, n, s);
     r.push({
-      value: Ze(f, n),
-      label: f.format("D"),
+      value: Ze(v, n),
+      label: v.format("D"),
       disabled: !0,
       // Дни из другого месяца всегда disabled
       current: !1,
@@ -3715,9 +3718,9 @@ function Xa(e, l, t, a = null, n = "dd/mm/yy", i = null, o = null, s = !1) {
     });
   }
   for (let k = 1; k <= c.date(); k++) {
-    const f = ne().year(e).month(l).date(k), w = f.isSame(t, "day"), C = wt(f, a, n, s), M = Ka(f, i, o);
+    const v = ne().year(e).month(l).date(k), w = v.isSame(t, "day"), C = wt(v, a, n, s), M = Ka(v, i, o);
     r.push({
-      value: Ze(f, n),
+      value: Ze(v, n),
       label: String(k),
       disabled: !M,
       // Отключаем даты вне разрешенного диапазона
@@ -3728,11 +3731,11 @@ function Xa(e, l, t, a = null, n = "dd/mm/yy", i = null, o = null, s = !1) {
       inRange: C.inRange
     });
   }
-  const m = c.day();
-  if (m !== 0) {
-    const k = 7 - m;
-    for (let f = 1; f <= k; f++) {
-      const w = c.add(f, "day"), C = wt(w, a, n, s);
+  const f = c.day();
+  if (f !== 0) {
+    const k = 7 - f;
+    for (let v = 1; v <= k; v++) {
+      const w = c.add(v, "day"), C = wt(w, a, n, s);
       r.push({
         value: Ze(w, n),
         label: w.format("D"),
@@ -3814,19 +3817,19 @@ function Ja(e, l, t = I(ne().format("DD.MM.YYYY")), a = I(null), n = I(null), i
   }, u = () => {
     o.value = ne();
   }, c = P(() => {
-    const m = ne(), k = o.value.year(), f = o.value.month(), w = l.value || "dd.mm.yy";
+    const f = ne(), k = o.value.year(), v = o.value.month(), w = l.value || "dd.mm.yy";
     switch (e.value) {
       case "day":
-        return Xa(k, f, m, t.value, w, a.value, n.value, i.value);
+        return Xa(k, v, f, t.value, w, a.value, n.value, i.value);
       case "month":
-        return Ga(k, m, w, a.value, n.value);
+        return Ga(k, f, w, a.value, n.value);
       case "year":
         return Qa(o.value, w, a.value, n.value);
       default:
         return [];
     }
-  }), v = P(() => {
-    const m = [
+  }), m = P(() => {
+    const f = [
       "Январь",
       "Февраль",
       "Март",
@@ -3841,16 +3844,16 @@ function Ja(e, l, t = I(ne().format("DD.MM.YYYY")), a = I(null), n = I(null), i
       "Декабрь"
     ];
     console.log(t.value);
-    const k = typeof t.value == "string" ? ne(t.value, l.value) : ne(t.value?.from, l.value), f = k.year(), w = k.month(), C = f - 10, M = C + 19;
+    const k = typeof t.value == "string" ? ne(t.value, l.value) : ne(t.value?.from, l.value), v = k.year(), w = k.month(), C = v - 10, M = C + 19;
     return {
-      month: m[w],
-      year: String(f),
+      month: f[w],
+      year: String(v),
       year_range: `${C}-${M}`
     };
   });
   return {
     calendarCells: c,
-    activeDateInfo: v,
+    activeDateInfo: m,
     // Функции навигации
     goToPreviousPage: s,
     goToNextPage: r,
@@ -3874,7 +3877,7 @@ const es = { class: "calendar__header" }, ts = { class: "calendar__header-title"
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const l = e, t = Ye(l, "type"), a = Ye(l, "format"), n = Ye(l, "range"), i = Ye(l, "minDate"), o = Ye(l, "maxDate"), s = ue(e, "modelValue"), r = I(!1), u = I(t.value || "day"), { calendarCells: c, activeDateInfo: v, goToPreviousPage: m, goToNextPage: k } = Ja(u, a, s, i, o, n), f = P({
+    const l = e, t = Ye(l, "type"), a = Ye(l, "format"), n = Ye(l, "range"), i = Ye(l, "minDate"), o = Ye(l, "maxDate"), s = ue(e, "modelValue"), r = I(!1), u = I(t.value || "day"), { calendarCells: c, activeDateInfo: m, goToPreviousPage: f, goToNextPage: k } = Ja(u, a, s, i, o, n), v = P({
       get() {
         return u.value;
       },
@@ -3895,8 +3898,8 @@ const es = { class: "calendar__header" }, ts = { class: "calendar__header-title"
         "calendar__body-item--in-range": V.inRange
       }
     ], M = (V) => {
-      if (f.value !== "day" || !l.range) {
-        s.value = V.value, f.value === "year" ? f.value = "month" : f.value === "month" && (f.value = "day");
+      if (v.value !== "day" || !l.range) {
+        s.value = V.value, v.value === "year" ? v.value = "month" : v.value === "month" && (v.value = "day");
         return;
       }
       if (!s.value)
@@ -3924,31 +3927,31 @@ const es = { class: "calendar__header" }, ts = { class: "calendar__header-title"
           icon: b(jl),
           variant: "secondary",
           "button-style": "outlined",
-          disabled: f.value === "month",
-          onClick: b(m)
+          disabled: v.value === "month",
+          onClick: b(f)
         }, null, 8, ["icon", "disabled", "onClick"]),
         S("div", ts, [
-          f.value === "day" ? (d(), W(b(Ce), {
+          v.value === "day" ? (d(), W(b(Ce), {
             key: 0,
             variant: "link",
-            onClick: O[0] || (O[0] = (y) => f.value = "month")
+            onClick: O[0] || (O[0] = (y) => v.value = "month")
           }, {
             default: Q(() => [
-              ve(Z(b(v).month), 1)
+              ve(Z(b(m).month), 1)
             ]),
             _: 1
           })) : A("", !0),
-          f.value !== "year" ? (d(), W(b(Ce), {
+          v.value !== "year" ? (d(), W(b(Ce), {
             key: 1,
             variant: "link",
-            onClick: O[1] || (O[1] = (y) => f.value = "year")
+            onClick: O[1] || (O[1] = (y) => v.value = "year")
           }, {
             default: Q(() => [
-              ve(Z(b(v).year), 1)
+              ve(Z(b(m).year), 1)
             ]),
             _: 1
           })) : A("", !0),
-          f.value === "year" ? (d(), p("span", ls, Z(b(v).year_range), 1)) : A("", !0)
+          v.value === "year" ? (d(), p("span", ls, Z(b(m).year_range), 1)) : A("", !0)
         ]),
         K(b(Ce), {
           size: "small",
@@ -3956,12 +3959,12 @@ const es = { class: "calendar__header" }, ts = { class: "calendar__header-title"
           icon: b(Wl),
           variant: "secondary",
           "button-style": "outlined",
-          disabled: f.value === "month",
+          disabled: v.value === "month",
           onClick: b(k)
         }, null, 8, ["icon", "disabled", "onClick"])
       ]),
       S("div", ns, [
-        f.value === "day" ? (d(), p("div", os, [...O[2] || (O[2] = [
+        v.value === "day" ? (d(), p("div", os, [...O[2] || (O[2] = [
           Bl('<div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Пн</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Вт</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Ср</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Чт</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Пт</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Сб</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Вс</span></div>', 7)
         ])])) : A("", !0),
         S("div", as, [
@@ -3991,14 +3994,14 @@ class us {
     o.length > s && (o = o.slice(0, s)), o = this.correctDateValues(o, t);
     let r = "", u = 0;
     for (let c = 0; c < t.length && u < o.length; c++) {
-      const v = t[c];
-      v === "d" || v === "m" || v === "y" ? (r += o[u], u++) : r += v;
+      const m = t[c];
+      m === "d" || m === "m" || m === "y" ? (r += o[u], u++) : r += m;
     }
     if (r.length >= t.length) {
       const c = this.parseDate(r, t);
       if (c && c.isValid()) {
-        const v = this.applyDateLimits(r, t, a, n);
-        v && (r = v);
+        const m = this.applyDateLimits(r, t, a, n);
+        m && (r = m);
       }
     }
     i.value = r;
@@ -4050,8 +4053,8 @@ class us {
     if (!r || !u) return l;
     const c = this.getDaysInMonth(u);
     if (r > c) {
-      const v = c.toString().padStart(2, "0");
-      return l.substring(0, o) + v + l.substring(o + 2);
+      const m = c.toString().padStart(2, "0");
+      return l.substring(0, o) + m + l.substring(o + 2);
     }
     return l;
   }
@@ -4159,7 +4162,7 @@ const cs = /* @__PURE__ */ F({
         return null;
       }
     }
-    const n = new us(), i = e, o = l, s = ue(e, "modelValue"), r = I(), u = I(), c = I(), v = I(!1), m = I(s.value), k = I({}), f = P(() => {
+    const n = new us(), i = e, o = l, s = ue(e, "modelValue"), r = I(), u = I(), c = I(), m = I(!1), f = I(s.value), k = I({}), v = P(() => {
       if (!s.value) return "";
       if (typeof s.value == "string")
         return s.value;
@@ -4189,15 +4192,15 @@ const cs = /* @__PURE__ */ F({
       }
       o("input", g);
     }, C = () => {
-      s.value = null, m.value = null, o("clear");
+      s.value = null, f.value = null, o("clear");
     }, M = () => {
-      m.value = s.value, v.value = !0, de(() => {
+      f.value = s.value, m.value = !0, de(() => {
         O();
       });
     }, V = (g) => {
-      g && (m.value = g, typeof g == "string" ? (s.value = g, g.length === i.format.length && !i.range && (v.value = !1)) : g instanceof Date ? (s.value = t(ne(g), i.format), i.range || (v.value = !1)) : typeof g == "object" && (i.range ? s.value = g : (s.value = g.from || g.to || null, typeof s.value == "string" && s.value.length === i.format.length && (v.value = !1))), o("select", g));
+      g && (f.value = g, typeof g == "string" ? (s.value = g, g.length === i.format.length && !i.range && (m.value = !1)) : g instanceof Date ? (s.value = t(ne(g), i.format), i.range || (m.value = !1)) : typeof g == "object" && (i.range ? s.value = g : (s.value = g.from || g.to || null, typeof s.value == "string" && s.value.length === i.format.length && (m.value = !1))), o("select", g));
     }, O = () => {
-      if (!u.value || !v.value) return;
+      if (!u.value || !m.value) return;
       const h = (u.value.querySelector("input") || u.value).getBoundingClientRect(), _ = i.position === "start" ? h.left : h.left - (h.width > 300 ? 0 : 350 - h.width);
       console.log(_), k.value = {
         position: "fixed",
@@ -4209,10 +4212,10 @@ const cs = /* @__PURE__ */ F({
     }, y = (g) => {
       if (!r.value || !c.value) return;
       const h = g.target;
-      !r.value.contains(h) && !c.value.contains(h) && (v.value = !1);
+      !r.value.contains(h) && !c.value.contains(h) && (m.value = !1);
     };
     return le(s, (g) => {
-      m.value = g;
+      f.value = g;
     }, { immediate: !0 }), ye(() => {
       document.addEventListener("mousedown", y), window.addEventListener("resize", O), window.addEventListener("scroll", O);
     }), Me(() => {
@@ -4237,7 +4240,7 @@ const cs = /* @__PURE__ */ F({
           disabled: g.disabled,
           name: g.name,
           "allow-clear": g.allowClear,
-          "model-value": f.value,
+          "model-value": v.value,
           readonly: g.range,
           onInput: w,
           onClear: C,
@@ -4245,7 +4248,7 @@ const cs = /* @__PURE__ */ F({
         }, null, 8, ["label", "placeholder", "error", "error-text", "required", "disabled", "name", "allow-clear", "model-value", "readonly"])
       ], 512),
       (d(), W(dt, { to: "body" }, [
-        v.value ? (d(), p("div", {
+        m.value ? (d(), p("div", {
           key: 0,
           ref_key: "popoverRef",
           ref: c,
@@ -4257,9 +4260,9 @@ const cs = /* @__PURE__ */ F({
             }, ["stop"]))
           }, [
             K(b(is), {
-              modelValue: m.value,
+              modelValue: f.value,
               "onUpdate:modelValue": [
-                h[0] || (h[0] = (_) => m.value = _),
+                h[0] || (h[0] = (_) => f.value = _),
                 V
               ],
               format: g.format,
@@ -4298,10 +4301,10 @@ const cs = /* @__PURE__ */ F({
   emits: /* @__PURE__ */ oe(["change", "complete", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: l }) {
     const t = e, a = l, n = ue(e, "modelValue"), i = I([]), o = I([]), s = P(() => t.length);
-    le(() => n.value, (f) => {
-      o.value = f.split("").concat(Array(Math.max(0, s.value - f.length)).fill(""));
-    }, { immediate: !0 }), le(o, (f) => {
-      const w = f.join("").slice(0, s.value);
+    le(() => n.value, (v) => {
+      o.value = v.split("").concat(Array(Math.max(0, s.value - v.length)).fill(""));
+    }, { immediate: !0 }), le(o, (v) => {
+      const w = v.join("").slice(0, s.value);
       w !== n.value && (n.value = w, a("change", w), w.length === s.value && w.replace(/\s/g, "").length === s.value && a("complete", w));
     }, { deep: !0 });
     const r = P(() => [
@@ -4312,36 +4315,36 @@ const cs = /* @__PURE__ */ F({
         "otp--disabled": t.disabled,
         "otp--error": t.error
       }
-    ]), u = (f, w) => {
+    ]), u = (v, w) => {
       const C = w.target, M = C.value;
-      M.length > 1 && (C.value = M.slice(0, 1)), o.value[f] = C.value, C.value && f < s.value - 1 && de(() => {
-        i.value[f + 1]?.focus();
+      M.length > 1 && (C.value = M.slice(0, 1)), o.value[v] = C.value, C.value && v < s.value - 1 && de(() => {
+        i.value[v + 1]?.focus();
       });
-    }, c = (f, w) => {
-      w.key === "Backspace" && !o.value[f] && f > 0 && de(() => {
-        i.value[f - 1]?.focus();
-      }), w.key === "ArrowLeft" && f > 0 && (w.preventDefault(), i.value[f - 1]?.focus()), w.key === "ArrowRight" && f < s.value - 1 && (w.preventDefault(), i.value[f + 1]?.focus());
-    }, v = (f, w) => {
+    }, c = (v, w) => {
+      w.key === "Backspace" && !o.value[v] && v > 0 && de(() => {
+        i.value[v - 1]?.focus();
+      }), w.key === "ArrowLeft" && v > 0 && (w.preventDefault(), i.value[v - 1]?.focus()), w.key === "ArrowRight" && v < s.value - 1 && (w.preventDefault(), i.value[v + 1]?.focus());
+    }, m = (v, w) => {
       w.preventDefault();
-      const M = (w.clipboardData?.getData("text") || "").slice(0, s.value - f).split("");
+      const M = (w.clipboardData?.getData("text") || "").slice(0, s.value - v).split("");
       M.forEach((O, y) => {
-        f + y < s.value && (o.value[f + y] = O);
+        v + y < s.value && (o.value[v + y] = O);
       });
-      const V = Math.min(f + M.length, s.value - 1);
+      const V = Math.min(v + M.length, s.value - 1);
       de(() => {
         i.value[V]?.focus();
       });
-    }, m = (f) => {
-      a("focus", f);
-    }, k = (f) => {
-      a("blur", f);
+    }, f = (v) => {
+      a("focus", v);
+    }, k = (v) => {
+      a("blur", v);
     };
-    return (f, w) => (d(), p("div", {
+    return (v, w) => (d(), p("div", {
       class: E(r.value)
     }, [
-      f.label ? (d(), p("label", ds, [
-        f.required ? (d(), p("sup", fs, "*")) : A("", !0),
-        ve(" " + Z(f.label), 1)
+      v.label ? (d(), p("label", ds, [
+        v.required ? (d(), p("sup", fs, "*")) : A("", !0),
+        ve(" " + Z(v.label), 1)
       ])) : A("", !0),
       S("div", vs, [
         (d(!0), p(ae, null, me(s.value, (C, M) => _e((d(), p("input", {
@@ -4354,18 +4357,18 @@ const cs = /* @__PURE__ */ F({
           class: "otp__field",
           type: "text",
           maxlength: "1",
-          disabled: f.disabled,
-          readonly: f.readonly,
+          disabled: v.disabled,
+          readonly: v.readonly,
           onInput: (V) => u(M, V),
           onKeydown: (V) => c(M, V),
-          onPaste: (V) => v(M, V),
-          onFocus: (V) => m(M),
+          onPaste: (V) => m(M, V),
+          onFocus: (V) => f(M),
           onBlur: (V) => k(M)
         }, null, 40, ms)), [
           [tt, o.value[M]]
         ])), 128))
       ]),
-      f.error && f.errorText ? (d(), p("small", ps, Z(f.errorText), 1)) : A("", !0)
+      v.error && v.errorText ? (d(), p("small", ps, Z(v.errorText), 1)) : A("", !0)
     ], 2));
   }
 }), gs = { class: "breadcrumb" }, hs = ["onClick"], ys = {
@@ -4417,27 +4420,27 @@ const cs = /* @__PURE__ */ F({
       o.value = setTimeout(() => {
         u({ message: e.msg, type: "life-end" });
       }, s.value);
-    }, u = (m) => {
-      t("close", m);
+    }, u = (f) => {
+      t("close", f);
     }, c = () => {
-      v(), u({ message: e.msg, type: "close" });
-    }, v = () => {
+      m(), u({ message: e.msg, type: "close" });
+    }, m = () => {
       o.value && (clearTimeout(o.value), o.value = null);
     };
     return ye(() => {
       e.msg.life && (s.value = e.msg.life, r());
-    }), (m, k) => (d(), p("div", {
+    }), (f, k) => (d(), p("div", {
       class: E(i.value)
     }, [
       S("div", bs, [
         (d(), W(Te(n.value)))
       ]),
       S("div", ws, [
-        S("div", ks, Z(m.msg.summary), 1),
-        m.msg.detail ? (d(), p("div", {
+        S("div", ks, Z(f.msg.summary), 1),
+        f.msg.detail ? (d(), p("div", {
           key: 0,
           class: "toast-message__text",
-          innerHTML: m.msg.detail
+          innerHTML: f.msg.detail
         }, null, 8, $s)) : A("", !0)
       ]),
       S("button", {
@@ -4462,7 +4465,7 @@ const cs = /* @__PURE__ */ F({
     const t = I([]), a = (u) => {
       u.id == null && (u.id = l++), t.value = [...t.value, u];
     }, n = (u) => {
-      const c = t.value.findIndex((v) => v.id === u.message.id);
+      const c = t.value.findIndex((m) => m.id === u.message.id);
       c !== -1 && t.value.splice(c, 1);
     }, i = (u) => {
       e.group == u.group && a(u);
@@ -4489,10 +4492,10 @@ const cs = /* @__PURE__ */ F({
             class: "toast-messages"
           }, {
             default: Q(() => [
-              (d(!0), p(ae, null, me(t.value, (v) => (d(), W(Ss, {
-                key: v.id,
-                msg: v,
-                onClose: c[0] || (c[0] = (m) => n(m))
+              (d(!0), p(ae, null, me(t.value, (m) => (d(), W(Ss, {
+                key: m.id,
+                msg: m,
+                onClose: c[0] || (c[0] = (f) => n(f))
               }, null, 8, ["msg"]))), 128))
             ]),
             _: 1
@@ -4552,7 +4555,7 @@ const Br = {
     }, [
       (d(), W(Te(a[l.type]), { class: "message__icon" })),
       S("div", Cs, [
-        n.$slots.default ? te(n.$slots, "default", { key: 0 }, void 0, !0) : (d(), p(ae, { key: 1 }, [
+        n.$slots.default ? ee(n.$slots, "default", { key: 0 }, void 0, !0) : (d(), p(ae, { key: 1 }, [
           ve(Z(l.message), 1)
         ], 64))
       ])
@@ -4610,7 +4613,7 @@ const Br = {
         class: "overlay-badge__badge",
         style: se(l.value)
       }, null, 8, ["value", "variant", "style"])) : A("", !0),
-      te(t.$slots, "default")
+      ee(t.$slots, "default")
     ], 2));
   }
 }), Er = /* @__PURE__ */ F({
@@ -4765,12 +4768,12 @@ const Br = {
   setup(e) {
     const l = I(), t = I({}), a = I("bottom"), n = P(() => `confirm-popup--${a.value}`), i = P(() => `confirm-popup__arrow--${a.value}`), o = () => {
       if (!ie.value?.target || !l.value) return;
-      const m = ie.value.target, k = l.value, f = ie.value.position || "bottom";
-      if (!document.contains(m)) {
+      const f = ie.value.target, k = l.value, v = ie.value.position || "bottom";
+      if (!document.contains(f)) {
         r();
         return;
       }
-      const w = m.getBoundingClientRect();
+      const w = f.getBoundingClientRect();
       if (!(w.bottom > 0 && w.right > 0 && w.top < window.innerHeight && w.left < window.innerWidth && w.width > 0 && w.height > 0)) {
         r();
         return;
@@ -4823,11 +4826,11 @@ const Br = {
       }, g = (z) => {
         const H = y(z);
         return H.top >= V && H.left >= V && H.top + M.height <= window.innerHeight - V && H.left + M.width <= window.innerWidth - V;
-      }, h = [f];
+      }, h = [v];
       ["bottomright", "bottom", "top", "right", "left", "bottomleft", "topright", "topleft"].forEach((z) => {
         h.includes(z) || h.push(z);
       });
-      let N = f, D = y(f);
+      let N = v, D = y(v);
       for (const z of h)
         if (g(z)) {
           N = z, D = y(z);
@@ -4843,20 +4846,20 @@ const Br = {
       ie.value?.accept?.(), ie.value = null;
     }, r = () => {
       ie.value?.reject?.(), ie.value = null;
-    }, u = (m) => {
-      m.key === "Escape" && ie.value && r();
+    }, u = (f) => {
+      f.key === "Escape" && ie.value && r();
     }, c = () => {
       ie.value?.target && o();
-    }, v = () => {
+    }, m = () => {
       ie.value?.target && o();
     };
-    return le(ie, async (m) => {
-      m?.target && (await de(), o());
+    return le(ie, async (f) => {
+      f?.target && (await de(), o());
     }, { immediate: !0 }), ye(() => {
-      document.addEventListener("keydown", u), window.addEventListener("scroll", c, !0), window.addEventListener("resize", v);
+      document.addEventListener("keydown", u), window.addEventListener("scroll", c, !0), window.addEventListener("resize", m);
     }), Me(() => {
-      document.removeEventListener("keydown", u), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", v);
-    }), (m, k) => (d(), W(dt, { to: "body" }, [
+      document.removeEventListener("keydown", u), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", m);
+    }), (f, k) => (d(), W(dt, { to: "body" }, [
       K(Ve, { name: "confirm" }, {
         default: Q(() => [
           b(ie) ? (d(), p("div", {
@@ -4938,33 +4941,33 @@ const Br = {
       isOpen: i,
       open: r,
       close: c
-    }), (v, m) => (d(), W(ze, {
-      layer: v.zIndexLayer,
-      "z-index": v.zIndex
+    }), (m, f) => (d(), W(ze, {
+      layer: m.zIndexLayer,
+      "z-index": m.zIndex
     }, {
       default: Q(() => [
         K(Ve, { name: "drawer-animate" }, {
           default: Q(() => [
             i.value ? (d(), p("div", {
               key: 0,
-              class: E(["drawer", { [`drawer--${v.position}`]: v.position }]),
+              class: E(["drawer", { [`drawer--${m.position}`]: m.position }]),
               style: se({ "--widthDrawer": o.value })
             }, [
               S("div", {
                 class: "drawer-overlay",
-                onClick: m[0] || (m[0] = (k) => u())
+                onClick: f[0] || (f[0] = (k) => u())
               }),
               S("div", {
-                class: E(["drawer-wrapper", { "drawer-wrapper--no-style": v.wrapperNoStyle }])
+                class: E(["drawer-wrapper", { "drawer-wrapper--no-style": m.wrapperNoStyle }])
               }, [
                 S("div", Fs, [
                   S("button", {
-                    onClick: m[1] || (m[1] = (k) => u())
+                    onClick: f[1] || (f[1] = (k) => u())
                   }, [
                     K(b(It))
                   ])
                 ]),
-                te(v.$slots, "default")
+                ee(m.$slots, "default")
               ], 2)
             ], 6)) : A("", !0)
           ]),
@@ -5016,7 +5019,7 @@ const Br = {
                 style: se(r.style)
               }, [
                 S("div", Ns, [
-                  te(r.$slots, "header"),
+                  ee(r.$slots, "header"),
                   l.value && !a.header ? (d(), p("h2", qs, Z(l.value), 1)) : A("", !0),
                   S("button", {
                     text: "",
@@ -5027,7 +5030,7 @@ const Br = {
                   ])
                 ]),
                 S("div", Ys, [
-                  te(r.$slots, "default", { setTitle: s })
+                  ee(r.$slots, "default", { setTitle: s })
                 ])
               ], 4)
             ], 2)) : A("", !0)
@@ -5049,9 +5052,9 @@ const Br = {
   }),
   emits: ["update:open"],
   setup(e) {
-    const l = ue(e, "open"), t = I(), a = I(), n = I(0), i = I(!1), o = I(0), s = I(0), r = I(0), u = I(0), c = I(!1), { unlockScroll: v, lockScroll: m } = lt(), k = (y) => {
-      y.target === y.currentTarget && f();
-    }, f = () => {
+    const l = ue(e, "open"), t = I(), a = I(), n = I(0), i = I(!1), o = I(0), s = I(0), r = I(0), u = I(0), c = I(!1), { unlockScroll: m, lockScroll: f } = lt(), k = (y) => {
+      y.target === y.currentTarget && v();
+    }, v = () => {
       l.value = !1;
     }, w = (y) => {
       if (!a.value) return;
@@ -5070,7 +5073,7 @@ const Br = {
     }, M = () => {
       if (!i.value || !c.value) return;
       const y = r.value * 0.3;
-      n.value > y && f(), n.value = 0, i.value = !1, c.value = !1;
+      n.value > y && v(), n.value = 0, i.value = !1, c.value = !1;
     }, V = (y) => {
       o.value = y.touches[0].clientY, s.value = o.value, c.value = !0, i.value = !0;
     }, O = (y) => {
@@ -5083,16 +5086,16 @@ const Br = {
       }, h = () => {
         if (!i.value || !c.value) return;
         const _ = r.value * 0.3;
-        n.value > _ && f(), n.value = 0, i.value = !1, c.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", h);
+        n.value > _ && v(), n.value = 0, i.value = !1, c.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", h);
       };
       document.addEventListener("mousemove", g), document.addEventListener("mouseup", h);
     };
     return le(l, async (y) => {
-      y ? (m(), await de(), t.value && (r.value = t.value.offsetHeight)) : (v(), n.value = 0);
+      y ? (f(), await de(), t.value && (r.value = t.value.offsetHeight)) : (m(), n.value = 0);
     }), ye(() => {
       l.value && t.value && (r.value = t.value.offsetHeight);
     }), Me(() => {
-      v();
+      m();
     }), (y, g) => (d(), W(ze, {
       layer: y.zIndexLayer,
       "z-index": y.zIndex
@@ -5130,7 +5133,7 @@ const Br = {
                       ref_key: "bodyRef",
                       ref: a
                     }, [
-                      te(y.$slots, "default")
+                      ee(y.$slots, "default")
                     ], 512)
                   ], 36)) : A("", !0)
                 ]),
@@ -5162,7 +5165,7 @@ const Br = {
       e.multiple ? t.value.includes(n) ? t.value = t.value.filter((i) => i !== n) : t.value.push(n) : t.value = t.value[0] === n ? [] : [n];
     }
     return Se("accordionOpenValues", t), Se("accordionToggle", a), Se("accordionIsMultiple", e.multiple ?? !1), Se("accordionStyle", l), (n, i) => (d(), p("div", js, [
-      te(n.$slots, "default")
+      ee(n.$slots, "default")
     ]));
   }
 }), Kr = /* @__PURE__ */ F({
@@ -5182,7 +5185,7 @@ const Br = {
         ref: t,
         class: "accordion-content"
       }, [
-        te(i.$slots, "default")
+        ee(i.$slots, "default")
       ], 512), [
         [sl, n.value]
       ])
@@ -5198,7 +5201,7 @@ const Br = {
       (...o) => b(t) && b(t)(...o))
     }, [
       S("span", Ws, [
-        te(n.$slots, "default")
+        ee(n.$slots, "default")
       ]),
       S("span", Us, [
         K(b(ul))
@@ -5215,7 +5218,7 @@ const Br = {
     return Se("panelValue", l.value), Se("panelIsOpen", i), Se("panelToggle", () => a?.(l.value)), (o, s) => (d(), p("div", {
       class: E(["accordion-panel", `accordion-panel--${b(n)}`])
     }, [
-      te(o.$slots, "default")
+      ee(o.$slots, "default")
     ], 2));
   }
 }), Ks = {
@@ -5234,7 +5237,7 @@ const Br = {
       class: E(l.value)
     }, [
       t.$slots.default ? (d(), p("div", Ks, [
-        te(t.$slots, "default")
+        ee(t.$slots, "default")
       ])) : A("", !0)
     ], 2));
   }
@@ -5288,16 +5291,16 @@ const Br = {
       },
       isLastItem: (u) => u === e.steps.length - 1,
       isStepPassed: (u) => {
-        const c = e.steps.findIndex((v) => v.value === a.value);
+        const c = e.steps.findIndex((m) => m.value === a.value);
         return c === -1 ? a.value > u : c > u;
       }
     }), (u, c) => (d(), p("div", er, [
       S("div", tr, [
-        (d(!0), p(ae, null, me(u.steps, (v, m) => (d(), W(Js, {
-          key: v.value,
-          index: m,
-          value: v.value,
-          label: v.label
+        (d(!0), p(ae, null, me(u.steps, (m, f) => (d(), W(Js, {
+          key: m.value,
+          index: f,
+          value: m.value,
+          label: m.label
         }, null, 8, ["index", "value", "label"]))), 128))
       ])
     ]));
@@ -5315,7 +5318,7 @@ const Br = {
       role: "tab",
       "aria-selected": n.value
     }, [
-      te(i.$slots, "default")
+      ee(i.$slots, "default")
     ], 10, nr));
   }
 }), or = { class: "tabs" }, ei = /* @__PURE__ */ F({
@@ -5333,7 +5336,7 @@ const Br = {
       n.value = o, a("update:value", o);
     }
     return Se("tabsValue", n), Se("setTabsValue", i), (o, s) => (d(), p("div", or, [
-      te(o.$slots, "default")
+      ee(o.$slots, "default")
     ]));
   }
 }), ar = {
@@ -5347,7 +5350,7 @@ const Br = {
   setup(e) {
     const l = e, t = he("tabsValue"), a = P(() => t?.value === l.value);
     return (n, i) => _e((d(), p("div", ar, [
-      te(n.$slots, "default")
+      ee(n.$slots, "default")
     ], 512)), [
       [sl, a.value]
     ]);
@@ -5360,7 +5363,7 @@ const Br = {
   setup(e) {
     return (l, t) => (d(), p("div", sr, [
       S("div", rr, [
-        te(l.$slots, "default")
+        ee(l.$slots, "default")
       ])
     ]));
   }
@@ -5368,7 +5371,7 @@ const Br = {
   __name: "TabPanels",
   setup(e) {
     return (l, t) => (d(), p("div", ir, [
-      te(l.$slots, "default")
+      ee(l.$slots, "default")
     ]));
   }
 }), ur = { class: "tooltip__content" }, cr = /* @__PURE__ */ F({
@@ -5384,9 +5387,9 @@ const Br = {
   setup(e, { expose: l }) {
     const t = e, a = I(), n = I(!1), i = I("top"), o = I({}), s = I({});
     let r = null, u = null, c = null;
-    const v = async () => {
+    const m = async () => {
       if (!r || !a.value) return;
-      const f = a.value.querySelector(".tooltip__arrow"), { x: w, y: C, placement: M, middlewareData: V } = await kl(
+      const v = a.value.querySelector(".tooltip__arrow"), { x: w, y: C, placement: M, middlewareData: V } = await kl(
         r,
         a.value,
         {
@@ -5395,14 +5398,14 @@ const Br = {
             _t(t.offset),
             ao(),
             Ct({ padding: 8 }),
-            ...t.showArrow && f ? [wl({ element: f })] : []
+            ...t.showArrow && v ? [wl({ element: v })] : []
           ]
         }
       );
       if (i.value = M, o.value = {
         left: `${w}px`,
         top: `${C}px`
-      }, t.showArrow && V.arrow && f) {
+      }, t.showArrow && V.arrow && v) {
         const { x: O, y } = V.arrow, g = M.split("-")[0], h = {
           top: "bottom",
           right: "left",
@@ -5419,9 +5422,9 @@ const Br = {
       }
     };
     return l({
-      show: (f) => {
-        c && (clearTimeout(c), c = null), r = f, u = setTimeout(async () => {
-          n.value = !0, await de(), await v();
+      show: (v) => {
+        c && (clearTimeout(c), c = null), r = v, u = setTimeout(async () => {
+          n.value = !0, await de(), await m();
         }, t.delay);
       },
       hide: () => {
@@ -5429,19 +5432,19 @@ const Br = {
           n.value = !1, r = null;
         }, 50);
       }
-    }), (f, w) => (d(), W(dt, { to: "body" }, [
+    }), (v, w) => (d(), W(dt, { to: "body" }, [
       K(Ve, { name: "tooltip-fade" }, {
         default: Q(() => [
           n.value ? (d(), p("div", {
             key: 0,
             ref_key: "tooltipRef",
             ref: a,
-            class: E(["tooltip", [`tooltip--${i.value}`, f.tooltipClass]]),
+            class: E(["tooltip", [`tooltip--${i.value}`, v.tooltipClass]]),
             style: se(o.value),
             role: "tooltip"
           }, [
-            S("div", ur, Z(f.content), 1),
-            f.showArrow ? (d(), p("div", {
+            S("div", ur, Z(v.content), 1),
+            v.showArrow ? (d(), p("div", {
               key: 0,
               class: "tooltip__arrow",
               style: se(s.value)