prlg-ui 1.5.7 → 1.6.0

package/dist/prlg-ui.es.js

@@ -1,6 +1,8 @@
-import { defineComponent as T, computed as R, resolveComponent as pt, createBlock as B, openBlock as c, resolveDynamicComponent as fe, normalizeClass as _, withCtx as j, createCommentVNode as A, createElementBlock as f, renderSlot as E, Fragment as U, createTextVNode as Z, toDisplayString as P, ref as V, useTemplateRef as De, onMounted as Q, createElementVNode as b, createVNode as O, renderList as ve, unref as p, mergeModels as Y, useModel as re, useId as Ve, withDirectives as ge, vModelCheckbox as Xe, onUnmounted as Ie, watch as oe, nextTick as Se, Teleport as Me, Transition as Pe, normalizeStyle as J, provide as se, useSlots as vt, inject as K, vModelRadio as Dt, withModifiers as Ze, vModelDynamic as Ht, vModelText as gt, mergeProps as Ft, reactive as ht, shallowRef as be, TransitionGroup as Gt, vShow as wt } from "vue";
-import { P as yt, g as Nt, h as Wt, _ as ue, I as Je, A as jt, c as Qe, e as qt, f as Ut, S as Yt, M as Kt, E as Xt, B as Zt, C as Jt, b as bt, W as Qt, d as eo, a as to } from "./WarningFillIcon-Drb2OS3I.js";
-import { o as $t, E as oo, _ as no, u as et } from "./useBodyScroll.util-BgQeA8Dg.js";
+import { defineComponent as T, computed as R, resolveComponent as vt, createBlock as _, openBlock as c, resolveDynamicComponent as fe, normalizeClass as B, withCtx as j, createCommentVNode as A, createElementBlock as f, renderSlot as E, Fragment as U, createTextVNode as Z, toDisplayString as P, ref as V, useTemplateRef as De, onMounted as Q, createElementVNode as b, createVNode as O, renderList as pe, unref as v, mergeModels as Y, useModel as re, useId as Ve, withDirectives as ge, vModelCheckbox as Xe, onUnmounted as Ie, watch as oe, nextTick as Se, Teleport as Me, Transition as Pe, normalizeStyle as J, provide as se, useSlots as pt, inject as K, vModelRadio as Dt, withModifiers as Ze, vModelDynamic as Ht, vModelText as gt, mergeProps as Ft, reactive as ht, shallowRef as be, TransitionGroup as Gt, vShow as wt } from "vue";
+import { P as yt, e as Nt, f as Wt, I as Je, A as jt, b as Qe, d as qt, S as Ut, M as Yt, E as Kt, B as Xt, C as Zt, W as Jt, c as Qt, a as eo } from "./WarningFillIcon-IXRCDZt1.js";
+import { o as bt } from "./onClickOutside.util-CJueL_Rz.js";
+import { _ as ue, E as to, C as $t } from "./EyeIcon-DvnVzBB3.js";
+import { E as oo, _ as no, u as et } from "./useBodyScroll.util-TIjN_8oq.js";
 const lo = {
   key: 1,
   class: "button__content"
@@ -20,7 +22,7 @@ const lo = {
     full: { type: Boolean }
   },
   setup(e) {
-    const o = R(() => e.variant === "link" && e.url || e.url ? pt("RouterLink") : "button"), t = R(() => [
+    const o = R(() => e.variant === "link" && e.url || e.url ? vt("RouterLink") : "button"), t = R(() => [
       "button",
       `button--${e.size}`,
       `button--${e.variant}`,
@@ -32,13 +34,13 @@ const lo = {
         "button--full": e.full
       }
     ]);
-    return (n, l) => (c(), B(fe(o.value), {
+    return (n, l) => (c(), _(fe(o.value), {
       to: n.url,
-      class: _(t.value),
+      class: B(t.value),
       disabled: n.disabled
     }, {
       default: j(() => [
-        n.icon ? (c(), B(fe(n.icon), {
+        n.icon ? (c(), _(fe(n.icon), {
           key: 0,
           class: "button__icon"
         })) : A("", !0),
@@ -52,7 +54,7 @@ const lo = {
       _: 3
     }, 8, ["to", "class", "disabled"]));
   }
-}), so = { class: "sleed-deal" }, io = ["onClick"], ao = { class: "sleed-deal-menu__item-label" }, cs = /* @__PURE__ */ T({
+}), so = { class: "sleed-deal" }, io = ["onClick"], ao = { class: "sleed-deal-menu__item-label" }, fs = /* @__PURE__ */ T({
   __name: "SleedDeal",
   props: {
     items: { default: () => [] },
@@ -67,34 +69,34 @@ const lo = {
       s.command && s.command(), o.value = !1;
     };
     return Q(() => {
-      $t(t.value, () => {
+      bt(t.value, () => {
         o.value = !1;
       }, { ignore: [n.value?.$el] });
     }), (s, r) => (c(), f("div", so, [
       b("div", {
         ref_key: "menuRef",
         ref: t,
-        class: _(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": o.value }])
+        class: B(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": o.value }])
       }, [
-        (c(!0), f(U, null, ve(s.items, (a) => (c(), f("div", {
+        (c(!0), f(U, null, pe(s.items, (a) => (c(), f("div", {
           class: "sleed-deal-menu__item",
           key: a.label,
           onClick: (u) => i(a)
         }, [
-          a.icon ? (c(), B(fe(a.icon), {
+          a.icon ? (c(), _(fe(a.icon), {
             key: 0,
             class: "sleed-deal-menu__item-icon"
           })) : A("", !0),
           b("span", ao, P(a.label), 1)
         ], 8, io))), 128))
       ], 2),
-      O(p(ke), {
+      O(v(ke), {
         ref_key: "targetRef",
         ref: n,
         variant: s.variant,
         contrast: "",
         "icon-only": "",
-        icon: s.icon ? s.icon : p(yt),
+        icon: s.icon ? s.icon : v(yt),
         rounded: "",
         size: s.size,
         onClick: l
@@ -107,13 +109,13 @@ const lo = {
   height: "12",
   viewBox: "0 0 14 12",
   xmlns: "http://www.w3.org/2000/svg"
-}, po = {
+}, vo = {
   key: 1,
   width: "13",
   height: "3",
   viewBox: "0 0 13 3",
   xmlns: "http://www.w3.org/2000/svg"
-}, vo = {
+}, po = {
   key: 0,
   class: "checkbox__label"
 }, tt = /* @__PURE__ */ T({
@@ -138,12 +140,12 @@ const lo = {
       }
     ]);
     return (s, r) => (c(), f("label", {
-      for: p(l),
-      class: _(i.value)
+      for: v(l),
+      class: B(i.value)
     }, [
       ge(b("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
-        id: p(l),
+        id: v(l),
         type: "checkbox",
         value: s.value,
         indeterminate: n.value === null,
@@ -161,7 +163,7 @@ const lo = {
               d: "M4.50746 9.32454L1.40518 5.87678L0.371094 7.02603L4.50746 11.623L13.3711 1.7723L12.337 0.623047L4.50746 9.32454Z",
               fill: "white"
             }, null, -1)
-          ]))) : n.value === null ? (c(), f("svg", po, r[3] || (r[3] = [
+          ]))) : n.value === null ? (c(), f("svg", vo, r[3] || (r[3] = [
             b("path", {
               d: "M0.371094 1.62305L12.3711 1.62305",
               stroke: "white",
@@ -170,7 +172,7 @@ const lo = {
           ]))) : A("", !0)
         ])
       ]),
-      s.label || s.$slots.label ? (c(), f("span", vo, [
+      s.label || s.$slots.label ? (c(), f("span", po, [
         Z(P(s.label) + " ", 1),
         E(s.$slots, "label")
       ])) : A("", !0)
@@ -193,11 +195,11 @@ const lo = {
       class: "sort-button",
       onClick: l
     }, [
-      O(p(Nt), {
-        class: _(["sort-button__icon", [{ "sort-button__icon--active": t.value.order === -1 && t.value.field === i.field }]])
+      O(v(Nt), {
+        class: B(["sort-button__icon", [{ "sort-button__icon--active": t.value.order === -1 && t.value.field === i.field }]])
       }, null, 8, ["class"]),
-      O(p(Wt), {
-        class: _(["sort-button__icon", { "sort-button__icon--active": t.value.order === 1 && t.value.field === i.field }])
+      O(v(Wt), {
+        class: B(["sort-button__icon", { "sort-button__icon--active": t.value.order === 1 && t.value.field === i.field }])
       }, null, 8, ["class"])
     ]));
   }
@@ -219,7 +221,7 @@ function Ue(e, o, t) {
 function Oe(e, o) {
   return typeof e == "function" ? e(o) : e;
 }
-function xe(e) {
+function Ce(e) {
   return e.split("-")[0];
 }
 function Le(e) {
@@ -233,7 +235,7 @@ function ot(e) {
 }
 const bo = /* @__PURE__ */ new Set(["top", "bottom"]);
 function we(e) {
-  return bo.has(xe(e)) ? "y" : "x";
+  return bo.has(Ce(e)) ? "y" : "x";
 }
 function nt(e) {
   return kt(we(e));
@@ -251,7 +253,7 @@ function ko(e) {
 function Ye(e) {
   return e.replace(/start|end/g, (o) => yo[o]);
 }
-const rt = ["left", "right"], ut = ["right", "left"], xo = ["top", "bottom"], Co = ["bottom", "top"];
+const rt = ["left", "right"], ut = ["right", "left"], Co = ["top", "bottom"], xo = ["bottom", "top"];
 function Ro(e, o, t) {
   switch (e) {
     case "top":
@@ -259,14 +261,14 @@ function Ro(e, o, t) {
       return t ? o ? ut : rt : o ? rt : ut;
     case "left":
     case "right":
-      return o ? xo : Co;
+      return o ? Co : xo;
     default:
       return [];
   }
 }
 function So(e, o, t, n) {
   const l = Le(e);
-  let i = Ro(xe(e), t === "start", n);
+  let i = Ro(Ce(e), t === "start", n);
   return l && (i = i.map((s) => s + "-" + l), o && (i = i.concat(i.map(Ye)))), i;
 }
 function Fe(e) {
@@ -281,7 +283,7 @@ function To(e) {
     ...e
   };
 }
-function xt(e) {
+function Ct(e) {
   return typeof e != "number" ? To(e) : {
     top: e,
     right: e,
@@ -312,48 +314,48 @@ function ct(e, o, t) {
     reference: n,
     floating: l
   } = e;
-  const i = we(o), s = nt(o), r = ot(s), a = xe(o), u = i === "y", d = n.x + n.width / 2 - l.width / 2, m = n.y + n.height / 2 - l.height / 2, k = n[r] / 2 - l[r] / 2;
-  let v;
+  const i = we(o), s = nt(o), r = ot(s), a = Ce(o), u = i === "y", d = n.x + n.width / 2 - l.width / 2, m = n.y + n.height / 2 - l.height / 2, k = n[r] / 2 - l[r] / 2;
+  let g;
   switch (a) {
     case "top":
-      v = {
+      g = {
         x: d,
         y: n.y - l.height
       };
       break;
     case "bottom":
-      v = {
+      g = {
         x: d,
         y: n.y + n.height
       };
       break;
     case "right":
-      v = {
+      g = {
         x: n.x + n.width,
         y: m
       };
       break;
     case "left":
-      v = {
+      g = {
         x: n.x - l.width,
         y: m
       };
       break;
     default:
-      v = {
+      g = {
         x: n.x,
         y: n.y
       };
   }
   switch (Le(o)) {
     case "start":
-      v[s] -= k * (t && u ? -1 : 1);
+      g[s] -= k * (t && u ? -1 : 1);
       break;
     case "end":
-      v[s] += k * (t && u ? -1 : 1);
+      g[s] += k * (t && u ? -1 : 1);
       break;
   }
-  return v;
+  return g;
 }
 const Ao = async (e, o, t) => {
   const {
@@ -369,23 +371,23 @@ const Ao = async (e, o, t) => {
   }), {
     x: d,
     y: m
-  } = ct(u, n, a), k = n, v = {}, x = 0;
+  } = ct(u, n, a), k = n, g = {}, C = 0;
   for (let $ = 0; $ < r.length; $++) {
     const {
       name: y,
-      fn: g
+      fn: h
     } = r[$], {
-      x: h,
+      x: p,
       y: w,
-      data: C,
+      data: x,
       reset: I
-    } = await g({
+    } = await h({
       x: d,
       y: m,
       initialPlacement: n,
       placement: k,
       strategy: l,
-      middlewareData: v,
+      middlewareData: g,
       rects: u,
       platform: s,
       elements: {
@@ -393,13 +395,13 @@ const Ao = async (e, o, t) => {
         floating: o
       }
     });
-    d = h ?? d, m = w ?? m, v = {
-      ...v,
+    d = p ?? d, m = w ?? m, g = {
+      ...g,
       [y]: {
-        ...v[y],
-        ...C
+        ...g[y],
+        ...x
       }
-    }, I && x <= 50 && (x++, typeof I == "object" && (I.placement && (k = I.placement), I.rects && (u = I.rects === !0 ? await s.getElementRects({
+    }, I && C <= 50 && (C++, typeof I == "object" && (I.placement && (k = I.placement), I.rects && (u = I.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: o,
       strategy: l
@@ -413,10 +415,10 @@ const Ao = async (e, o, t) => {
     y: m,
     placement: k,
     strategy: l,
-    middlewareData: v
+    middlewareData: g
   };
 };
-async function Ct(e, o) {
+async function xt(e, o) {
   var t;
   o === void 0 && (o = {});
   const {
@@ -431,18 +433,18 @@ async function Ct(e, o) {
     rootBoundary: d = "viewport",
     elementContext: m = "floating",
     altBoundary: k = !1,
-    padding: v = 0
-  } = Oe(o, e), x = xt(v), y = r[k ? m === "floating" ? "reference" : "floating" : m], g = Ge(await i.getClippingRect({
+    padding: g = 0
+  } = Oe(o, e), C = Ct(g), y = r[k ? m === "floating" ? "reference" : "floating" : m], h = Ge(await i.getClippingRect({
     element: (t = await (i.isElement == null ? void 0 : i.isElement(y))) == null || t ? y : y.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
     boundary: u,
     rootBoundary: d,
     strategy: a
-  })), h = m === "floating" ? {
+  })), p = m === "floating" ? {
     x: n,
     y: l,
     width: s.floating.width,
     height: s.floating.height
-  } : s.reference, w = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), C = await (i.isElement == null ? void 0 : i.isElement(w)) ? await (i.getScale == null ? void 0 : i.getScale(w)) || {
+  } : s.reference, w = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), x = await (i.isElement == null ? void 0 : i.isElement(w)) ? await (i.getScale == null ? void 0 : i.getScale(w)) || {
     x: 1,
     y: 1
   } : {
@@ -450,15 +452,15 @@ async function Ct(e, o) {
     y: 1
   }, I = Ge(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
-    rect: h,
+    rect: p,
     offsetParent: w,
     strategy: a
-  }) : h);
+  }) : p);
   return {
-    top: (g.top - I.top + x.top) / C.y,
-    bottom: (I.bottom - g.bottom + x.bottom) / C.y,
-    left: (g.left - I.left + x.left) / C.x,
-    right: (I.right - g.right + x.right) / C.x
+    top: (h.top - I.top + C.top) / x.y,
+    bottom: (I.bottom - h.bottom + C.bottom) / x.y,
+    left: (h.left - I.left + C.left) / x.x,
+    right: (I.right - h.right + C.right) / x.x
   };
 }
 const Vo = (e) => ({
@@ -479,17 +481,17 @@ const Vo = (e) => ({
     } = Oe(e, o) || {};
     if (u == null)
       return {};
-    const m = xt(d), k = {
+    const m = Ct(d), k = {
       x: t,
       y: n
-    }, v = nt(l), x = ot(v), $ = await s.getDimensions(u), y = v === "y", g = y ? "top" : "left", h = y ? "bottom" : "right", w = y ? "clientHeight" : "clientWidth", C = i.reference[x] + i.reference[v] - k[v] - i.floating[x], I = k[v] - i.reference[v], N = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
+    }, g = nt(l), C = ot(g), $ = await s.getDimensions(u), y = g === "y", h = y ? "top" : "left", p = y ? "bottom" : "right", w = y ? "clientHeight" : "clientWidth", x = i.reference[C] + i.reference[g] - k[g] - i.floating[C], I = k[g] - i.reference[g], N = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
     let D = N ? N[w] : 0;
-    (!D || !await (s.isElement == null ? void 0 : s.isElement(N))) && (D = r.floating[w] || i.floating[x]);
-    const q = C / 2 - I / 2, H = D / 2 - $[x] / 2 - 1, F = Te(m[g], H), S = Te(m[h], H), M = F, W = D - $[x] - S, L = D / 2 - $[x] / 2 + q, ee = Ue(M, L, W), ce = !a.arrow && Le(l) != null && L !== ee && i.reference[x] / 2 - (L < M ? F : S) - $[x] / 2 < 0, ne = ce ? L < M ? L - M : L - W : 0;
+    (!D || !await (s.isElement == null ? void 0 : s.isElement(N))) && (D = r.floating[w] || i.floating[C]);
+    const q = x / 2 - I / 2, H = D / 2 - $[C] / 2 - 1, F = Te(m[h], H), S = Te(m[p], H), M = F, W = D - $[C] - S, L = D / 2 - $[C] / 2 + q, ee = Ue(M, L, W), ce = !a.arrow && Le(l) != null && L !== ee && i.reference[C] / 2 - (L < M ? F : S) - $[C] / 2 < 0, ne = ce ? L < M ? L - M : L - W : 0;
     return {
-      [v]: k[v] + ne,
+      [g]: k[g] + ne,
       data: {
-        [v]: ee,
+        [g]: ee,
         centerOffset: L - ee - ne,
         ...ce && {
           alignmentOffset: ne
@@ -498,7 +500,7 @@ const Vo = (e) => ({
       reset: ce
     };
   }
-}), _o = function(e) {
+}), Bo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -515,19 +517,19 @@ const Vo = (e) => ({
         mainAxis: d = !0,
         crossAxis: m = !0,
         fallbackPlacements: k,
-        fallbackStrategy: v = "bestFit",
-        fallbackAxisSideDirection: x = "none",
+        fallbackStrategy: g = "bestFit",
+        fallbackAxisSideDirection: C = "none",
         flipAlignment: $ = !0,
         ...y
       } = Oe(e, o);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const g = xe(l), h = we(r), w = xe(r) === r, C = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), I = k || (w || !$ ? [Fe(r)] : ko(r)), N = x !== "none";
-      !k && N && I.push(...So(r, $, x, C));
-      const D = [r, ...I], q = await Ct(o, y), H = [];
+      const h = Ce(l), p = we(r), w = Ce(r) === r, x = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), I = k || (w || !$ ? [Fe(r)] : ko(r)), N = C !== "none";
+      !k && N && I.push(...So(r, $, C, x));
+      const D = [r, ...I], q = await xt(o, y), H = [];
       let F = ((n = i.flip) == null ? void 0 : n.overflows) || [];
-      if (d && H.push(q[g]), m) {
-        const L = $o(l, s, C);
+      if (d && H.push(q[h]), m) {
+        const L = $o(l, s, x);
         H.push(q[L[0]], q[L[1]]);
       }
       if (F = [...F, {
@@ -536,9 +538,9 @@ const Vo = (e) => ({
       }], !H.every((L) => L <= 0)) {
         var S, M;
         const L = (((S = i.flip) == null ? void 0 : S.index) || 0) + 1, ee = D[L];
-        if (ee && (!(m === "alignment" ? h !== we(ee) : !1) || // We leave the current main axis only if every placement on that axis
+        if (ee && (!(m === "alignment" ? p !== we(ee) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        F.every((le) => le.overflows[0] > 0 && we(le.placement) === h)))
+        F.every((le) => le.overflows[0] > 0 && we(le.placement) === p)))
           return {
             data: {
               index: L,
@@ -550,13 +552,13 @@ const Vo = (e) => ({
           };
         let ce = (M = F.filter((ne) => ne.overflows[0] <= 0).sort((ne, le) => ne.overflows[1] - le.overflows[1])[0]) == null ? void 0 : M.placement;
         if (!ce)
-          switch (v) {
+          switch (g) {
             case "bestFit": {
               var W;
               const ne = (W = F.filter((le) => {
                 if (N) {
                   const he = we(le.placement);
-                  return he === h || // Create a bias to the `y` side axis due to horizontal
+                  return he === p || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   he === "y";
                 }
@@ -579,17 +581,17 @@ const Vo = (e) => ({
       return {};
     }
   };
-}, Bo = /* @__PURE__ */ new Set(["left", "top"]);
+}, _o = /* @__PURE__ */ new Set(["left", "top"]);
 async function Io(e, o) {
   const {
     placement: t,
     platform: n,
     elements: l
-  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = xe(t), r = Le(t), a = we(t) === "y", u = Bo.has(s) ? -1 : 1, d = i && a ? -1 : 1, m = Oe(o, e);
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = Ce(t), r = Le(t), a = we(t) === "y", u = _o.has(s) ? -1 : 1, d = i && a ? -1 : 1, m = Oe(o, e);
   let {
     mainAxis: k,
-    crossAxis: v,
-    alignmentAxis: x
+    crossAxis: g,
+    alignmentAxis: C
   } = typeof m == "number" ? {
     mainAxis: m,
     crossAxis: 0,
@@ -599,12 +601,12 @@ async function Io(e, o) {
     crossAxis: m.crossAxis || 0,
     alignmentAxis: m.alignmentAxis
   };
-  return r && typeof x == "number" && (v = r === "end" ? x * -1 : x), a ? {
-    x: v * d,
+  return r && typeof C == "number" && (g = r === "end" ? C * -1 : C), a ? {
+    x: g * d,
     y: k * u
   } : {
     x: k * u,
-    y: v * d
+    y: g * d
   };
 }
 const Mo = function(e) {
@@ -644,12 +646,12 @@ const Mo = function(e) {
         limiter: r = {
           fn: (y) => {
             let {
-              x: g,
-              y: h
+              x: h,
+              y: p
             } = y;
             return {
-              x: g,
-              y: h
+              x: h,
+              y: p
             };
           }
         },
@@ -657,20 +659,20 @@ const Mo = function(e) {
       } = Oe(e, o), u = {
         x: t,
         y: n
-      }, d = await Ct(o, a), m = we(xe(l)), k = kt(m);
-      let v = u[k], x = u[m];
+      }, d = await xt(o, a), m = we(Ce(l)), k = kt(m);
+      let g = u[k], C = u[m];
       if (i) {
-        const y = k === "y" ? "top" : "left", g = k === "y" ? "bottom" : "right", h = v + d[y], w = v - d[g];
-        v = Ue(h, v, w);
+        const y = k === "y" ? "top" : "left", h = k === "y" ? "bottom" : "right", p = g + d[y], w = g - d[h];
+        g = Ue(p, g, w);
       }
       if (s) {
-        const y = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", h = x + d[y], w = x - d[g];
-        x = Ue(h, x, w);
+        const y = m === "y" ? "top" : "left", h = m === "y" ? "bottom" : "right", p = C + d[y], w = C - d[h];
+        C = Ue(p, C, w);
       }
       const $ = r.fn({
         ...o,
-        [k]: v,
-        [m]: x
+        [k]: g,
+        [m]: C
       });
       return {
         ...$,
@@ -689,14 +691,14 @@ const Mo = function(e) {
 function Ne() {
   return typeof window < "u";
 }
-function _e(e) {
+function Be(e) {
   return Rt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function X(e) {
   var o;
   return (e == null || (o = e.ownerDocument) == null ? void 0 : o.defaultView) || window;
 }
-function pe(e) {
+function ve(e) {
   var o;
   return (o = (Rt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : o.documentElement;
 }
@@ -724,7 +726,7 @@ function Ee(e) {
 }
 const Lo = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function Eo(e) {
-  return Lo.has(_e(e));
+  return Lo.has(Be(e));
 }
 const zo = [":popover-open", ":modal"];
 function We(e) {
@@ -757,7 +759,7 @@ function st() {
 }
 const No = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function Ae(e) {
-  return No.has(_e(e));
+  return No.has(Be(e));
 }
 function ae(e) {
   return X(e).getComputedStyle(e);
@@ -772,14 +774,14 @@ function je(e) {
   };
 }
 function ye(e) {
-  if (_e(e) === "html")
+  if (Be(e) === "html")
     return e;
   const o = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
     dt(e) && e.host || // Fallback.
-    pe(e)
+    ve(e)
   );
   return dt(o) ? o.host : o;
 }
@@ -787,15 +789,15 @@ function St(e) {
   const o = ye(e);
   return Ae(o) ? e.ownerDocument ? e.ownerDocument.body : e.body : me(o) && Ee(o) ? o : St(o);
 }
-function Be(e, o, t) {
+function _e(e, o, t) {
   var n;
   o === void 0 && (o = []), t === void 0 && (t = !0);
   const l = St(e), i = l === ((n = e.ownerDocument) == null ? void 0 : n.body), s = X(l);
   if (i) {
     const r = Ke(s);
-    return o.concat(s, s.visualViewport || [], Ee(l) ? l : [], r && t ? Be(r) : []);
+    return o.concat(s, s.visualViewport || [], Ee(l) ? l : [], r && t ? _e(r) : []);
   }
-  return o.concat(l, Be(l, [], t));
+  return o.concat(l, _e(l, [], t));
 }
 function Ke(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
@@ -839,7 +841,7 @@ function At(e) {
 function jo(e, o, t) {
   return o === void 0 && (o = !1), !t || o && t !== X(e) ? !1 : o;
 }
-function Ce(e, o, t, n) {
+function xe(e, o, t, n) {
   o === void 0 && (o = !1), t === void 0 && (t = !1);
   const l = e.getBoundingClientRect(), i = it(e);
   let s = de(1);
@@ -847,11 +849,11 @@ function Ce(e, o, t, n) {
   const r = jo(i, t, n) ? At(i) : de(0);
   let a = (l.left + r.x) / s.x, u = (l.top + r.y) / s.y, d = l.width / s.x, m = l.height / s.y;
   if (i) {
-    const k = X(i), v = n && ie(n) ? X(n) : n;
-    let x = k, $ = Ke(x);
-    for (; $ && n && v !== x; ) {
-      const y = Re($), g = $.getBoundingClientRect(), h = ae($), w = g.left + ($.clientLeft + parseFloat(h.paddingLeft)) * y.x, C = g.top + ($.clientTop + parseFloat(h.paddingTop)) * y.y;
-      a *= y.x, u *= y.y, d *= y.x, m *= y.y, a += w, u += C, x = X($), $ = Ke(x);
+    const k = X(i), g = n && ie(n) ? X(n) : n;
+    let C = k, $ = Ke(C);
+    for (; $ && n && g !== C; ) {
+      const y = Re($), h = $.getBoundingClientRect(), p = ae($), w = h.left + ($.clientLeft + parseFloat(p.paddingLeft)) * y.x, x = h.top + ($.clientTop + parseFloat(p.paddingTop)) * y.y;
+      a *= y.x, u *= y.y, d *= y.x, m *= y.y, a += w, u += x, C = X($), $ = Ke(C);
     }
   }
   return Ge({
@@ -863,7 +865,7 @@ function Ce(e, o, t, n) {
 }
 function at(e, o) {
   const t = je(e).scrollLeft;
-  return o ? o.left + t : Ce(pe(e)).left + t;
+  return o ? o.left + t : xe(ve(e)).left + t;
 }
 function Vt(e, o, t) {
   t === void 0 && (t = !1);
@@ -883,7 +885,7 @@ function qo(e) {
     offsetParent: n,
     strategy: l
   } = e;
-  const i = l === "fixed", s = pe(n), r = o ? We(o.floating) : !1;
+  const i = l === "fixed", s = ve(n), r = o ? We(o.floating) : !1;
   if (n === s || r && i)
     return t;
   let a = {
@@ -891,9 +893,9 @@ function qo(e) {
     scrollTop: 0
   }, u = de(1);
   const d = de(0), m = me(n);
-  if ((m || !m && !i) && ((_e(n) !== "body" || Ee(s)) && (a = je(n)), me(n))) {
-    const v = Ce(n);
-    u = Re(n), d.x = v.x + n.clientLeft, d.y = v.y + n.clientTop;
+  if ((m || !m && !i) && ((Be(n) !== "body" || Ee(s)) && (a = je(n)), me(n))) {
+    const g = xe(n);
+    u = Re(n), d.x = g.x + n.clientLeft, d.y = g.y + n.clientTop;
   }
   const k = s && !m && !i ? Vt(s, a, !0) : de(0);
   return {
@@ -907,7 +909,7 @@ function Uo(e) {
   return Array.from(e.getClientRects());
 }
 function Yo(e) {
-  const o = pe(e), t = je(e), n = e.ownerDocument.body, l = $e(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), i = $e(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
+  const o = ve(e), t = je(e), n = e.ownerDocument.body, l = $e(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), i = $e(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
   let s = -t.scrollLeft + at(e);
   const r = -t.scrollTop;
   return ae(n).direction === "rtl" && (s += $e(o.clientWidth, n.clientWidth) - l), {
@@ -918,7 +920,7 @@ function Yo(e) {
   };
 }
 function Ko(e, o) {
-  const t = X(e), n = pe(e), l = t.visualViewport;
+  const t = X(e), n = ve(e), l = t.visualViewport;
   let i = n.clientWidth, s = n.clientHeight, r = 0, a = 0;
   if (l) {
     i = l.width, s = l.height;
@@ -934,7 +936,7 @@ function Ko(e, o) {
 }
 const Xo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function Zo(e, o) {
-  const t = Ce(e, !0, o === "fixed"), n = t.top + e.clientTop, l = t.left + e.clientLeft, i = me(e) ? Re(e) : de(1), s = e.clientWidth * i.x, r = e.clientHeight * i.y, a = l * i.x, u = n * i.y;
+  const t = xe(e, !0, o === "fixed"), n = t.top + e.clientTop, l = t.left + e.clientLeft, i = me(e) ? Re(e) : de(1), s = e.clientWidth * i.x, r = e.clientHeight * i.y, a = l * i.x, u = n * i.y;
   return {
     width: s,
     height: r,
@@ -947,7 +949,7 @@ function ft(e, o, t) {
   if (o === "viewport")
     n = Ko(e, t);
   else if (o === "document")
-    n = Yo(pe(e));
+    n = Yo(ve(e));
   else if (ie(o))
     n = Zo(o, t);
   else {
@@ -961,20 +963,20 @@ function ft(e, o, t) {
   }
   return Ge(n);
 }
-function _t(e, o) {
+function Bt(e, o) {
   const t = ye(e);
-  return t === o || !ie(t) || Ae(t) ? !1 : ae(t).position === "fixed" || _t(t, o);
+  return t === o || !ie(t) || Ae(t) ? !1 : ae(t).position === "fixed" || Bt(t, o);
 }
 function Jo(e, o) {
   const t = o.get(e);
   if (t)
     return t;
-  let n = Be(e, [], !1).filter((r) => ie(r) && _e(r) !== "body"), l = null;
+  let n = _e(e, [], !1).filter((r) => ie(r) && Be(r) !== "body"), l = null;
   const i = ae(e).position === "fixed";
   let s = i ? ye(e) : e;
   for (; ie(s) && !Ae(s); ) {
     const r = ae(s), a = lt(s);
-    !a && r.position === "fixed" && (l = null), (i ? !a && !l : !a && r.position === "static" && !!l && Xo.has(l.position) || Ee(s) && !a && _t(e, s)) ? n = n.filter((d) => d !== s) : l = r, s = ye(s);
+    !a && r.position === "fixed" && (l = null), (i ? !a && !l : !a && r.position === "static" && !!l && Xo.has(l.position) || Ee(s) && !a && Bt(e, s)) ? n = n.filter((d) => d !== s) : l = r, s = ye(s);
   }
   return o.set(e, n), n;
 }
@@ -1007,7 +1009,7 @@ function en(e) {
   };
 }
 function tn(e, o, t) {
-  const n = me(o), l = pe(o), i = t === "fixed", s = Ce(e, !0, i, o);
+  const n = me(o), l = ve(o), i = t === "fixed", s = xe(e, !0, i, o);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
@@ -1017,9 +1019,9 @@ function tn(e, o, t) {
     a.x = at(l);
   }
   if (n || !n && !i)
-    if ((_e(o) !== "body" || Ee(l)) && (r = je(o)), n) {
-      const v = Ce(o, !0, i, o);
-      a.x = v.x + o.clientLeft, a.y = v.y + o.clientTop;
+    if ((Be(o) !== "body" || Ee(l)) && (r = je(o)), n) {
+      const g = xe(o, !0, i, o);
+      a.x = g.x + o.clientLeft, a.y = g.y + o.clientTop;
     } else l && u();
   i && !n && l && u();
   const d = l && !n && !i ? Vt(l, r) : de(0), m = s.left + r.scrollLeft - a.x - d.x, k = s.top + r.scrollTop - a.y - d.y;
@@ -1039,9 +1041,9 @@ function mt(e, o) {
   if (o)
     return o(e);
   let t = e.offsetParent;
-  return pe(e) === t && (t = t.ownerDocument.body), t;
+  return ve(e) === t && (t = t.ownerDocument.body), t;
 }
-function Bt(e, o) {
+function _t(e, o) {
   const t = X(e);
   if (We(e))
     return t;
@@ -1060,7 +1062,7 @@ function Bt(e, o) {
   return n && Ae(n) && qe(n) && !lt(n) ? t : n || Go(e) || t;
 }
 const on = async function(e) {
-  const o = this.getOffsetParent || Bt, t = this.getDimensions, n = await t(e.floating);
+  const o = this.getOffsetParent || _t, t = this.getDimensions, n = await t(e.floating);
   return {
     reference: tn(e.reference, await o(e.floating), e.strategy),
     floating: {
@@ -1076,9 +1078,9 @@ function nn(e) {
 }
 const ln = {
   convertOffsetParentRelativeRectToViewportRelativeRect: qo,
-  getDocumentElement: pe,
+  getDocumentElement: ve,
   getClippingRect: Qo,
-  getOffsetParent: Bt,
+  getOffsetParent: _t,
   getElementRects: on,
   getClientRects: Uo,
   getDimensions: en,
@@ -1091,7 +1093,7 @@ function It(e, o) {
 }
 function sn(e, o) {
   let t = null, n;
-  const l = pe(e);
+  const l = ve(e);
   function i() {
     var r;
     clearTimeout(n), (r = t) == null || r.disconnect(), t = null;
@@ -1102,25 +1104,25 @@ function sn(e, o) {
       left: d,
       top: m,
       width: k,
-      height: v
+      height: g
     } = u;
-    if (r || o(), !k || !v)
+    if (r || o(), !k || !g)
       return;
-    const x = ze(m), $ = ze(l.clientWidth - (d + k)), y = ze(l.clientHeight - (m + v)), g = ze(d), w = {
-      rootMargin: -x + "px " + -$ + "px " + -y + "px " + -g + "px",
+    const C = ze(m), $ = ze(l.clientWidth - (d + k)), y = ze(l.clientHeight - (m + g)), h = ze(d), w = {
+      rootMargin: -C + "px " + -$ + "px " + -y + "px " + -h + "px",
       threshold: $e(0, Te(1, a)) || 1
     };
-    let C = !0;
+    let x = !0;
     function I(N) {
       const D = N[0].intersectionRatio;
       if (D !== a) {
-        if (!C)
+        if (!x)
           return s();
         D ? s(!1, D) : n = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      D === 1 && !It(u, e.getBoundingClientRect()) && s(), C = !1;
+      D === 1 && !It(u, e.getBoundingClientRect()) && s(), x = !1;
     }
     try {
       t = new IntersectionObserver(I, {
@@ -1143,35 +1145,35 @@ function an(e, o, t, n) {
     elementResize: s = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: a = !1
-  } = n, u = it(e), d = l || i ? [...u ? Be(u) : [], ...Be(o)] : [];
-  d.forEach((g) => {
-    l && g.addEventListener("scroll", t, {
+  } = n, u = it(e), d = l || i ? [...u ? _e(u) : [], ..._e(o)] : [];
+  d.forEach((h) => {
+    l && h.addEventListener("scroll", t, {
       passive: !0
-    }), i && g.addEventListener("resize", t);
+    }), i && h.addEventListener("resize", t);
   });
   const m = u && r ? sn(u, t) : null;
-  let k = -1, v = null;
-  s && (v = new ResizeObserver((g) => {
-    let [h] = g;
-    h && h.target === u && v && (v.unobserve(o), cancelAnimationFrame(k), k = requestAnimationFrame(() => {
+  let k = -1, g = null;
+  s && (g = new ResizeObserver((h) => {
+    let [p] = h;
+    p && p.target === u && g && (g.unobserve(o), cancelAnimationFrame(k), k = requestAnimationFrame(() => {
       var w;
-      (w = v) == null || w.observe(o);
+      (w = g) == null || w.observe(o);
     })), t();
-  }), u && !a && v.observe(u), v.observe(o));
-  let x, $ = a ? Ce(e) : null;
+  }), u && !a && g.observe(u), g.observe(o));
+  let C, $ = a ? xe(e) : null;
   a && y();
   function y() {
-    const g = Ce(e);
-    $ && !It($, g) && t(), $ = g, x = requestAnimationFrame(y);
+    const h = xe(e);
+    $ && !It($, h) && t(), $ = h, C = requestAnimationFrame(y);
   }
   return t(), () => {
-    var g;
-    d.forEach((h) => {
-      l && h.removeEventListener("scroll", t), i && h.removeEventListener("resize", t);
-    }), m?.(), (g = v) == null || g.disconnect(), v = null, a && cancelAnimationFrame(x);
+    var h;
+    d.forEach((p) => {
+      l && p.removeEventListener("scroll", t), i && p.removeEventListener("resize", t);
+    }), m?.(), (h = g) == null || h.disconnect(), g = null, a && cancelAnimationFrame(C);
   };
 }
-const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
+const rn = Mo, un = Po, cn = Bo, dn = Vo, fn = (e, o, t) => {
   const n = /* @__PURE__ */ new Map(), l = {
     platform: ln,
     ...t
@@ -1183,10 +1185,10 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
     ...l,
     platform: i
   });
-}, mn = { class: "popover-wrapper" }, pn = {
+}, mn = { class: "popover-wrapper" }, vn = {
   key: 0,
   class: "popover__content"
-}, vn = /* @__PURE__ */ T({
+}, pn = /* @__PURE__ */ T({
   __name: "Popover",
   props: {
     placement: { default: "bottom" },
@@ -1202,19 +1204,19 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
   setup(e, { emit: o }) {
     const t = e, n = o, l = V(), i = V(), s = V(!1), r = V("bottom"), a = V({}), u = V({});
     let d = null, m = null;
-    const k = R(() => t.trigger === "hover"), v = async () => {
+    const k = R(() => t.trigger === "hover"), g = async () => {
       t.disabled || (m && (clearTimeout(m), m = null), s.value = !0, n("show"), await Se(), await y());
-    }, x = () => {
+    }, C = () => {
       k.value && m && clearTimeout(m);
       const w = k.value ? t.hoverDelay : 0;
       m = setTimeout(() => {
         s.value = !1, n("hide"), d && (d(), d = null);
       }, w);
     }, $ = () => {
-      t.trigger === "click" && (s.value ? x() : v());
+      t.trigger === "click" && (s.value ? C() : g());
     }, y = async () => {
       if (!l.value || !i.value) return;
-      const w = i.value.querySelector(".popover__arrow"), { x: C, y: I, placement: N, middlewareData: D } = await fn(
+      const w = i.value.querySelector(".popover__arrow"), { x, y: I, placement: N, middlewareData: D } = await fn(
         l.value,
         i.value,
         {
@@ -1230,7 +1232,7 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
       if (r.value = N, a.value = {
         position: "absolute",
         top: `${I}px`,
-        left: `${C}px`,
+        left: `${x}px`,
         zIndex: 1e3
       }, t.showArrow && D.arrow) {
         const { x: q, y: H } = D.arrow, F = N.split("-")[0], S = {
@@ -1247,43 +1249,43 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
           [S]: "-10px"
         };
       }
-    }, g = (w) => {
-      l.value && i.value && !l.value.contains(w.target) && !i.value.contains(w.target) && x();
+    }, h = (w) => {
+      l.value && i.value && !l.value.contains(w.target) && !i.value.contains(w.target) && C();
     };
     Q(() => {
-      document.addEventListener("click", g);
+      document.addEventListener("click", h);
     }), Ie(() => {
-      document.removeEventListener("click", g), d && d(), m && clearTimeout(m);
+      document.removeEventListener("click", h), d && d(), m && clearTimeout(m);
     });
-    const h = () => {
+    const p = () => {
       l.value && i.value && (d = an(l.value, i.value, y));
     };
     return oe(s, (w) => {
-      w ? Se(h) : d && (d(), d = null);
-    }), (w, C) => (c(), f("div", mn, [
+      w ? Se(p) : d && (d(), d = null);
+    }), (w, x) => (c(), f("div", mn, [
       b("div", {
         ref_key: "triggerRef",
         ref: l,
         class: "popover-trigger",
         onClick: $,
-        onMouseenter: C[0] || (C[0] = (I) => w.trigger === "hover" ? v() : null),
-        onMouseleave: C[1] || (C[1] = (I) => w.trigger === "hover" ? x() : null)
+        onMouseenter: x[0] || (x[0] = (I) => w.trigger === "hover" ? g() : null),
+        onMouseleave: x[1] || (x[1] = (I) => w.trigger === "hover" ? C() : null)
       }, [
         E(w.$slots, "trigger")
       ], 544),
-      (c(), B(Me, { to: "body" }, [
+      (c(), _(Me, { to: "body" }, [
         O(Pe, { name: "popover-fade" }, {
           default: j(() => [
             s.value ? (c(), f("div", {
               key: 0,
               ref_key: "popoverRef",
               ref: i,
-              class: _(["popover", [`popover--${r.value}`, w.popoverClass, `popover--${w.size}`]]),
+              class: B(["popover", [`popover--${r.value}`, w.popoverClass, `popover--${w.size}`]]),
               style: J(a.value),
-              onMouseenter: C[2] || (C[2] = (I) => w.trigger === "hover" ? v() : null),
-              onMouseleave: C[3] || (C[3] = (I) => w.trigger === "hover" ? x() : null)
+              onMouseenter: x[2] || (x[2] = (I) => w.trigger === "hover" ? g() : null),
+              onMouseleave: x[3] || (x[3] = (I) => w.trigger === "hover" ? C() : null)
             }, [
-              w.$slots.content ? A("", !0) : (c(), f("div", pn, [
+              w.$slots.content ? A("", !0) : (c(), f("div", vn, [
                 E(w.$slots, "default")
               ])),
               E(w.$slots, "content"),
@@ -1305,7 +1307,7 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
     description: {}
   },
   setup(e) {
-    return (o, t) => (c(), B(p(vn), {
+    return (o, t) => (c(), _(v(pn), {
       size: "small",
       trigger: "hover",
       placement: "top-start",
@@ -1313,7 +1315,7 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
     }, {
       trigger: j(() => [
         b("div", gn, [
-          O(p(Je))
+          O(v(Je))
         ])
       ]),
       default: j(() => [
@@ -1325,10 +1327,10 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
 }), yn = /* @__PURE__ */ ue(wn, [["__scopeId", "data-v-4c82d240"]]), bn = { class: "table-header__row" }, $n = { class: "table-header__cell-body" }, kn = {
   key: 1,
   class: "table-header__cell-title"
-}, xn = {
+}, Cn = {
   key: 3,
   class: "table-header__cell-actions"
-}, Cn = /* @__PURE__ */ T({
+}, xn = /* @__PURE__ */ T({
   __name: "TableHeader",
   props: {
     columns: {},
@@ -1350,29 +1352,29 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
       width: s.selectionMode ? "30px" : s.style?.width ? s.style?.width : "auto"
     });
     return (s, r) => (c(), f("thead", {
-      class: _(n.value)
+      class: B(n.value)
     }, [
       b("tr", bn, [
-        (c(!0), f(U, null, ve(s.columns, (a, u) => (c(), f("th", {
-          class: _(l(a)),
+        (c(!0), f(U, null, pe(s.columns, (a, u) => (c(), f("th", {
+          class: B(l(a)),
           key: u,
           style: J(i(a))
         }, [
           b("div", $n, [
-            a.selectionMode && a.selectionMode === "multiple" ? (c(), B(p(tt), {
+            a.selectionMode && a.selectionMode === "multiple" ? (c(), _(v(tt), {
               key: 0,
               size: "small",
               checked: s.isSelectedAll,
               onChange: r[0] || (r[0] = (d) => t("selectAllRow"))
             }, null, 8, ["checked"])) : A("", !0),
             a.header ? (c(), f("span", kn, P(a.header), 1)) : A("", !0),
-            a.description ? (c(), B(yn, {
+            a.description ? (c(), _(yn, {
               key: 2,
               description: a.description,
               class: "table-header__cell-description"
             }, null, 8, ["description"])) : A("", !0),
-            a.field && s.sortField && s.sortField.includes(a.field) ? (c(), f("div", xn, [
-              a.field ? (c(), B(ho, {
+            a.field && s.sortField && s.sortField.includes(a.field) ? (c(), f("div", Cn, [
+              a.field ? (c(), _(ho, {
                 key: 0,
                 field: a.field,
                 onUpdateSort: r[1] || (r[1] = (d) => t("update:sort", d))
@@ -1383,7 +1385,7 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
       ])
     ], 2));
   }
-}), Rn = /* @__PURE__ */ ue(Cn, [["__scopeId", "data-v-a5d198fa"]]), Sn = ["rowspan"], Tn = { key: 1 }, An = /* @__PURE__ */ T({
+}), Rn = /* @__PURE__ */ ue(xn, [["__scopeId", "data-v-a5d198fa"]]), Sn = ["rowspan"], Tn = { key: 1 }, An = /* @__PURE__ */ T({
   __name: "TableCell",
   props: {
     column: {},
@@ -1410,7 +1412,7 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
     ]), s = () => e.column.field ? e.item[e.column.field] : "";
     return (r, a) => r.rowspan > 0 || !r.rowGroupMode ? (c(), f("td", {
       key: 0,
-      class: _(i.value),
+      class: B(i.value),
       rowspan: r.rowspan > 1 ? r.rowspan : void 0
     }, [
       r.column.field === "_expander" && r.item._isFirstInGroup ? (c(), f("button", {
@@ -1418,21 +1420,21 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
         class: "table-cell__expander",
         onClick: a[0] || (a[0] = (u) => t("toggleGroup", r.item._groupValue))
       }, [
-        O(p(jt), {
-          class: _({ rotated: !l.value })
+        O(v(jt), {
+          class: B({ rotated: !l.value })
         }, null, 8, ["class"])
       ])) : A("", !0),
-      r.column.selectionMode && r.column.selectionMode === "multiple" ? (c(), B(p(tt), {
+      r.column.selectionMode && r.column.selectionMode === "multiple" ? (c(), _(v(tt), {
         key: 1,
         size: "small",
         checked: n.value,
         onChange: a[1] || (a[1] = (u) => t("toggleRow"))
-      }, null, 8, ["checked"])) : r.column.selectionMode && r.column.selectionMode === "single" ? (c(), B(p(Mt), {
+      }, null, 8, ["checked"])) : r.column.selectionMode && r.column.selectionMode === "single" ? (c(), _(v(Mt), {
         key: 2,
         size: "small",
         onChange: a[2] || (a[2] = (u) => t("toggleRow"))
       })) : (c(), f(U, { key: 3 }, [
-        r.column.bodySlot ? (c(), B(fe(r.column.bodySlot), {
+        r.column.bodySlot ? (c(), _(fe(r.column.bodySlot), {
           key: 0,
           data: r.item,
           field: r.column.field,
@@ -1442,7 +1444,7 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
       ], 64))
     ], 10, Sn)) : A("", !0);
   }
-}), Vn = /* @__PURE__ */ ue(An, [["__scopeId", "data-v-56352b99"]]), _n = /* @__PURE__ */ T({
+}), Vn = /* @__PURE__ */ ue(An, [["__scopeId", "data-v-56352b99"]]), Bn = /* @__PURE__ */ T({
   __name: "TableRow",
   props: {
     rowIndex: {},
@@ -1452,16 +1454,17 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
     size: {},
     rowGroupMode: {},
     groupRowsBy: {},
-    collapsedGroups: {}
+    collapsedGroups: {},
+    colorHovered: { type: Boolean }
   },
   emits: ["rowClickHandler", "toggleRow", "toggleGroup"],
   setup(e, { emit: o }) {
     const t = o, n = (l) => l.field === "_expander" && e.rowGroupMode === "rowspan" ? e.item._isFirstInGroup ? e.collapsedGroups.has(e.item._groupValue) ? 1 : e.item._groupRowSpan || 1 : 0 : e.rowGroupMode === "rowspan" && e.groupRowsBy && l.field === e.groupRowsBy && e.item._isFirstInGroup ? e.collapsedGroups.has(e.item._groupValue) ? 1 : e.item._groupRowSpan || 1 : e.rowGroupMode === "rowspan" && e.groupRowsBy && l.field === e.groupRowsBy && !e.item._isFirstInGroup ? 0 : 1;
     return (l, i) => (c(), f("tr", {
-      class: "table-row",
+      class: B(["table-row", { "table-row--hovered-color": l.colorHovered }]),
       onClick: i[2] || (i[2] = (s) => t("rowClickHandler", { data: l.item, index: l.rowIndex }))
     }, [
-      (c(!0), f(U, null, ve(l.columns, (s) => (c(), B(Vn, {
+      (c(!0), f(U, null, pe(l.columns, (s) => (c(), _(Vn, {
         key: s.field || s.header,
         column: s,
         item: l.item,
@@ -1475,9 +1478,9 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
         onToggleRow: i[0] || (i[0] = (r) => t("toggleRow", l.item)),
         onToggleGroup: i[1] || (i[1] = (r) => t("toggleGroup", r))
       }, null, 8, ["column", "item", "index", "selectedRows", "size", "rowspan", "rowGroupMode", "groupRowsBy", "collapsedGroups"]))), 128))
-    ]));
+    ], 2));
   }
-}), Bn = /* @__PURE__ */ ue(_n, [["__scopeId", "data-v-d61b31bf"]]), In = { class: "table-body" }, Mn = /* @__PURE__ */ T({
+}), _n = /* @__PURE__ */ ue(Bn, [["__scopeId", "data-v-e25cae09"]]), In = { class: "table-body" }, Mn = /* @__PURE__ */ T({
   __name: "TableBody",
   props: {
     columns: {},
@@ -1486,13 +1489,14 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
     size: {},
     rowGroupMode: {},
     groupRowsBy: {},
-    collapsedGroups: {}
+    collapsedGroups: {},
+    colorHovered: { type: Boolean }
   },
   emits: ["rowClickHandler", "toggleRow", "toggleGroup"],
   setup(e, { emit: o }) {
     const t = o, n = (l, i) => l.id ? `row-${l.id}` : `row-${i}`;
     return (l, i) => (c(), f("tbody", In, [
-      (c(!0), f(U, null, ve(l.data, (s, r) => (c(), B(Bn, {
+      (c(!0), f(U, null, pe(l.data, (s, r) => (c(), _(_n, {
         key: n(s, r),
         rowIndex: r,
         item: s,
@@ -1502,10 +1506,11 @@ const rn = Mo, un = Po, cn = _o, dn = Vo, fn = (e, o, t) => {
         rowGroupMode: l.rowGroupMode,
         groupRowsBy: l.groupRowsBy,
         collapsedGroups: l.collapsedGroups,
+        colorHovered: l.colorHovered,
         onRowClickHandler: i[0] || (i[0] = (a) => t("rowClickHandler", a)),
         onToggleRow: i[1] || (i[1] = (a) => t("toggleRow", a)),
         onToggleGroup: i[2] || (i[2] = (a) => t("toggleGroup", a))
-      }, null, 8, ["rowIndex", "item", "columns", "selectedRows", "size", "rowGroupMode", "groupRowsBy", "collapsedGroups"]))), 128))
+      }, null, 8, ["rowIndex", "item", "columns", "selectedRows", "size", "rowGroupMode", "groupRowsBy", "collapsedGroups", "colorHovered"]))), 128))
     ]));
   }
 }), Pn = {}, On = { class: "table-footer" };
@@ -1580,60 +1585,62 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
     rowGroupMode: {},
     groupRowsBy: {},
     sortField: {},
-    sortMode: {}
+    sortMode: {},
+    rowColorHovered: { type: Boolean }
   },
   emits: ["update:selectedRows", "rowClickHandler"],
   setup(e, { emit: o }) {
-    const t = o, n = R(() => e.rowGroupMode), l = R(() => e.groupRowsBy), { dataWithGroup: i } = Hn(n, l), { columns: s, options: r } = zn(n), a = R(() => r.value.selectedMode), { selectedRows: u, isSelectedAll: d, toggleSelectRow: m, toggleSelectedAll: k } = Dn(a, e.data), v = V(null), x = R(() => {
-      let h = [...e.data];
-      if (v.value) {
-        const { field: C, order: I } = v.value;
-        h.sort((N, D) => {
-          const q = N[C], H = D[C];
+    const t = o, n = R(() => e.rowGroupMode), l = R(() => e.groupRowsBy), { dataWithGroup: i } = Hn(n, l), { columns: s, options: r } = zn(n), a = R(() => r.value.selectedMode), { selectedRows: u, isSelectedAll: d, toggleSelectRow: m, toggleSelectedAll: k } = Dn(a, e.data), g = V(null), C = R(() => {
+      let p = [...e.data];
+      if (g.value) {
+        const { field: x, order: I } = g.value;
+        p.sort((N, D) => {
+          const q = N[x], H = D[x];
           return q === H ? 0 : I === 1 ? q > H ? 1 : -1 : q < H ? 1 : -1;
         });
       }
-      const w = i(h);
-      return e.rowGroupMode === "rowspan" && e.groupRowsBy ? w.filter((C) => y.value.has(C._groupValue) ? C._isFirstInGroup : !0) : w;
+      const w = i(p);
+      return e.rowGroupMode === "rowspan" && e.groupRowsBy ? w.filter((x) => y.value.has(x._groupValue) ? x._isFirstInGroup : !0) : w;
     }), $ = R(() => [
       "table",
       {
         [`table--theme-${e.theme}`]: e.theme
       }
-    ]), y = V(/* @__PURE__ */ new Set()), g = (h) => {
-      y.value.has(h) ? y.value.delete(h) : y.value.add(h);
+    ]), y = V(/* @__PURE__ */ new Set()), h = (p) => {
+      y.value.has(p) ? y.value.delete(p) : y.value.add(p);
     };
-    return oe(u, (h) => {
-      t("update:selectedRows", h);
-    }), (h, w) => (c(), f("table", {
-      class: _($.value)
+    return oe(u, (p) => {
+      t("update:selectedRows", p);
+    }), (p, w) => (c(), f("table", {
+      class: B($.value)
     }, [
-      E(h.$slots, "default", {}, void 0, !0),
+      E(p.$slots, "default", {}, void 0, !0),
       O(Rn, {
-        size: h.size,
-        columns: p(s),
-        isSelectedAll: p(d),
-        sortMode: h.sortMode,
-        sortField: h.sortField,
-        onSelectAllRow: p(k),
-        "onUpdate:sort": w[0] || (w[0] = (C) => v.value = C)
+        size: p.size,
+        columns: v(s),
+        isSelectedAll: v(d),
+        sortMode: p.sortMode,
+        sortField: p.sortField,
+        onSelectAllRow: v(k),
+        "onUpdate:sort": w[0] || (w[0] = (x) => g.value = x)
       }, null, 8, ["size", "columns", "isSelectedAll", "sortMode", "sortField", "onSelectAllRow"]),
       O(Mn, {
-        size: h.size,
-        selectedRows: p(u),
-        columns: p(s),
-        data: x.value,
-        rowGroupMode: h.rowGroupMode,
-        groupRowsBy: h.groupRowsBy,
+        size: p.size,
+        selectedRows: v(u),
+        columns: v(s),
+        data: C.value,
+        rowGroupMode: p.rowGroupMode,
+        groupRowsBy: p.groupRowsBy,
         collapsedGroups: y.value,
-        onRowClickHandler: w[1] || (w[1] = (C) => t("rowClickHandler", C)),
-        onToggleRow: w[2] || (w[2] = (C) => p(m)(C)),
-        onToggleGroup: w[3] || (w[3] = (C) => g(C))
-      }, null, 8, ["size", "selectedRows", "columns", "data", "rowGroupMode", "groupRowsBy", "collapsedGroups"]),
+        colorHovered: p.rowColorHovered,
+        onRowClickHandler: w[1] || (w[1] = (x) => t("rowClickHandler", x)),
+        onToggleRow: w[2] || (w[2] = (x) => v(m)(x)),
+        onToggleGroup: w[3] || (w[3] = (x) => h(x))
+      }, null, 8, ["size", "selectedRows", "columns", "data", "rowGroupMode", "groupRowsBy", "collapsedGroups", "colorHovered"]),
       O(En)
     ], 2));
   }
-}), ds = /* @__PURE__ */ ue(Fn, [["__scopeId", "data-v-e89998ae"]]), fs = /* @__PURE__ */ T({
+}), ms = /* @__PURE__ */ ue(Fn, [["__scopeId", "data-v-1eb29c40"]]), vs = /* @__PURE__ */ T({
   __name: "Column",
   props: {
     field: {},
@@ -1646,7 +1653,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
     selectionMode: {}
   },
   setup(e) {
-    const o = e, t = vt(), n = K("registerColumn"), l = {
+    const o = e, t = pt(), n = K("registerColumn"), l = {
       header: o.header,
       field: o.field,
       description: o.description,
@@ -1687,12 +1694,12 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
         const W = r.value.get(M) || t.estimatedItemHeight;
         S += W;
       }
-    }, m = (S) => a.value.get(S) || S * t.estimatedItemHeight, k = (S) => r.value.get(S) || t.estimatedItemHeight, v = R(() => {
+    }, m = (S) => a.value.get(S) || S * t.estimatedItemHeight, k = (S) => r.value.get(S) || t.estimatedItemHeight, g = R(() => {
       if (a.value.size === 0)
         return t.items.length * t.estimatedItemHeight;
       const S = t.items.length - 1;
       return m(S) + k(S);
-    }), x = (S) => {
+    }), C = (S) => {
       let M = 0, W = t.items.length - 1;
       for (; M <= W; ) {
         const L = Math.floor((M + W) / 2);
@@ -1701,19 +1708,19 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       return Math.max(0, W - t.buffer);
     }, $ = (S, M) => {
       const W = S + M;
-      let L = x(S);
+      let L = C(S);
       for (; L < t.items.length && !(m(L) > W); )
         L++;
       return Math.min(t.items.length - 1, L + t.buffer);
-    }, y = R(() => x(i.value)), g = R(() => $(i.value, s.value)), h = R(() => {
+    }, y = R(() => C(i.value)), h = R(() => $(i.value, s.value)), p = R(() => {
       const S = [];
-      for (let M = y.value; M <= g.value; M++)
+      for (let M = y.value; M <= h.value; M++)
         t.items[M] && S.push({
           data: t.items[M],
           index: M
         });
       return S;
-    }), w = R(() => m(y.value)), C = (S) => S.data[t.keyField] ?? S.index, I = (S) => {
+    }), w = R(() => m(y.value)), x = (S) => S.data[t.keyField] ?? S.index, I = (S) => {
       const M = S.target;
       i.value = M.scrollTop;
     }, N = () => {
@@ -1726,7 +1733,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       }), D.observe(n.value));
     }), Ie(() => {
       D && D.disconnect();
-    }), oe(h, () => {
+    }), oe(p, () => {
       u();
     }, { flush: "post" }), oe(() => t.items, () => {
       r.value.clear(), a.value.clear(), d();
@@ -1740,7 +1747,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
         n.value && (n.value.scrollTop = 0);
       },
       scrollToBottom: () => {
-        n.value && (n.value.scrollTop = v.value);
+        n.value && (n.value.scrollTop = g.value);
       },
       updateItemHeights: u
     }), (S, M) => (c(), f("div", {
@@ -1751,14 +1758,14 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
     }, [
       b("div", {
         class: "virtual-scroll__spacer",
-        style: J({ height: `${v.value}px` })
+        style: J({ height: `${g.value}px` })
       }, [
         b("div", {
           class: "virtual-scroll__content",
           style: J({ transform: `translateY(${w.value}px)`, gap: `${S.gap}px` })
         }, [
-          (c(!0), f(U, null, ve(h.value, (W) => (c(), f("div", {
-            key: C(W),
+          (c(!0), f(U, null, pe(p.value, (W) => (c(), f("div", {
+            key: x(W),
             ref_for: !0,
             ref_key: "itemRefs",
             ref: l,
@@ -1773,7 +1780,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       ], 4)
     ], 544));
   }
-}), ms = /* @__PURE__ */ ue(Gn, [["__scopeId", "data-v-01038963"]]), Nn = { class: "chip-checkbox" }, Wn = ["name", "id", "value"], jn = { class: "chip-checkbox__text" }, ps = /* @__PURE__ */ T({
+}), ps = /* @__PURE__ */ ue(Gn, [["__scopeId", "data-v-01038963"]]), Nn = { class: "chip-checkbox" }, Wn = ["name", "id", "value"], jn = { class: "chip-checkbox__text" }, gs = /* @__PURE__ */ T({
   __name: "ChipCheckbox",
   props: /* @__PURE__ */ Y({
     value: {},
@@ -1790,8 +1797,8 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       ge(b("input", {
         "onUpdate:modelValue": l[0] || (l[0] = (i) => o.value = i),
         type: "checkbox",
-        name: p(t),
-        id: p(t),
+        name: v(t),
+        id: v(t),
         value: n.value
       }, null, 8, Wn), [
         [Xe, o.value]
@@ -1827,13 +1834,13 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
   setup(e, { emit: o }) {
     const t = re(e, "modelValue"), n = Ve(), l = o, i = R(() => ["radio", `radio--${e.size}`]);
     return (s, r) => (c(), f("div", {
-      class: _(i.value)
+      class: B(i.value)
     }, [
       ge(b("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
         type: "radio",
         name: "radio",
-        id: p(n),
+        id: v(n),
         class: "radio__input",
         value: s.value,
         disabled: s.disabled,
@@ -1845,7 +1852,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
         b("div", { class: "radio__thumb" })
       ], -1)),
       b("label", {
-        for: p(n),
+        for: v(n),
         class: "radio__label"
       }, [
         s.label ? (c(), f(U, { key: 0 }, [
@@ -1881,11 +1888,11 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       }
     ]);
     return (l, i) => (c(), f("div", {
-      class: _(n.value)
+      class: B(n.value)
     }, [
       b("div", Yn, [
         l.icon ? (c(), f("div", Kn, [
-          (c(), B(fe(l.icon)))
+          (c(), _(fe(l.icon)))
         ])) : A("", !0),
         b("div", Xn, [
           E(l.$slots, "default")
@@ -1896,7 +1903,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
         class: "tag__remove",
         onClick: i[0] || (i[0] = Ze((s) => t("remove"), ["stop"]))
       }, [
-        O(p(Qe))
+        O(v(Qe))
       ])) : A("", !0)
     ], 2));
   }
@@ -1935,11 +1942,11 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       }
     ]), r = R(() => e.type === "password" ? i.value ? "text" : "password" : e.type);
     return (a, u) => (c(), f("div", {
-      class: _(s.value)
+      class: B(s.value)
     }, [
       a.label ? (c(), f("label", {
         key: 0,
-        for: a.inputId ?? p(l),
+        for: a.inputId ?? v(l),
         class: "input__label"
       }, [
         a.required ? (c(), f("sup", Qn, "*")) : A("", !0),
@@ -1948,7 +1955,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       b("div", el, [
         ge(b("input", {
           "onUpdate:modelValue": u[0] || (u[0] = (d) => n.value = d),
-          id: a.inputId ?? p(l),
+          id: a.inputId ?? v(l),
           placeholder: a.placeholder,
           name: a.name,
           class: "input__field",
@@ -1967,14 +1974,14 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
             class: "input__clear",
             onClick: u[4] || (u[4] = (d) => n.value = "")
           }, [
-            O(p(Qe))
+            O(v(Qe))
           ])) : A("", !0),
           a.type === "password" ? (c(), f("button", {
             key: 1,
             class: "input__eye",
             onClick: u[5] || (u[5] = (d) => i.value = !i.value)
           }, [
-            i.value ? (c(), B(p(qt), { key: 0 })) : (c(), B(p(Ut), { key: 1 }))
+            i.value ? (c(), _(v(to), { key: 0 })) : (c(), _(v(qt), { key: 1 }))
           ])) : A("", !0)
         ])
       ]),
@@ -1997,9 +2004,9 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       }
     ]);
     return (t, n) => (c(), f("div", {
-      class: _(o.value)
+      class: B(o.value)
     }, [
-      (c(), B(fe(t.icon), { class: "icon-field__icon" })),
+      (c(), _(fe(t.icon), { class: "icon-field__icon" })),
       b("div", ll, [
         E(t.$slots, "default")
       ])
@@ -2021,7 +2028,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       `spinner--${e.size}`
     ]);
     return (l, i) => (c(), f("div", {
-      class: _(n.value),
+      class: B(n.value),
       "aria-label": "Loading",
       style: J(t.value)
     }, i[0] || (i[0] = [
@@ -2029,7 +2036,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
     ]), 6));
   }
 }), al = {
-  class: /* @__PURE__ */ _(["dropdown-option"])
+  class: /* @__PURE__ */ B(["dropdown-option"])
 }, rl = /* @__PURE__ */ T({
   __name: "DropdownOption",
   props: /* @__PURE__ */ Y({
@@ -2043,7 +2050,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
   setup(e) {
     const o = re(e, "modelValue");
     return (t, n) => (c(), f("div", al, [
-      t.multiple ? (c(), B(p(tt), {
+      t.multiple ? (c(), _(v(tt), {
         key: 0,
         modelValue: o.value,
         "onUpdate:modelValue": n[0] || (n[0] = (l) => o.value = l),
@@ -2058,7 +2065,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
           ], 64))
         ]),
         _: 3
-      }, 8, ["modelValue", "value"])) : (c(), B(p(Mt), {
+      }, 8, ["modelValue", "value"])) : (c(), _(v(Mt), {
         key: 1,
         modelValue: o.value,
         "onUpdate:modelValue": n[1] || (n[1] = (l) => o.value = l),
@@ -2088,13 +2095,13 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
 }, fl = { class: "dropdown__popover-wrapper" }, ml = {
   key: 0,
   class: "dropdown__popover-search"
-}, pl = {
+}, vl = {
   key: 1,
   class: "dropdown__popover-loading"
-}, vl = {
+}, pl = {
   key: 2,
   class: "dropdown__popover-list"
-}, vs = /* @__PURE__ */ T({
+}, hs = /* @__PURE__ */ T({
   __name: "Dropdown",
   props: /* @__PURE__ */ Y({
     options: {},
@@ -2117,14 +2124,14 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       },
       set(y) {
         if (Array.isArray(y)) {
-          const g = y.map((h) => {
-            const w = e.options.find((C) => C[n.value] === h);
-            return w || h;
+          const h = y.map((p) => {
+            const w = e.options.find((x) => x[n.value] === p);
+            return w || p;
           });
-          i.value = e.returnObject ? g : y;
+          i.value = e.returnObject ? h : y;
         } else {
-          const g = e.options.find((h) => h[n.value] === y);
-          i.value = e.returnObject ? g : y;
+          const h = e.options.find((p) => p[n.value] === y);
+          i.value = e.returnObject ? h : y;
         }
       }
     }), r = R(() => (console.log(Array.isArray(i.value)), Array.isArray(i.value) && i.value.length === 0 || typeof i.value == "string" && i.value.length === 0)), a = V(""), u = V(!1), d = R(() => [
@@ -2134,52 +2141,52 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
         "dropdown--searchable": e.searchable
       }
     ]), m = R(() => {
-      const y = e.options.find((g) => g.value === s.value);
+      const y = e.options.find((h) => h.value === s.value);
       return y ? y[l.value] : "";
     }), k = (y) => {
-      const g = e.options.find((h) => h[n.value] === y);
-      return g ? g[l.value] : y;
-    }, v = (y) => {
+      const h = e.options.find((p) => p[n.value] === y);
+      return h ? h[l.value] : y;
+    }, g = (y) => {
       if (!Array.isArray(i.value)) return;
-      const g = s.value.findIndex((h) => h === y);
-      g > -1 && s.value.splice(g, 1);
-    }, x = De("trigger"), $ = De("popover");
+      const h = s.value.findIndex((p) => p === y);
+      h > -1 && s.value.splice(h, 1);
+    }, C = De("trigger"), $ = De("popover");
     return Q(() => {
-      $t(
+      bt(
         $.value,
         () => {
           u.value = !1;
         },
         {
-          ignore: [x.value]
+          ignore: [C.value]
         }
       );
-    }), (y, g) => (c(), f("div", {
-      class: _(d.value)
+    }), (y, h) => (c(), f("div", {
+      class: B(d.value)
     }, [
       b("div", {
         class: "dropdown__field",
         ref: "trigger",
-        onClick: g[0] || (g[0] = (h) => u.value = !u.value)
+        onClick: h[0] || (h[0] = (p) => u.value = !u.value)
       }, [
         b("div", {
-          class: _(["dropdown__field-inner", [{ "dropdown__field-inner--multiple": y.multiple }, { "dropdown__field-inner--placeholder": !i.value }]])
+          class: B(["dropdown__field-inner", [{ "dropdown__field-inner--multiple": y.multiple }, { "dropdown__field-inner--placeholder": !i.value }]])
         }, [
           y.multiple ? (c(), f("div", ul, [
-            (c(!0), f(U, null, ve(s.value, (h) => (c(), B(p(Zn), {
+            (c(!0), f(U, null, pe(s.value, (p) => (c(), _(v(Zn), {
               variant: "secondary",
-              key: h,
+              key: p,
               removable: "",
-              onRemove: (w) => v(h)
+              onRemove: (w) => g(p)
             }, {
               default: j(() => [
-                Z(P(k(h)), 1)
+                Z(P(k(p)), 1)
               ]),
               _: 2
             }, 1032, ["onRemove"]))), 128))
           ])) : (c(), f("span", cl, P(r.value ? y.placeholder : m.value), 1))
         ], 2),
-        g[4] || (g[4] = b("div", { class: "dropdown__field-arrow" }, [
+        h[4] || (h[4] = b("div", { class: "dropdown__field-arrow" }, [
           b("svg", {
             width: "10",
             height: "6",
@@ -2196,29 +2203,29 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       b("div", dl, [
         b("div", fl, [
           y.searchable ? (c(), f("div", ml, [
-            O(p(sl), {
-              icon: p(Yt),
+            O(v(sl), {
+              icon: v(Ut),
               disabled: y.loading
             }, {
               default: j(() => [
-                O(p(Pt), {
+                O(v(Pt), {
                   modelValue: a.value,
-                  "onUpdate:modelValue": g[1] || (g[1] = (h) => a.value = h),
-                  onInput: g[2] || (g[2] = (h) => t("search", a.value)),
+                  "onUpdate:modelValue": h[1] || (h[1] = (p) => a.value = p),
+                  onInput: h[2] || (h[2] = (p) => t("search", a.value)),
                   disabled: y.loading
                 }, null, 8, ["modelValue", "disabled"])
               ]),
               _: 1
             }, 8, ["icon", "disabled"])
           ])) : A("", !0),
-          y.loading ? (c(), f("div", pl, [
-            O(p(il))
-          ])) : (c(), f("div", vl, [
-            (c(!0), f(U, null, ve(y.options, (h, w) => (c(), B(rl, {
+          y.loading ? (c(), f("div", vl, [
+            O(v(il))
+          ])) : (c(), f("div", pl, [
+            (c(!0), f(U, null, pe(y.options, (p, w) => (c(), _(rl, {
               key: w,
               modelValue: s.value,
-              "onUpdate:modelValue": g[3] || (g[3] = (C) => s.value = C),
-              item: h,
+              "onUpdate:modelValue": h[3] || (h[3] = (x) => s.value = x),
+              item: p,
               multiple: y.multiple
             }, null, 8, ["modelValue", "item", "multiple"]))), 128))
           ]))
@@ -2226,7 +2233,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       ], 512)
     ], 2));
   }
-}), gl = { class: "input-number__wrapper" }, hl = ["max"], gs = /* @__PURE__ */ T({
+}), gl = { class: "input-number__wrapper" }, hl = ["max"], ws = /* @__PURE__ */ T({
   __name: "InputNumber",
   props: /* @__PURE__ */ Y({
     viewButtons: { type: Boolean, default: !1 },
@@ -2272,12 +2279,12 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
     return Q(() => {
       o.value = e.countInPackage, t.value = typeof e.formatter == "function" ? e.formatter(o.value) : String(o.value);
     }), (a, u) => (c(), f("div", {
-      class: _(r.value)
+      class: B(r.value)
     }, [
-      a.viewButtons ? (c(), B(p(ke), {
+      a.viewButtons ? (c(), _(v(ke), {
         key: 0,
         contrast: "",
-        icon: p(Kt),
+        icon: v(Yt),
         class: "input-number__button input-number__button--decrement",
         "icon-only": "",
         size: "small",
@@ -2285,7 +2292,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
         onClick: s
       }, null, 8, ["icon", "disabled"])) : A("", !0),
       b("div", gl, [
-        (c(), B(fe(a.icon))),
+        (c(), _(fe(a.icon))),
         ge(b("input", {
           "onUpdate:modelValue": u[0] || (u[0] = (d) => t.value = d),
           type: "text",
@@ -2299,10 +2306,10 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
           [gt, t.value]
         ])
       ]),
-      a.viewButtons ? (c(), B(p(ke), {
+      a.viewButtons ? (c(), _(v(ke), {
         key: 1,
         contrast: "",
-        icon: p(yt),
+        icon: v(yt),
         class: "input-number__button input-number__button--increment",
         "icon-only": "",
         size: "small",
@@ -2311,7 +2318,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       }, null, 8, ["icon", "disabled"])) : A("", !0)
     ], 2));
   }
-}), wl = { class: "input-phone" }, hs = /* @__PURE__ */ T({
+}), wl = { class: "input-phone" }, ys = /* @__PURE__ */ T({
   __name: "InputPhone",
   props: /* @__PURE__ */ Y({
     label: {},
@@ -2340,14 +2347,14 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       !s[2] && s[1] !== "" ? n.value = s[1] === "7" ? `${s[1]}` : "7" + s[1] : n.value = s[3] ? s[1] + " (" + s[2] + ") " + s[3] + (s[4] ? "-" + s[4] : "") + (s[5] ? "-" + s[5] : "") : `${s[1]} ` + s[2], t.value = n.value.replace(/\D/g, "");
     };
     return (i, s) => (c(), f("div", wl, [
-      O(p(Pt), Ft({
+      O(v(Pt), Ft({
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
         onInput: s[1] || (s[1] = (r) => l(r))
       }, o), null, 16, ["modelValue"])
     ]));
   }
-}), yl = ["id", "disabled"], ws = /* @__PURE__ */ T({
+}), yl = ["id", "disabled"], bs = /* @__PURE__ */ T({
   __name: "Switch",
   props: /* @__PURE__ */ Y({
     disabled: { type: Boolean }
@@ -2359,7 +2366,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
   setup(e) {
     const o = re(e, "modelValue"), t = Ve();
     return (n, l) => (c(), f("div", {
-      class: _(["switch", {
+      class: B(["switch", {
         "switch--disabled": n.disabled
       }])
     }, [
@@ -2367,7 +2374,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
         "onUpdate:modelValue": l[0] || (l[0] = (i) => o.value = i),
         type: "checkbox",
         name: "switch",
-        id: p(t),
+        id: v(t),
         class: "switch__input",
         disabled: n.disabled
       }, null, 8, yl), [
@@ -2378,7 +2385,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       ], -1))
     ], 2));
   }
-}), bl = ["for"], $l = ["maxlength", "id", "placeholder", "name", "disabled", "rows", "cols"], ys = /* @__PURE__ */ T({
+}), bl = ["for"], $l = ["maxlength", "id", "placeholder", "name", "disabled", "rows", "cols"], $s = /* @__PURE__ */ T({
   __name: "Textarea",
   props: /* @__PURE__ */ Y({
     label: {},
@@ -2422,10 +2429,10 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       }
     ]);
     return (a, u) => (c(), f("div", {
-      class: _(r.value)
+      class: B(r.value)
     }, [
       b("label", {
-        for: a.inputId ?? p(i),
+        for: a.inputId ?? v(i),
         class: "textarea__label"
       }, P(a.label), 9, bl),
       ge(b("textarea", {
@@ -2434,7 +2441,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
         ref: l,
         class: "textarea__field",
         maxlength: a.maxlength,
-        id: a.inputId ?? p(i),
+        id: a.inputId ?? v(i),
         placeholder: a.placeholder,
         name: a.name,
         disabled: a.disabled,
@@ -2449,32 +2456,32 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       ])
     ], 2));
   }
-}), kl = { class: "breadcrumb" }, xl = {
+}), kl = { class: "breadcrumb" }, Cl = {
   key: 0,
   class: "breadcrumb__item breadcrumb__seporator"
-}, bs = /* @__PURE__ */ T({
+}, ks = /* @__PURE__ */ T({
   __name: "Breadcrumb",
   props: {
     items: {}
   },
   setup(e) {
-    const o = (t) => t.url ? pt("RouterLink") : "div";
+    const o = (t) => t.url ? vt("RouterLink") : "div";
     return (t, n) => (c(), f("div", kl, [
-      (c(!0), f(U, null, ve(t.items, (l, i) => (c(), f(U, null, [
-        (c(), B(fe(o(l)), {
+      (c(!0), f(U, null, pe(t.items, (l, i) => (c(), f(U, null, [
+        (c(), _(fe(o(l)), {
           to: l.url,
-          class: _(["breadcrumb__item", { "breadcrumb__item--disabled": !l.url }])
+          class: B(["breadcrumb__item", { "breadcrumb__item--disabled": !l.url }])
         }, {
           default: j(() => [
             Z(P(l.label), 1)
           ]),
           _: 2
         }, 1032, ["to", "class"])),
-        i !== t.items.length - 1 ? (c(), f("div", xl, "/")) : A("", !0)
+        i !== t.items.length - 1 ? (c(), f("div", Cl, "/")) : A("", !0)
       ], 64))), 256))
     ]));
   }
-}), Cl = { class: "toast-message__icon" }, Rl = { class: "toast-message__content" }, Sl = { class: "toast-message__title" }, Tl = ["innerHTML"], Al = /* @__PURE__ */ T({
+}), xl = { class: "toast-message__icon" }, Rl = { class: "toast-message__content" }, Sl = { class: "toast-message__title" }, Tl = ["innerHTML"], Al = /* @__PURE__ */ T({
   __name: "ToastMessage",
   props: {
     msg: {}
@@ -2482,9 +2489,9 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
   emits: ["close"],
   setup(e, { emit: o }) {
     const t = o, n = ht({
-      success: be(Jt),
-      error: be(Zt),
-      warn: be(Xt),
+      success: be(Zt),
+      error: be(Xt),
+      warn: be(Kt),
       info: be(Je)
     }), l = R(() => e.msg.severity ? e.msg.icon ? e.msg.icon : n[e.msg.severity] : n.info), i = R(() => [
       "toast-message",
@@ -2502,11 +2509,11 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
     };
     return Q(() => {
       e.msg.life && (r.value = e.msg.life, a());
-    }), (k, v) => (c(), f("div", {
-      class: _(i.value)
+    }), (k, g) => (c(), f("div", {
+      class: B(i.value)
     }, [
-      b("div", Cl, [
-        (c(), B(fe(l.value)))
+      b("div", xl, [
+        (c(), _(fe(l.value)))
       ]),
       b("div", Rl, [
         b("div", Sl, P(k.msg.summary), 1),
@@ -2520,11 +2527,11 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
         class: "toast-message__close",
         onClick: d
       }, [
-        O(p(bt))
+        O(v($t))
       ])
     ], 2));
   }
-}), te = oo(), Vl = { class: "toast-container" }, $s = /* @__PURE__ */ T({
+}), te = oo(), Vl = { class: "toast-container" }, Cs = /* @__PURE__ */ T({
   __name: "Toast",
   props: {
     group: {},
@@ -2551,7 +2558,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
       te.on("add", i), te.on("remove", s), te.on("remove-group", r), te.on("remove-all-groups", a);
     }), Ie(() => {
       te.off("add", i), te.off("remove", s), te.off("remove-group", r), te.off("remove-all-groups", a);
-    }), (u, d) => (c(), B(p(no), null, {
+    }), (u, d) => (c(), _(v(no), null, {
       default: j(() => [
         b("div", Vl, [
           O(Gt, {
@@ -2560,7 +2567,7 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
             class: "toast-messages"
           }, {
             default: j(() => [
-              (c(!0), f(U, null, ve(t.value, (m) => (c(), B(Al, {
+              (c(!0), f(U, null, pe(t.value, (m) => (c(), _(Al, {
                 key: m.id,
                 msg: m,
                 onClose: d[0] || (d[0] = (k) => l(k))
@@ -2574,13 +2581,13 @@ const En = /* @__PURE__ */ ue(Pn, [["render", Ln]]), zn = (e) => {
     }));
   }
 }), Ot = Symbol();
-function ks() {
+function xs() {
   const e = K(Ot);
   if (!e)
     throw new Error("No PrimeVue Toast provided!");
   return e;
 }
-const xs = {
+const Rs = {
   install: (e) => {
     const o = {
       add: (t) => {
@@ -2598,7 +2605,7 @@ const xs = {
     };
     e.config.globalProperties.$toast = o, e.provide(Ot, o);
   }
-}, _l = { class: "message__content" }, Bl = /* @__PURE__ */ T({
+}, Bl = { class: "message__content" }, _l = /* @__PURE__ */ T({
   __name: "Message",
   props: {
     type: {
@@ -2614,22 +2621,22 @@ const xs = {
       `message--${o.type}`,
       { "message--outlined": o.outlined }
     ]), n = ht({
-      error: be(eo),
-      warning: be(Qt),
+      error: be(Qt),
+      warning: be(Jt),
       info: be(Je)
     });
     return (l, i) => (c(), f("div", {
-      class: _(t.value)
+      class: B(t.value)
     }, [
-      (c(), B(fe(n[o.type]), { class: "message__icon" })),
-      b("div", _l, [
+      (c(), _(fe(n[o.type]), { class: "message__icon" })),
+      b("div", Bl, [
         l.$slots.default ? E(l.$slots, "default", { key: 0 }, void 0, !0) : (c(), f(U, { key: 1 }, [
           Z(P(o.message), 1)
         ], 64))
       ])
     ], 2));
   }
-}), Cs = /* @__PURE__ */ ue(Bl, [["__scopeId", "data-v-5db16833"]]), Il = {
+}), Ss = /* @__PURE__ */ ue(_l, [["__scopeId", "data-v-5db16833"]]), Il = {
   key: 0,
   class: "badge__value"
 }, Ml = /* @__PURE__ */ T({
@@ -2649,12 +2656,12 @@ const xs = {
       }
     ]);
     return (t, n) => (c(), f("div", {
-      class: _(o.value)
+      class: B(o.value)
     }, [
       t.value ? (c(), f("div", Il, P(t.value), 1)) : A("", !0)
     ], 2));
   }
-}), Rs = /* @__PURE__ */ T({
+}), Ts = /* @__PURE__ */ T({
   __name: "OverlayBadge",
   props: {
     value: {},
@@ -2672,9 +2679,9 @@ const xs = {
       top: `${e.offset.y}px`
     });
     return (t, n) => (c(), f("div", {
-      class: _(["overlay-badge", { [`overlay-badge--${t.position}`]: t.position }])
+      class: B(["overlay-badge", { [`overlay-badge--${t.position}`]: t.position }])
     }, [
-      t.viewBadge ? (c(), B(p(Ml), {
+      t.viewBadge ? (c(), _(v(Ml), {
         key: 0,
         value: t.value,
         variant: t.variant,
@@ -2684,7 +2691,7 @@ const xs = {
       E(t.$slots, "default")
     ], 2));
   }
-}), Ss = /* @__PURE__ */ T({
+}), As = /* @__PURE__ */ T({
   __name: "Skeleton",
   props: {
     width: { default: 100 },
@@ -2707,16 +2714,16 @@ const xs = {
       borderRadius: typeof e.borderRadius == "string" ? e.borderRadius : `${e.borderRadius}px`
     }));
     return (n, l) => (c(), f("div", {
-      class: _(o.value),
+      class: B(o.value),
       style: J(t.value)
     }, null, 6));
   }
-}), Lt = Symbol("DialogService"), Ts = () => {
+}), Lt = Symbol("DialogService"), Vs = () => {
   const e = K(Lt);
   if (!e)
     throw new Error("useConfirmDialog() должен использоваться внутри приложения с DialogService");
   return e;
-}, Et = Symbol("PopupService"), As = () => {
+}, Et = Symbol("PopupService"), Bs = () => {
   const e = K(Et);
   if (!e)
     throw new Error("useConfirmDialog() должен использоваться внутри приложения с DialogService");
@@ -2749,7 +2756,7 @@ const xs = {
   close: () => {
     G.value = null;
   }
-}, Vs = {
+}, _s = {
   install(e) {
     e.provide(Lt, Pl), e.provide(Et, Ol), e.config.globalProperties.$dialogStates = z, e.config.globalProperties.$popupStates = G;
   }
@@ -2777,43 +2784,43 @@ const xs = {
       document.addEventListener("keydown", s);
     }), Ie(() => {
       document.removeEventListener("keydown", s), t();
-    }), (r, a) => (c(), B(Me, { to: "body" }, [
+    }), (r, a) => (c(), _(Me, { to: "body" }, [
       O(Pe, { name: "confirm-dialog" }, {
         default: j(() => [
-          p(z) ? (c(), f("div", {
+          v(z) ? (c(), f("div", {
             key: 0,
-            class: _(["confirm-dialog-overlay", { "confirm-dialog-overlay--modal": !0 }]),
+            class: B(["confirm-dialog-overlay", { "confirm-dialog-overlay--modal": !0 }]),
             onClick: i
           }, [
             b("div", {
               ref: "popupRef",
-              class: _(["confirm-dialog", [`confirm-dialog--${p(z).position}`, p(z).class]]),
+              class: B(["confirm-dialog", [`confirm-dialog--${v(z).position}`, v(z).class]]),
               onClick: a[2] || (a[2] = Ze(() => {
               }, ["stop"])),
-              style: J(p(z).style)
+              style: J(v(z).style)
             }, [
-              p(z).header ? (c(), f("div", Ll, [
-                b("h4", El, P(p(z).header), 1)
+              v(z).header ? (c(), f("div", Ll, [
+                b("h4", El, P(v(z).header), 1)
               ])) : A("", !0),
-              p(z).message ? (c(), f("p", zl, P(p(z).message), 1)) : A("", !0),
+              v(z).message ? (c(), f("p", zl, P(v(z).message), 1)) : A("", !0),
               b("div", Dl, [
-                O(p(ke), {
+                O(v(ke), {
                   size: "small",
                   variant: "danger",
                   buttonStyle: "contrast",
                   onClick: a[0] || (a[0] = () => l())
                 }, {
                   default: j(() => [
-                    Z(P(p(z).rejectProps ? p(z).rejectProps.label : "Нет"), 1)
+                    Z(P(v(z).rejectProps ? v(z).rejectProps.label : "Нет"), 1)
                   ]),
                   _: 1
                 }),
-                O(p(ke), {
+                O(v(ke), {
                   size: "small",
                   onClick: a[1] || (a[1] = () => n())
                 }, {
                   default: j(() => [
-                    Z(P(p(z).acceptProps ? p(z).acceptProps.label : "Да"), 1)
+                    Z(P(v(z).acceptProps ? v(z).acceptProps.label : "Да"), 1)
                   ]),
                   _: 1
                 })
@@ -2825,7 +2832,7 @@ const xs = {
       })
     ]));
   }
-}), _s = /* @__PURE__ */ ue(Hl, [["__scopeId", "data-v-e772f431"]]), Fl = {
+}), Is = /* @__PURE__ */ ue(Hl, [["__scopeId", "data-v-e772f431"]]), Fl = {
   key: 0,
   class: "confirm-popup__header"
 }, Gl = { class: "confirm-popup__header-title" }, Nl = {
@@ -2836,7 +2843,7 @@ const xs = {
   setup(e) {
     const o = V(), t = V({}), n = V("bottom"), l = R(() => `confirm-popup--${n.value}`), i = R(() => `confirm-popup__arrow--${n.value}`), s = () => {
       if (!G.value?.target || !o.value) return;
-      const k = G.value.target, v = o.value, x = G.value.position || "bottom";
+      const k = G.value.target, g = o.value, C = G.value.position || "bottom";
       if (!document.contains(k)) {
         a();
         return;
@@ -2846,37 +2853,37 @@ const xs = {
         a();
         return;
       }
-      const g = v.getBoundingClientRect(), h = 8, w = 8, C = (F) => {
+      const h = g.getBoundingClientRect(), p = 8, w = 8, x = (F) => {
         switch (F) {
           case "top":
             return {
-              top: $.top - g.height - w,
-              left: $.left + $.width / 2 - g.width / 2
+              top: $.top - h.height - w,
+              left: $.left + $.width / 2 - h.width / 2
             };
           case "bottom":
             return {
               top: $.bottom + w,
-              left: $.left + $.width / 2 - g.width / 2
+              left: $.left + $.width / 2 - h.width / 2
             };
           case "left":
             return {
-              top: $.top + $.height / 2 - g.height / 2,
-              left: $.left - g.width - w
+              top: $.top + $.height / 2 - h.height / 2,
+              left: $.left - h.width - w
             };
           case "right":
             return {
-              top: $.top + $.height / 2 - g.height / 2,
+              top: $.top + $.height / 2 - h.height / 2,
               left: $.right + w
             };
           case "topleft":
             return {
-              top: $.top - g.height - w,
+              top: $.top - h.height - w,
               left: $.left
             };
           case "topright":
             return {
-              top: $.top - g.height - w,
-              left: $.right - g.width
+              top: $.top - h.height - w,
+              left: $.right - h.width
             };
           case "bottomleft":
             return {
@@ -2886,25 +2893,25 @@ const xs = {
           case "bottomright":
             return {
               top: $.bottom + w,
-              left: $.right - g.width
+              left: $.right - h.width
             };
           default:
             return { top: 0, left: 0 };
         }
       }, I = (F) => {
-        const S = C(F);
-        return S.top >= h && S.left >= h && S.top + g.height <= window.innerHeight - h && S.left + g.width <= window.innerWidth - h;
-      }, N = [x];
+        const S = x(F);
+        return S.top >= p && S.left >= p && S.top + h.height <= window.innerHeight - p && S.left + h.width <= window.innerWidth - p;
+      }, N = [C];
       ["bottomright", "bottom", "top", "right", "left", "bottomleft", "topright", "topleft"].forEach((F) => {
         N.includes(F) || N.push(F);
       });
-      let q = x, H = C(x);
+      let q = C, H = x(C);
       for (const F of N)
         if (I(F)) {
-          q = F, H = C(F);
+          q = F, H = x(F);
           break;
         }
-      H.top = Math.max(h, Math.min(H.top, window.innerHeight - g.height - h)), H.left = Math.max(h, Math.min(H.left, window.innerWidth - g.width - h)), n.value = q, t.value = {
+      H.top = Math.max(p, Math.min(H.top, window.innerHeight - h.height - p)), H.left = Math.max(p, Math.min(H.left, window.innerWidth - h.width - p)), n.value = q, t.value = {
         position: "fixed",
         top: `${H.top}px`,
         left: `${H.left}px`,
@@ -2927,10 +2934,10 @@ const xs = {
       document.addEventListener("keydown", u), window.addEventListener("scroll", d, !0), window.addEventListener("resize", m);
     }), Ie(() => {
       document.removeEventListener("keydown", u), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", m);
-    }), (k, v) => (c(), B(Me, { to: "body" }, [
+    }), (k, g) => (c(), _(Me, { to: "body" }, [
       O(Pe, { name: "confirm" }, {
         default: j(() => [
-          p(G) ? (c(), f("div", {
+          v(G) ? (c(), f("div", {
             key: 0,
             class: "confirm-overlay",
             onClick: a
@@ -2938,36 +2945,36 @@ const xs = {
             b("div", {
               ref_key: "popupRef",
               ref: o,
-              class: _(["confirm-popup", l.value]),
-              onClick: v[0] || (v[0] = Ze(() => {
+              class: B(["confirm-popup", l.value]),
+              onClick: g[0] || (g[0] = Ze(() => {
               }, ["stop"])),
               style: J(t.value)
             }, [
               b("div", {
-                class: _(["confirm-popup__arrow", i.value])
+                class: B(["confirm-popup__arrow", i.value])
               }, null, 2),
-              p(G).header ? (c(), f("div", Fl, [
-                b("h4", Gl, P(p(G).header), 1)
+              v(G).header ? (c(), f("div", Fl, [
+                b("h4", Gl, P(v(G).header), 1)
               ])) : A("", !0),
-              p(G).message ? (c(), f("p", Nl, P(p(G).message), 1)) : A("", !0),
+              v(G).message ? (c(), f("p", Nl, P(v(G).message), 1)) : A("", !0),
               b("div", Wl, [
-                O(p(ke), {
+                O(v(ke), {
                   size: "small",
                   variant: "danger",
                   buttonStyle: "contrast",
                   onClick: a
                 }, {
                   default: j(() => [
-                    Z(P(p(G).rejectProps ? p(G).rejectProps.label : "Нет"), 1)
+                    Z(P(v(G).rejectProps ? v(G).rejectProps.label : "Нет"), 1)
                   ]),
                   _: 1
                 }),
-                O(p(ke), {
+                O(v(ke), {
                   size: "small",
                   onClick: r
                 }, {
                   default: j(() => [
-                    Z(P(p(G).acceptProps ? p(G).acceptProps.label : "Да"), 1)
+                    Z(P(v(G).acceptProps ? v(G).acceptProps.label : "Да"), 1)
                   ]),
                   _: 1
                 })
@@ -2979,7 +2986,7 @@ const xs = {
       })
     ]));
   }
-}), Bs = /* @__PURE__ */ ue(jl, [["__scopeId", "data-v-754a67ab"]]), ql = { class: "drawer-wrapper" }, Ul = { class: "drawer-close" }, Is = /* @__PURE__ */ T({
+}), Ms = /* @__PURE__ */ ue(jl, [["__scopeId", "data-v-754a67ab"]]), ql = { class: "drawer-wrapper" }, Ul = { class: "drawer-close" }, Ps = /* @__PURE__ */ T({
   __name: "Drawer",
   props: {
     position: { default: "left" },
@@ -2998,12 +3005,12 @@ const xs = {
       isOpen: l,
       open: s,
       close: a
-    }), (u, d) => (c(), B(Me, { to: "body" }, [
+    }), (u, d) => (c(), _(Me, { to: "body" }, [
       O(Pe, { name: "drawer-animate" }, {
         default: j(() => [
           l.value ? (c(), f("div", {
             key: 0,
-            class: _(["drawer", { [`drawer--${u.position}`]: u.position }]),
+            class: B(["drawer", { [`drawer--${u.position}`]: u.position }]),
             style: J({ "--widthDrawer": i.value })
           }, [
             b("div", {
@@ -3015,7 +3022,7 @@ const xs = {
                 b("button", {
                   onClick: d[1] || (d[1] = (m) => a())
                 }, [
-                  O(p(Qe))
+                  O(v(Qe))
                 ])
               ]),
               E(u.$slots, "default")
@@ -3029,7 +3036,7 @@ const xs = {
 }), Yl = { class: "modal__header" }, Kl = {
   key: 0,
   class: "modal__header-title"
-}, Xl = { class: "modal__body" }, Ms = /* @__PURE__ */ T({
+}, Xl = { class: "modal__body" }, Os = /* @__PURE__ */ T({
   __name: "Modal",
   props: /* @__PURE__ */ Y({
     title: {},
@@ -3042,18 +3049,18 @@ const xs = {
   emits: ["update:open"],
   setup(e) {
     const o = V(e.title), t = re(e, "open");
-    vt();
+    pt();
     const { unlockScroll: n, lockScroll: l } = et(), i = R(() => ["modal", `modal--${e.position}`]), s = (r) => {
       o.value = r;
     };
     return oe(t, () => {
       t.value ? l() : n();
-    }), (r, a) => (c(), B(Me, { to: "body" }, [
+    }), (r, a) => (c(), _(Me, { to: "body" }, [
       O(Pe, { name: "modal-content-fade" }, {
         default: j(() => [
           t.value ? (c(), f("div", {
             key: 0,
-            class: _(i.value)
+            class: B(i.value)
           }, [
             b("div", {
               class: "modal__overlay",
@@ -3070,7 +3077,7 @@ const xs = {
                   class: "modal__header-close",
                   onClick: a[1] || (a[1] = (u) => t.value = !1)
                 }, [
-                  O(p(bt))
+                  O(v($t))
                 ])
               ]),
               b("div", Xl, [
@@ -3083,7 +3090,7 @@ const xs = {
       })
     ]));
   }
-}), Zl = { class: "accordion" }, Ps = /* @__PURE__ */ T({
+}), Zl = { class: "accordion" }, Ls = /* @__PURE__ */ T({
   __name: "Accordion",
   props: {
     value: {},
@@ -3104,7 +3111,7 @@ const xs = {
       E(l.$slots, "default")
     ]));
   }
-}), Os = /* @__PURE__ */ T({
+}), Es = /* @__PURE__ */ T({
   __name: "AccordionContent",
   setup(e) {
     const o = K("panelIsOpen"), t = V(null), n = V("0px"), l = V(o.value);
@@ -3114,7 +3121,7 @@ const xs = {
       o.value && t.value && (n.value = t.value.scrollHeight + "px");
     }), (i, s) => (c(), f("div", {
       class: "accordion-content-wrapper",
-      style: J({ height: p(o) ? n.value : "0px" })
+      style: J({ height: v(o) ? n.value : "0px" })
     }, [
       ge(b("div", {
         ref_key: "contentRef",
@@ -3127,24 +3134,24 @@ const xs = {
       ])
     ], 4));
   }
-}), Jl = { class: "accordion-header__content" }, Ql = { class: "accordion-header__arrow" }, Ls = /* @__PURE__ */ T({
+}), Jl = { class: "accordion-header__content" }, Ql = { class: "accordion-header__arrow" }, zs = /* @__PURE__ */ T({
   __name: "AccordionHeader",
   setup(e) {
     const o = K("panelIsOpen"), t = K("panelToggle"), n = K("accordionStyle");
     return (l, i) => (c(), f("button", {
-      class: _(["accordion-header", { "accordion-header--active": p(o) }, `accordion-header--${p(n)}`]),
+      class: B(["accordion-header", { "accordion-header--active": v(o) }, `accordion-header--${v(n)}`]),
       onClick: i[0] || (i[0] = //@ts-ignore
-      (...s) => p(t) && p(t)(...s))
+      (...s) => v(t) && v(t)(...s))
     }, [
       b("span", Jl, [
         E(l.$slots, "default")
       ]),
       b("span", Ql, [
-        O(p(to))
+        O(v(eo))
       ])
     ], 2));
   }
-}), Es = /* @__PURE__ */ T({
+}), Ds = /* @__PURE__ */ T({
   __name: "AccordionPanel",
   props: {
     value: {}
@@ -3152,7 +3159,7 @@ const xs = {
   setup(e) {
     const o = e, t = K("accordionOpenValues"), n = K("accordionToggle"), l = K("accordionStyle"), i = R(() => t?.value.includes(o.value));
     return se("panelValue", o.value), se("panelIsOpen", i), se("panelToggle", () => n?.(o.value)), (s, r) => (c(), f("div", {
-      class: _(["accordion-panel", `accordion-panel--${p(l)}`])
+      class: B(["accordion-panel", `accordion-panel--${v(l)}`])
     }, [
       E(s.$slots, "default")
     ], 2));
@@ -3160,7 +3167,7 @@ const xs = {
 }), es = {
   key: 0,
   class: "divider__content"
-}, zs = /* @__PURE__ */ T({
+}, Hs = /* @__PURE__ */ T({
   __name: "Divider",
   props: {
     layouts: { default: "horizontal" },
@@ -3170,14 +3177,14 @@ const xs = {
   setup(e) {
     const o = R(() => ["divider", `divider--${e.layouts}`, `divider--${e.type}`, `divider--${e.align}`]);
     return (t, n) => (c(), f("div", {
-      class: _(o.value)
+      class: B(o.value)
     }, [
       t.$slots.default ? (c(), f("div", es, [
         E(t.$slots, "default")
       ])) : A("", !0)
     ], 2));
   }
-}), ts = ["aria-selected"], Ds = /* @__PURE__ */ T({
+}), ts = ["aria-selected"], Fs = /* @__PURE__ */ T({
   __name: "Tab",
   props: {
     value: {}
@@ -3185,15 +3192,15 @@ const xs = {
   setup(e) {
     const o = e, t = K("tabsValue"), n = K("setTabsValue"), l = R(() => t?.value === o.value);
     return (i, s) => (c(), f("button", {
-      class: _(["tab", { "tab--active": l.value }]),
-      onClick: s[0] || (s[0] = () => p(n)?.(i.value)),
+      class: B(["tab", { "tab--active": l.value }]),
+      onClick: s[0] || (s[0] = () => v(n)?.(i.value)),
       role: "tab",
       "aria-selected": l.value
     }, [
       E(i.$slots, "default")
     ], 10, ts));
   }
-}), os = { class: "tabs" }, Hs = /* @__PURE__ */ T({
+}), os = { class: "tabs" }, Gs = /* @__PURE__ */ T({
   __name: "Tabs",
   props: {
     value: {}
@@ -3214,7 +3221,7 @@ const xs = {
 }), ns = {
   class: "tab-panel",
   role: "tabpanel"
-}, Fs = /* @__PURE__ */ T({
+}, Ns = /* @__PURE__ */ T({
   __name: "TabPanel",
   props: {
     value: {}
@@ -3230,7 +3237,7 @@ const xs = {
 }), ls = {
   class: "tab-list",
   role: "tablist"
-}, ss = { class: "tab-list__content" }, Gs = /* @__PURE__ */ T({
+}, ss = { class: "tab-list__content" }, Ws = /* @__PURE__ */ T({
   __name: "TabList",
   setup(e) {
     return (o, t) => (c(), f("div", ls, [
@@ -3239,7 +3246,7 @@ const xs = {
       ])
     ]));
   }
-}), is = { class: "tab-panels" }, Ns = /* @__PURE__ */ T({
+}), is = { class: "tab-panels" }, js = /* @__PURE__ */ T({
   __name: "TabPanels",
   setup(e) {
     return (o, t) => (c(), f("div", is, [
@@ -3248,47 +3255,47 @@ const xs = {
   }
 });
 export {
-  Ps as Accordion,
-  Os as AccordionContent,
-  Ls as AccordionHeader,
-  Es as AccordionPanel,
+  Ls as Accordion,
+  Es as AccordionContent,
+  zs as AccordionHeader,
+  Ds as AccordionPanel,
   Ml as Badge,
-  bs as Breadcrumb,
+  ks as Breadcrumb,
   ke as Button,
   tt as Checkbox,
-  ps as ChipCheckbox,
-  fs as Column,
-  _s as ConfirmDialog,
-  Bs as ConfirmPopup,
-  Vs as ConfirmService,
-  ds as DataTable,
-  zs as Divider,
-  Is as Drawer,
-  vs as Dropdown,
+  gs as ChipCheckbox,
+  vs as Column,
+  Is as ConfirmDialog,
+  Ms as ConfirmPopup,
+  _s as ConfirmService,
+  ms as DataTable,
+  Hs as Divider,
+  Ps as Drawer,
+  hs as Dropdown,
   sl as IconField,
-  gs as InputNumber,
-  hs as InputPhone,
+  ws as InputNumber,
+  ys as InputPhone,
   Pt as InputText,
-  Cs as Message,
-  Ms as Modal,
-  Rs as OverlayBadge,
-  vn as Popover,
+  Ss as Message,
+  Os as Modal,
+  Ts as OverlayBadge,
+  pn as Popover,
   Mt as Radio,
-  Ss as Skeleton,
-  cs as SleedDeal,
+  As as Skeleton,
+  fs as SleedDeal,
   il as Spinner,
-  ws as Switch,
-  Ds as Tab,
-  Gs as TabList,
-  Fs as TabPanel,
-  Ns as TabPanels,
-  Hs as Tabs,
+  bs as Switch,
+  Fs as Tab,
+  Ws as TabList,
+  Ns as TabPanel,
+  js as TabPanels,
+  Gs as Tabs,
   Zn as Tag,
-  ys as Textarea,
-  $s as Toast,
-  xs as ToastService,
-  ms as VirtualScroller,
-  Ts as useConfirmDialog,
-  As as useConfirmPopup,
-  ks as useToast
+  $s as Textarea,
+  Cs as Toast,
+  Rs as ToastService,
+  ps as VirtualScroller,
+  Vs as useConfirmDialog,
+  Bs as useConfirmPopup,
+  xs as useToast
 };