prlg-ui 1.4.7 → 1.4.9

package/dist/prlg-ui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as C, computed as R, resolveComponent as ut, createBlock as T, openBlock as c, resolveDynamicComponent as ee, normalizeClass as S, withCtx as H, createCommentVNode as V, createElementBlock as f, renderSlot as I, Fragment as E, createTextVNode as se, toDisplayString as L, ref as M, useTemplateRef as Ie, onMounted as oe, createElementVNode as h, createVNode as O, renderList as ce, unref as b, mergeModels as _, useModel as J, useId as xe, withDirectives as ae, vModelCheckbox as qe, onUnmounted as ct, watch as fe, nextTick as Oe, Teleport as Ue, Transition as je, normalizeStyle as ie, provide as X, useSlots as Ot, inject as q, vModelRadio as Lt, withModifiers as Pt, vModelDynamic as zt, vModelText as dt, mergeProps as Et, reactive as ft, shallowRef as Be, TransitionGroup as _t, vShow as mt } from "vue";
-import { P as vt, g as Dt, h as Gt, _ as me, I as Ye, A as Ft, c as Xe, e as Ht, f as Nt, S as Wt, M as qt, E as Ut, B as jt, C as Yt, b as pt, W as Xt, d as Zt, a as Kt } from "./WarningFillIcon-Drb2OS3I.js";
+import { defineComponent as C, computed as R, resolveComponent as ut, createBlock as T, openBlock as c, resolveDynamicComponent as ee, normalizeClass as S, withCtx as H, createCommentVNode as V, createElementBlock as f, renderSlot as I, Fragment as D, createTextVNode as se, toDisplayString as L, ref as M, useTemplateRef as Ie, onMounted as oe, createElementVNode as h, createVNode as O, renderList as ce, unref as b, mergeModels as z, useModel as J, useId as xe, withDirectives as ae, vModelCheckbox as qe, onUnmounted as ct, watch as fe, nextTick as Oe, Teleport as Ue, Transition as je, normalizeStyle as ie, provide as X, useSlots as Ot, inject as q, vModelRadio as Lt, withModifiers as Pt, vModelDynamic as zt, vModelText as dt, mergeProps as Et, reactive as ft, shallowRef as Be, TransitionGroup as Dt, vShow as mt } from "vue";
+import { P as vt, g as Gt, h as _t, _ as me, I as Ye, A as Ft, c as Xe, e as Ht, f as Nt, S as Wt, M as qt, E as Ut, B as jt, C as Yt, b as pt, W as Xt, d as Zt, a as Kt } from "./WarningFillIcon-Drb2OS3I.js";
 import { o as gt, E as Jt, _ as Qt, u as ht } from "./useBodyScroll.util-BgQeA8Dg.js";
 const eo = {
   key: 1,
@@ -44,7 +44,7 @@ const eo = {
         })) : V("", !0),
         n.iconOnly ? V("", !0) : (c(), f("div", eo, [
           I(n.$slots, "default"),
-          n.label && !n.$slots.default ? (c(), f(E, { key: 0 }, [
+          n.label && !n.$slots.default ? (c(), f(D, { key: 0 }, [
             se(L(n.label), 1)
           ], 64)) : V("", !0)
         ]))
@@ -70,22 +70,22 @@ const eo = {
       gt(o.value, () => {
         t.value = !1;
       }, { ignore: [n.value?.$el] });
-    }), (s, a) => (c(), f("div", to, [
+    }), (s, r) => (c(), f("div", to, [
       h("div", {
         ref_key: "menuRef",
         ref: o,
         class: S(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": t.value }])
       }, [
-        (c(!0), f(E, null, ce(s.items, (r) => (c(), f("div", {
+        (c(!0), f(D, null, ce(s.items, (a) => (c(), f("div", {
           class: "sleed-deal-menu__item",
-          key: r.label,
-          onClick: (u) => i(r)
+          key: a.label,
+          onClick: (u) => i(a)
         }, [
-          r.icon ? (c(), T(ee(r.icon), {
+          a.icon ? (c(), T(ee(a.icon), {
             key: 0,
             class: "sleed-deal-menu__item-icon"
           })) : V("", !0),
-          h("span", no, L(r.label), 1)
+          h("span", no, L(a.label), 1)
         ], 8, oo))), 128))
       ], 2),
       O(b(Fe), {
@@ -118,7 +118,7 @@ const eo = {
   class: "checkbox__label"
 }, Ze = /* @__PURE__ */ C({
   __name: "Checkbox",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ z({
     label: {},
     value: {},
     disabled: { type: Boolean, default: !1 },
@@ -128,7 +128,7 @@ const eo = {
     modelValue: { type: [Array, String, Boolean, null] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ z(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = t, n = J(e, "modelValue"), l = xe(), i = R(() => [
       "checkbox",
@@ -137,12 +137,12 @@ const eo = {
         "checkbox--disabled": e.disabled
       }
     ]);
-    return (s, a) => (c(), f("label", {
+    return (s, r) => (c(), f("label", {
       for: b(l),
       class: S(i.value)
     }, [
       ae(h("input", {
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
         id: b(l),
         type: "checkbox",
         value: s.value,
@@ -150,18 +150,18 @@ const eo = {
         class: "checkbox__input",
         disabled: s.disabled,
         checked: s.checked,
-        onChange: a[1] || (a[1] = (r) => o("change", s.value))
+        onChange: r[1] || (r[1] = (a) => o("change", s.value))
       }, null, 40, so), [
         [qe, n.value]
       ]),
       h("div", io, [
         h("div", ao, [
-          n.value || s.checked ? (c(), f("svg", ro, a[2] || (a[2] = [
+          n.value || s.checked ? (c(), f("svg", ro, r[2] || (r[2] = [
             h("path", {
               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", uo, a[3] || (a[3] = [
+          ]))) : n.value === null ? (c(), f("svg", uo, r[3] || (r[3] = [
             h("path", {
               d: "M0.371094 1.62305L12.3711 1.62305",
               stroke: "white",
@@ -193,10 +193,10 @@ const eo = {
       class: "sort-button",
       onClick: l
     }, [
-      O(b(Dt), {
+      O(b(Gt), {
         class: S(["sort-button__icon", [{ "sort-button__icon--active": o.value.order === -1 && o.value.field === i.field }]])
       }, null, 8, ["class"]),
-      O(b(Gt), {
+      O(b(_t), {
         class: S(["sort-button__icon", { "sort-button__icon--active": o.value.order === 1 && o.value.field === i.field }])
       }, null, 8, ["class"])
     ]));
@@ -312,9 +312,9 @@ function st(e, t, o) {
     reference: n,
     floating: l
   } = e;
-  const i = ue(t), s = Je(t), a = Ke(s), r = we(t), u = i === "y", d = n.x + n.width / 2 - l.width / 2, m = n.y + n.height / 2 - l.height / 2, $ = n[a] / 2 - l[a] / 2;
+  const i = ue(t), s = Je(t), r = Ke(s), a = we(t), u = i === "y", d = n.x + n.width / 2 - l.width / 2, m = n.y + n.height / 2 - l.height / 2, $ = n[r] / 2 - l[r] / 2;
   let v;
-  switch (r) {
+  switch (a) {
     case "top":
       v = {
         x: d,
@@ -361,7 +361,7 @@ const Ro = async (e, t, o) => {
     strategy: l = "absolute",
     middleware: i = [],
     platform: s
-  } = o, a = i.filter(Boolean), r = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  } = o, r = i.filter(Boolean), a = await (s.isRTL == null ? void 0 : s.isRTL(t));
   let u = await s.getElementRects({
     reference: e,
     floating: t,
@@ -369,12 +369,12 @@ const Ro = async (e, t, o) => {
   }), {
     x: d,
     y: m
-  } = st(u, n, r), $ = n, v = {}, k = 0;
-  for (let A = 0; A < a.length; A++) {
+  } = st(u, n, a), $ = n, v = {}, k = 0;
+  for (let A = 0; A < r.length; A++) {
     const {
       name: p,
       fn: y
-    } = a[A], {
+    } = r[A], {
       x: g,
       y: w,
       data: x,
@@ -406,7 +406,7 @@ const Ro = async (e, t, o) => {
     }) : B.rects), {
       x: d,
       y: m
-    } = st(u, $, r)), A = -1);
+    } = st(u, $, a)), A = -1);
   }
   return {
     x: d,
@@ -424,35 +424,35 @@ async function bt(e, t) {
     y: l,
     platform: i,
     rects: s,
-    elements: a,
-    strategy: r
+    elements: r,
+    strategy: a
   } = e, {
     boundary: u = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: m = "floating",
     altBoundary: $ = !1,
     padding: v = 0
-  } = Ve(t, e), k = yt(v), p = a[$ ? m === "floating" ? "reference" : "floating" : m], y = ze(await i.getClippingRect({
-    element: (o = await (i.isElement == null ? void 0 : i.isElement(p))) == null || o ? p : p.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
+  } = Ve(t, e), k = yt(v), p = r[$ ? m === "floating" ? "reference" : "floating" : m], y = ze(await i.getClippingRect({
+    element: (o = await (i.isElement == null ? void 0 : i.isElement(p))) == null || o ? p : p.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(r.floating)),
     boundary: u,
     rootBoundary: d,
-    strategy: r
+    strategy: a
   })), g = 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(a.floating)), x = 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
   } : {
     x: 1,
     y: 1
   }, B = ze(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: a,
+    elements: r,
     rect: g,
     offsetParent: w,
-    strategy: r
+    strategy: a
   }) : g);
   return {
     top: (y.top - B.top + k.top) / x.y,
@@ -471,8 +471,8 @@ const Co = (e) => ({
       placement: l,
       rects: i,
       platform: s,
-      elements: a,
-      middlewareData: r
+      elements: r,
+      middlewareData: a
     } = t, {
       element: u,
       padding: d = 0
@@ -482,15 +482,15 @@ const Co = (e) => ({
     const m = yt(d), $ = {
       x: o,
       y: n
-    }, v = Je(l), k = Ke(v), A = await s.getDimensions(u), p = v === "y", y = p ? "top" : "left", g = p ? "bottom" : "right", w = p ? "clientHeight" : "clientWidth", x = i.reference[k] + i.reference[v] - $[v] - i.floating[k], B = $[v] - i.reference[v], D = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
-    let P = D ? D[w] : 0;
-    (!P || !await (s.isElement == null ? void 0 : s.isElement(D))) && (P = a.floating[w] || i.floating[k]);
-    const N = x / 2 - B / 2, G = P / 2 - A[k] / 2 - 1, U = $e(m[y], G), ve = $e(m[g], G), pe = U, Ce = P - A[k] - ve, z = P / 2 - A[k] / 2 + N, ge = He(pe, z, Ce), le = !r.arrow && Se(l) != null && z !== ge && i.reference[k] / 2 - (z < pe ? U : ve) - A[k] / 2 < 0, j = le ? z < pe ? z - pe : z - Ce : 0;
+    }, v = Je(l), k = Ke(v), A = await s.getDimensions(u), p = v === "y", y = p ? "top" : "left", g = p ? "bottom" : "right", w = p ? "clientHeight" : "clientWidth", x = i.reference[k] + i.reference[v] - $[v] - i.floating[k], B = $[v] - i.reference[v], G = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
+    let P = G ? G[w] : 0;
+    (!P || !await (s.isElement == null ? void 0 : s.isElement(G))) && (P = r.floating[w] || i.floating[k]);
+    const N = x / 2 - B / 2, _ = P / 2 - A[k] / 2 - 1, U = $e(m[y], _), ve = $e(m[g], _), pe = U, Ce = P - A[k] - ve, E = P / 2 - A[k] / 2 + N, ge = He(pe, E, Ce), le = !a.arrow && Se(l) != null && E !== ge && i.reference[k] / 2 - (E < pe ? U : ve) - A[k] / 2 < 0, j = le ? E < pe ? E - pe : E - Ce : 0;
     return {
       [v]: $[v] + j,
       data: {
         [v]: ge,
-        centerOffset: z - ge - j,
+        centerOffset: E - ge - j,
         ...le && {
           alignmentOffset: j
         }
@@ -508,8 +508,8 @@ const Co = (e) => ({
         placement: l,
         middlewareData: i,
         rects: s,
-        initialPlacement: a,
-        platform: r,
+        initialPlacement: r,
+        platform: a,
         elements: u
       } = t, {
         mainAxis: d = !0,
@@ -522,26 +522,26 @@ const Co = (e) => ({
       } = Ve(e, t);
       if ((o = i.arrow) != null && o.alignmentOffset)
         return {};
-      const y = we(l), g = ue(a), w = we(a) === a, x = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), B = $ || (w || !A ? [Pe(a)] : wo(a)), D = k !== "none";
-      !$ && D && B.push(...ko(a, A, k, x));
-      const P = [a, ...B], N = await bt(t, p), G = [];
+      const y = we(l), g = ue(r), w = we(r) === r, x = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), B = $ || (w || !A ? [Pe(r)] : wo(r)), G = k !== "none";
+      !$ && G && B.push(...ko(r, A, k, x));
+      const P = [r, ...B], N = await bt(t, p), _ = [];
       let U = ((n = i.flip) == null ? void 0 : n.overflows) || [];
-      if (d && G.push(N[y]), m) {
-        const z = ho(l, s, x);
-        G.push(N[z[0]], N[z[1]]);
+      if (d && _.push(N[y]), m) {
+        const E = ho(l, s, x);
+        _.push(N[E[0]], N[E[1]]);
       }
       if (U = [...U, {
         placement: l,
-        overflows: G
-      }], !G.every((z) => z <= 0)) {
+        overflows: _
+      }], !_.every((E) => E <= 0)) {
         var ve, pe;
-        const z = (((ve = i.flip) == null ? void 0 : ve.index) || 0) + 1, ge = P[z];
+        const E = (((ve = i.flip) == null ? void 0 : ve.index) || 0) + 1, ge = P[E];
         if (ge && (!(m === "alignment" ? g !== ue(ge) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         U.every((Y) => Y.overflows[0] > 0 && ue(Y.placement) === g)))
           return {
             data: {
-              index: z,
+              index: E,
               overflows: U
             },
             reset: {
@@ -554,7 +554,7 @@ const Co = (e) => ({
             case "bestFit": {
               var Ce;
               const j = (Ce = U.filter((Y) => {
-                if (D) {
+                if (G) {
                   const re = ue(Y.placement);
                   return re === g || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -566,7 +566,7 @@ const Co = (e) => ({
               break;
             }
             case "initialPlacement":
-              le = a;
+              le = r;
               break;
           }
         if (l !== le)
@@ -585,7 +585,7 @@ async function So(e, t) {
     placement: o,
     platform: n,
     elements: l
-  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = we(o), a = Se(o), r = ue(o) === "y", u = Vo.has(s) ? -1 : 1, d = i && r ? -1 : 1, m = Ve(t, e);
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = we(o), r = Se(o), a = ue(o) === "y", u = Vo.has(s) ? -1 : 1, d = i && a ? -1 : 1, m = Ve(t, e);
   let {
     mainAxis: $,
     crossAxis: v,
@@ -599,7 +599,7 @@ async function So(e, t) {
     crossAxis: m.crossAxis || 0,
     alignmentAxis: m.alignmentAxis
   };
-  return a && typeof k == "number" && (v = a === "end" ? k * -1 : k), r ? {
+  return r && typeof k == "number" && (v = r === "end" ? k * -1 : k), a ? {
     x: v * d,
     y: $ * u
   } : {
@@ -617,13 +617,13 @@ const To = function(e) {
         x: l,
         y: i,
         placement: s,
-        middlewareData: a
-      } = t, r = await So(t, e);
-      return s === ((o = a.offset) == null ? void 0 : o.placement) && (n = a.arrow) != null && n.alignmentOffset ? {} : {
-        x: l + r.x,
-        y: i + r.y,
+        middlewareData: r
+      } = t, a = await So(t, e);
+      return s === ((o = r.offset) == null ? void 0 : o.placement) && (n = r.arrow) != null && n.alignmentOffset ? {} : {
+        x: l + a.x,
+        y: i + a.y,
         data: {
-          ...r,
+          ...a,
           placement: s
         }
       };
@@ -641,7 +641,7 @@ const To = function(e) {
       } = t, {
         mainAxis: i = !0,
         crossAxis: s = !1,
-        limiter: a = {
+        limiter: r = {
           fn: (p) => {
             let {
               x: y,
@@ -653,11 +653,11 @@ const To = function(e) {
             };
           }
         },
-        ...r
+        ...a
       } = Ve(e, t), u = {
         x: o,
         y: n
-      }, d = await bt(t, r), m = ue(we(l)), $ = wt(m);
+      }, d = await bt(t, a), m = ue(we(l)), $ = wt(m);
       let v = u[$], k = u[m];
       if (i) {
         const p = $ === "y" ? "top" : "left", y = $ === "y" ? "bottom" : "right", g = v + d[p], w = v - d[y];
@@ -667,7 +667,7 @@ const To = function(e) {
         const p = m === "y" ? "top" : "left", y = m === "y" ? "bottom" : "right", g = k + d[p], w = k - d[y];
         k = He(g, k, w);
       }
-      const A = a.fn({
+      const A = r.fn({
         ...t,
         [$]: v,
         [m]: k
@@ -727,7 +727,7 @@ function Oo(e) {
   return Io.has(Re(e));
 }
 const Lo = [":popover-open", ":modal"];
-function _e(e) {
+function De(e) {
   return Lo.some((t) => {
     try {
       return e.matches(t);
@@ -741,12 +741,12 @@ function Qe(e) {
   const t = et(), o = Z(e) ? K(e) : e;
   return Po.some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || zo.some((n) => (o.willChange || "").includes(n)) || Eo.some((n) => (o.contain || "").includes(n));
 }
-function _o(e) {
+function Do(e) {
   let t = de(e);
   for (; te(t) && !ke(t); ) {
     if (Qe(t))
       return t;
-    if (_e(t))
+    if (De(t))
       return null;
     t = de(t);
   }
@@ -755,14 +755,14 @@ function _o(e) {
 function et() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Do = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const Go = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function ke(e) {
-  return Do.has(Re(e));
+  return Go.has(Re(e));
 }
 function K(e) {
   return F(e).getComputedStyle(e);
 }
-function De(e) {
+function Ge(e) {
   return Z(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -792,8 +792,8 @@ function Ae(e, t, o) {
   t === void 0 && (t = []), o === void 0 && (o = !0);
   const l = kt(e), i = l === ((n = e.ownerDocument) == null ? void 0 : n.body), s = F(l);
   if (i) {
-    const a = We(s);
-    return t.concat(s, s.visualViewport || [], Te(l) ? l : [], a && o ? Ae(a) : []);
+    const r = We(s);
+    return t.concat(s, s.visualViewport || [], Te(l) ? l : [], r && o ? Ae(r) : []);
   }
   return t.concat(l, Ae(l, [], o));
 }
@@ -803,11 +803,11 @@ function We(e) {
 function xt(e) {
   const t = K(e);
   let o = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
-  const l = te(e), i = l ? e.offsetWidth : o, s = l ? e.offsetHeight : n, a = Le(o) !== i || Le(n) !== s;
-  return a && (o = i, n = s), {
+  const l = te(e), i = l ? e.offsetWidth : o, s = l ? e.offsetHeight : n, r = Le(o) !== i || Le(n) !== s;
+  return r && (o = i, n = s), {
     width: o,
     height: n,
-    $: a
+    $: r
   };
 }
 function tt(e) {
@@ -822,16 +822,16 @@ function be(e) {
     height: l,
     $: i
   } = xt(t);
-  let s = (i ? Le(o.width) : o.width) / n, a = (i ? Le(o.height) : o.height) / l;
-  return (!s || !Number.isFinite(s)) && (s = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+  let s = (i ? Le(o.width) : o.width) / n, r = (i ? Le(o.height) : o.height) / l;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: s,
-    y: a
+    y: r
   };
 }
-const Go = /* @__PURE__ */ Q(0);
+const _o = /* @__PURE__ */ Q(0);
 function Rt(e) {
   const t = F(e);
-  return !et() || !t.visualViewport ? Go : {
+  return !et() || !t.visualViewport ? _o : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
@@ -844,25 +844,25 @@ function ye(e, t, o, n) {
   const l = e.getBoundingClientRect(), i = tt(e);
   let s = Q(1);
   t && (n ? Z(n) && (s = be(n)) : s = be(e));
-  const a = Fo(i, o, n) ? Rt(i) : Q(0);
-  let r = (l.left + a.x) / s.x, u = (l.top + a.y) / s.y, d = l.width / s.x, m = l.height / s.y;
+  const r = Fo(i, o, n) ? Rt(i) : Q(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 $ = F(i), v = n && Z(n) ? F(n) : n;
     let k = $, A = We(k);
     for (; A && n && v !== k; ) {
       const p = be(A), y = A.getBoundingClientRect(), g = K(A), w = y.left + (A.clientLeft + parseFloat(g.paddingLeft)) * p.x, x = y.top + (A.clientTop + parseFloat(g.paddingTop)) * p.y;
-      r *= p.x, u *= p.y, d *= p.x, m *= p.y, r += w, u += x, k = F(A), A = We(k);
+      a *= p.x, u *= p.y, d *= p.x, m *= p.y, a += w, u += x, k = F(A), A = We(k);
     }
   }
   return ze({
     width: d,
     height: m,
-    x: r,
+    x: a,
     y: u
   });
 }
 function ot(e, t) {
-  const o = De(e).scrollLeft;
+  const o = Ge(e).scrollLeft;
   return t ? t.left + o : ye(ne(e)).left + o;
 }
 function Ct(e, t, o) {
@@ -883,62 +883,62 @@ function Ho(e) {
     offsetParent: n,
     strategy: l
   } = e;
-  const i = l === "fixed", s = ne(n), a = t ? _e(t.floating) : !1;
-  if (n === s || a && i)
+  const i = l === "fixed", s = ne(n), r = t ? De(t.floating) : !1;
+  if (n === s || r && i)
     return o;
-  let r = {
+  let a = {
     scrollLeft: 0,
     scrollTop: 0
   }, u = Q(1);
   const d = Q(0), m = te(n);
-  if ((m || !m && !i) && ((Re(n) !== "body" || Te(s)) && (r = De(n)), te(n))) {
+  if ((m || !m && !i) && ((Re(n) !== "body" || Te(s)) && (a = Ge(n)), te(n))) {
     const v = ye(n);
     u = be(n), d.x = v.x + n.clientLeft, d.y = v.y + n.clientTop;
   }
-  const $ = s && !m && !i ? Ct(s, r, !0) : Q(0);
+  const $ = s && !m && !i ? Ct(s, a, !0) : Q(0);
   return {
     width: o.width * u.x,
     height: o.height * u.y,
-    x: o.x * u.x - r.scrollLeft * u.x + d.x + $.x,
-    y: o.y * u.y - r.scrollTop * u.y + d.y + $.y
+    x: o.x * u.x - a.scrollLeft * u.x + d.x + $.x,
+    y: o.y * u.y - a.scrollTop * u.y + d.y + $.y
   };
 }
 function No(e) {
   return Array.from(e.getClientRects());
 }
 function Wo(e) {
-  const t = ne(e), o = De(e), n = e.ownerDocument.body, l = he(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), i = he(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
+  const t = ne(e), o = Ge(e), n = e.ownerDocument.body, l = he(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), i = he(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
   let s = -o.scrollLeft + ot(e);
-  const a = -o.scrollTop;
+  const r = -o.scrollTop;
   return K(n).direction === "rtl" && (s += he(t.clientWidth, n.clientWidth) - l), {
     width: l,
     height: i,
     x: s,
-    y: a
+    y: r
   };
 }
 function qo(e, t) {
   const o = F(e), n = ne(e), l = o.visualViewport;
-  let i = n.clientWidth, s = n.clientHeight, a = 0, r = 0;
+  let i = n.clientWidth, s = n.clientHeight, r = 0, a = 0;
   if (l) {
     i = l.width, s = l.height;
     const u = et();
-    (!u || u && t === "fixed") && (a = l.offsetLeft, r = l.offsetTop);
+    (!u || u && t === "fixed") && (r = l.offsetLeft, a = l.offsetTop);
   }
   return {
     width: i,
     height: s,
-    x: a,
-    y: r
+    x: r,
+    y: a
   };
 }
 const Uo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function jo(e, t) {
-  const o = ye(e, !0, t === "fixed"), n = o.top + e.clientTop, l = o.left + e.clientLeft, i = te(e) ? be(e) : Q(1), s = e.clientWidth * i.x, a = e.clientHeight * i.y, r = l * i.x, u = n * i.y;
+  const o = ye(e, !0, t === "fixed"), n = o.top + e.clientTop, l = o.left + e.clientLeft, i = te(e) ? be(e) : Q(1), s = e.clientWidth * i.x, r = e.clientHeight * i.y, a = l * i.x, u = n * i.y;
   return {
     width: s,
-    height: a,
-    x: r,
+    height: r,
+    x: a,
     y: u
   };
 }
@@ -969,12 +969,12 @@ function Yo(e, t) {
   const o = t.get(e);
   if (o)
     return o;
-  let n = Ae(e, [], !1).filter((a) => Z(a) && Re(a) !== "body"), l = null;
+  let n = Ae(e, [], !1).filter((r) => Z(r) && Re(r) !== "body"), l = null;
   const i = K(e).position === "fixed";
   let s = i ? de(e) : e;
   for (; Z(s) && !ke(s); ) {
-    const a = K(s), r = Qe(s);
-    !r && a.position === "fixed" && (l = null), (i ? !r && !l : !r && a.position === "static" && !!l && Uo.has(l.position) || Te(s) && !r && At(e, s)) ? n = n.filter((d) => d !== s) : l = a, s = de(s);
+    const r = K(s), a = Qe(s);
+    !a && r.position === "fixed" && (l = null), (i ? !a && !l : !a && r.position === "static" && !!l && Uo.has(l.position) || Te(s) && !a && At(e, s)) ? n = n.filter((d) => d !== s) : l = r, s = de(s);
   }
   return t.set(e, n), n;
 }
@@ -985,15 +985,15 @@ function Xo(e) {
     rootBoundary: n,
     strategy: l
   } = e;
-  const s = [...o === "clippingAncestors" ? _e(t) ? [] : Yo(t, this._c) : [].concat(o), n], a = s[0], r = s.reduce((u, d) => {
+  const s = [...o === "clippingAncestors" ? De(t) ? [] : Yo(t, this._c) : [].concat(o), n], r = s[0], a = s.reduce((u, d) => {
     const m = at(t, d, l);
     return u.top = he(m.top, u.top), u.right = $e(m.right, u.right), u.bottom = $e(m.bottom, u.bottom), u.left = he(m.left, u.left), u;
-  }, at(t, a, l));
+  }, at(t, r, l));
   return {
-    width: r.right - r.left,
-    height: r.bottom - r.top,
-    x: r.left,
-    y: r.top
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
   };
 }
 function Zo(e) {
@@ -1008,21 +1008,21 @@ function Zo(e) {
 }
 function Ko(e, t, o) {
   const n = te(t), l = ne(t), i = o === "fixed", s = ye(e, !0, i, t);
-  let a = {
+  let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const r = Q(0);
+  const a = Q(0);
   function u() {
-    r.x = ot(l);
+    a.x = ot(l);
   }
   if (n || !n && !i)
-    if ((Re(t) !== "body" || Te(l)) && (a = De(t)), n) {
+    if ((Re(t) !== "body" || Te(l)) && (r = Ge(t)), n) {
       const v = ye(t, !0, i, t);
-      r.x = v.x + t.clientLeft, r.y = v.y + t.clientTop;
+      a.x = v.x + t.clientLeft, a.y = v.y + t.clientTop;
     } else l && u();
   i && !n && l && u();
-  const d = l && !n && !i ? Ct(l, a) : Q(0), m = s.left + a.scrollLeft - r.x - d.x, $ = s.top + a.scrollTop - r.y - d.y;
+  const d = l && !n && !i ? Ct(l, r) : Q(0), m = s.left + r.scrollLeft - a.x - d.x, $ = s.top + r.scrollTop - a.y - d.y;
   return {
     x: m,
     y: $,
@@ -1030,7 +1030,7 @@ function Ko(e, t, o) {
     height: s.height
   };
 }
-function Ge(e) {
+function _e(e) {
   return K(e).position === "static";
 }
 function rt(e, t) {
@@ -1043,21 +1043,21 @@ function rt(e, t) {
 }
 function Vt(e, t) {
   const o = F(e);
-  if (_e(e))
+  if (De(e))
     return o;
   if (!te(e)) {
     let l = de(e);
     for (; l && !ke(l); ) {
-      if (Z(l) && !Ge(l))
+      if (Z(l) && !_e(l))
         return l;
       l = de(l);
     }
     return o;
   }
   let n = rt(e, t);
-  for (; n && Oo(n) && Ge(n); )
+  for (; n && Oo(n) && _e(n); )
     n = rt(n, t);
-  return n && ke(n) && Ge(n) && !Qe(n) ? o : n || _o(e) || o;
+  return n && ke(n) && _e(n) && !Qe(n) ? o : n || Do(e) || o;
 }
 const Jo = async function(e) {
   const t = this.getOffsetParent || Vt, o = this.getDimensions, n = await o(e.floating);
@@ -1093,27 +1093,27 @@ function tn(e, t) {
   let o = null, n;
   const l = ne(e);
   function i() {
-    var a;
-    clearTimeout(n), (a = o) == null || a.disconnect(), o = null;
+    var r;
+    clearTimeout(n), (r = o) == null || r.disconnect(), o = null;
   }
-  function s(a, r) {
-    a === void 0 && (a = !1), r === void 0 && (r = 1), i();
+  function s(r, a) {
+    r === void 0 && (r = !1), a === void 0 && (a = 1), i();
     const u = e.getBoundingClientRect(), {
       left: d,
       top: m,
       width: $,
       height: v
     } = u;
-    if (a || t(), !$ || !v)
+    if (r || t(), !$ || !v)
       return;
     const k = Me(m), A = Me(l.clientWidth - (d + $)), p = Me(l.clientHeight - (m + v)), y = Me(d), w = {
       rootMargin: -k + "px " + -A + "px " + -p + "px " + -y + "px",
-      threshold: he(0, $e(1, r)) || 1
+      threshold: he(0, $e(1, a)) || 1
     };
     let x = !0;
-    function B(D) {
-      const P = D[0].intersectionRatio;
-      if (P !== r) {
+    function B(G) {
+      const P = G[0].intersectionRatio;
+      if (P !== a) {
         if (!x)
           return s();
         P ? s(!1, P) : n = setTimeout(() => {
@@ -1141,15 +1141,15 @@ function on(e, t, o, n) {
     ancestorScroll: l = !0,
     ancestorResize: i = !0,
     elementResize: s = typeof ResizeObserver == "function",
-    layoutShift: a = typeof IntersectionObserver == "function",
-    animationFrame: r = !1
+    layoutShift: r = typeof IntersectionObserver == "function",
+    animationFrame: a = !1
   } = n, u = tt(e), d = l || i ? [...u ? Ae(u) : [], ...Ae(t)] : [];
   d.forEach((y) => {
     l && y.addEventListener("scroll", o, {
       passive: !0
     }), i && y.addEventListener("resize", o);
   });
-  const m = u && a ? tn(u, o) : null;
+  const m = u && r ? tn(u, o) : null;
   let $ = -1, v = null;
   s && (v = new ResizeObserver((y) => {
     let [g] = y;
@@ -1157,9 +1157,9 @@ function on(e, t, o, n) {
       var w;
       (w = v) == null || w.observe(t);
     })), o();
-  }), u && !r && v.observe(u), v.observe(t));
-  let k, A = r ? ye(e) : null;
-  r && p();
+  }), u && !a && v.observe(u), v.observe(t));
+  let k, A = a ? ye(e) : null;
+  a && p();
   function p() {
     const y = ye(e);
     A && !St(A, y) && o(), A = y, k = requestAnimationFrame(p);
@@ -1168,7 +1168,7 @@ function on(e, t, o, n) {
     var y;
     d.forEach((g) => {
       l && g.removeEventListener("scroll", o), i && g.removeEventListener("resize", o);
-    }), m?.(), (y = v) == null || y.disconnect(), v = null, r && cancelAnimationFrame(k);
+    }), m?.(), (y = v) == null || y.disconnect(), v = null, a && cancelAnimationFrame(k);
   };
 }
 const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
@@ -1197,7 +1197,7 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
   },
   emits: ["show", "hide"],
   setup(e, { emit: t }) {
-    const o = e, n = t, l = M(), i = M(), s = M(!1), a = M("bottom"), r = M({}), u = M({});
+    const o = e, n = t, l = M(), i = M(), s = M(!1), r = M("bottom"), a = M({}), u = M({});
     let d = null, m = null;
     const $ = R(() => o.trigger === "hover"), v = async () => {
       o.disabled || (m && (clearTimeout(m), m = null), s.value = !0, n("show"), await Oe(), await p());
@@ -1211,7 +1211,7 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
       o.trigger === "click" && (s.value ? k() : v());
     }, p = async () => {
       if (!l.value || !i.value) return;
-      const w = i.value.querySelector(".popover__arrow"), { x, y: B, placement: D, middlewareData: P } = await rn(
+      const w = i.value.querySelector(".popover__arrow"), { x, y: B, placement: G, middlewareData: P } = await rn(
         l.value,
         i.value,
         {
@@ -1224,13 +1224,13 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
           ]
         }
       );
-      if (a.value = D, r.value = {
+      if (r.value = G, a.value = {
         position: "absolute",
         top: `${B}px`,
         left: `${x}px`,
         zIndex: 1e3
       }, o.showArrow && P.arrow) {
-        const { x: N, y: G } = P.arrow, U = D.split("-")[0], ve = {
+        const { x: N, y: _ } = P.arrow, U = G.split("-")[0], ve = {
           top: "bottom",
           right: "left",
           bottom: "top",
@@ -1238,7 +1238,7 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
         }[U];
         u.value = {
           left: N != null ? `${N}px` : "",
-          top: G != null ? `${G}px` : "",
+          top: _ != null ? `${_}px` : "",
           right: "",
           bottom: "",
           [ve]: "-10px"
@@ -1275,8 +1275,8 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
               key: 0,
               ref_key: "popoverRef",
               ref: i,
-              class: S(["popover", [`popover--${a.value}`, w.popoverClass, `popover--${w.size}`]]),
-              style: ie(r.value),
+              class: S(["popover", [`popover--${r.value}`, w.popoverClass, `popover--${w.size}`]]),
+              style: ie(a.value),
               onMouseenter: x[2] || (x[2] = (B) => w.trigger === "hover" ? v() : null),
               onMouseleave: x[3] || (x[3] = (B) => w.trigger === "hover" ? k() : null)
             }, [
@@ -1345,33 +1345,33 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
       ...s.style,
       width: s.selectionMode ? "30px" : s.style?.width ? s.style?.width : "auto"
     });
-    return (s, a) => (c(), f("thead", {
+    return (s, r) => (c(), f("thead", {
       class: S(n.value)
     }, [
       h("tr", gn, [
-        (c(!0), f(E, null, ce(s.columns, (r, u) => (c(), f("th", {
-          class: S(l(r)),
+        (c(!0), f(D, null, ce(s.columns, (a, u) => (c(), f("th", {
+          class: S(l(a)),
           key: u,
-          style: ie(i(r))
+          style: ie(i(a))
         }, [
           h("div", hn, [
-            r.selectionMode && r.selectionMode === "multiple" ? (c(), T(b(Ze), {
+            a.selectionMode && a.selectionMode === "multiple" ? (c(), T(b(Ze), {
               key: 0,
               size: "small",
               checked: s.isSelectedAll,
-              onChange: a[0] || (a[0] = (d) => o("selectAllRow"))
+              onChange: r[0] || (r[0] = (d) => o("selectAllRow"))
             }, null, 8, ["checked"])) : V("", !0),
-            r.header ? (c(), f("span", wn, L(r.header), 1)) : V("", !0),
-            r.description ? (c(), T(pn, {
+            a.header ? (c(), f("span", wn, L(a.header), 1)) : V("", !0),
+            a.description ? (c(), T(pn, {
               key: 2,
-              description: r.description,
+              description: a.description,
               class: "table-header__cell-description"
             }, null, 8, ["description"])) : V("", !0),
-            r.field && s.sortField && s.sortField.includes(r.field) ? (c(), f("div", yn, [
-              r.field ? (c(), T(mo, {
+            a.field && s.sortField && s.sortField.includes(a.field) ? (c(), f("div", yn, [
+              a.field ? (c(), T(mo, {
                 key: 0,
-                field: r.field,
-                onUpdateSort: a[1] || (a[1] = (d) => o("update:sort", d))
+                field: a.field,
+                onUpdateSort: r[1] || (r[1] = (d) => o("update:sort", d))
               }, null, 8, ["field"])) : V("", !0)
             ])) : V("", !0)
           ])
@@ -1404,36 +1404,36 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
         "table-cell--expander": e.column.field === "_expander"
       }
     ]), s = () => e.column.field ? e.item[e.column.field] : "";
-    return (a, r) => a.rowspan > 0 || !a.rowGroupMode ? (c(), f("td", {
+    return (r, a) => r.rowspan > 0 || !r.rowGroupMode ? (c(), f("td", {
       key: 0,
       class: S(i.value),
-      rowspan: a.rowspan > 1 ? a.rowspan : void 0
+      rowspan: r.rowspan > 1 ? r.rowspan : void 0
     }, [
-      a.column.field === "_expander" && a.item._isFirstInGroup ? (c(), f("button", {
+      r.column.field === "_expander" && r.item._isFirstInGroup ? (c(), f("button", {
         key: 0,
         class: "table-cell__expander",
-        onClick: r[0] || (r[0] = (u) => o("toggleGroup", a.item._groupValue))
+        onClick: a[0] || (a[0] = (u) => o("toggleGroup", r.item._groupValue))
       }, [
         O(b(Ft), {
           class: S({ rotated: !l.value })
         }, null, 8, ["class"])
       ])) : V("", !0),
-      a.column.selectionMode && a.column.selectionMode === "multiple" ? (c(), T(b(Ze), {
+      r.column.selectionMode && r.column.selectionMode === "multiple" ? (c(), T(b(Ze), {
         key: 1,
         size: "small",
         checked: n.value,
-        onChange: r[1] || (r[1] = (u) => o("toggleRow"))
-      }, null, 8, ["checked"])) : a.column.selectionMode && a.column.selectionMode === "single" ? (c(), T(b(Tt), {
+        onChange: a[1] || (a[1] = (u) => o("toggleRow"))
+      }, null, 8, ["checked"])) : r.column.selectionMode && r.column.selectionMode === "single" ? (c(), T(b(Tt), {
         key: 2,
         size: "small",
-        onChange: r[2] || (r[2] = (u) => o("toggleRow"))
-      })) : (c(), f(E, { key: 3 }, [
-        a.column.bodySlot ? (c(), T(ee(a.column.bodySlot), {
+        onChange: a[2] || (a[2] = (u) => o("toggleRow"))
+      })) : (c(), f(D, { key: 3 }, [
+        r.column.bodySlot ? (c(), T(ee(r.column.bodySlot), {
           key: 0,
-          data: a.item,
-          field: a.column.field,
-          index: a.index,
-          column: a.column
+          data: r.item,
+          field: r.column.field,
+          index: r.index,
+          column: r.column
         }, null, 8, ["data", "field", "index", "column"])) : (c(), f("span", xn, L(s()), 1))
       ], 64))
     ], 10, kn)) : V("", !0);
@@ -1457,7 +1457,7 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
       class: "table-row",
       onClick: i[2] || (i[2] = (s) => o("rowClickHandler", { data: l.item, index: l.rowIndex }))
     }, [
-      (c(!0), f(E, null, ce(l.columns, (s) => (c(), T(Cn, {
+      (c(!0), f(D, null, ce(l.columns, (s) => (c(), T(Cn, {
         key: s.field || s.header,
         column: s,
         item: l.item,
@@ -1468,8 +1468,8 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
         rowGroupMode: l.rowGroupMode,
         groupRowsBy: l.groupRowsBy,
         collapsedGroups: l.collapsedGroups,
-        onToggleRow: i[0] || (i[0] = (a) => o("toggleRow", l.item)),
-        onToggleGroup: i[1] || (i[1] = (a) => o("toggleGroup", a))
+        onToggleRow: i[0] || (i[0] = (r) => o("toggleRow", l.item)),
+        onToggleGroup: i[1] || (i[1] = (r) => o("toggleGroup", r))
       }, null, 8, ["column", "item", "index", "selectedRows", "size", "rowspan", "rowGroupMode", "groupRowsBy", "collapsedGroups"]))), 128))
     ]));
   }
@@ -1488,9 +1488,9 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
   setup(e, { emit: t }) {
     const o = t, n = (l, i) => l.id ? `row-${l.id}` : `row-${i}`;
     return (l, i) => (c(), f("tbody", Sn, [
-      (c(!0), f(E, null, ce(l.data, (s, a) => (c(), T(Vn, {
-        key: n(s, a),
-        rowIndex: a,
+      (c(!0), f(D, null, ce(l.data, (s, r) => (c(), T(Vn, {
+        key: n(s, r),
+        rowIndex: r,
         item: s,
         columns: l.columns,
         selectedRows: l.selectedRows,
@@ -1498,9 +1498,9 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, t, o) => {
         rowGroupMode: l.rowGroupMode,
         groupRowsBy: l.groupRowsBy,
         collapsedGroups: l.collapsedGroups,
-        onRowClickHandler: i[0] || (i[0] = (r) => o("rowClickHandler", r)),
-        onToggleRow: i[1] || (i[1] = (r) => o("toggleRow", r)),
-        onToggleGroup: i[2] || (i[2] = (r) => o("toggleGroup", r))
+        onRowClickHandler: i[0] || (i[0] = (a) => o("rowClickHandler", a)),
+        onToggleRow: i[1] || (i[1] = (a) => o("toggleRow", a)),
+        onToggleGroup: i[2] || (i[2] = (a) => o("toggleGroup", a))
       }, null, 8, ["rowIndex", "item", "columns", "selectedRows", "size", "rowGroupMode", "groupRowsBy", "collapsedGroups"]))), 128))
     ]));
   }
@@ -1536,8 +1536,8 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     toggleSelectRow: (s) => {
       if (e.value)
         if (e.value === "multiple") {
-          const a = Array.isArray(o.value) ? o.value.findIndex((r) => r === s) : -1;
-          a === -1 ? Array.isArray(o.value) ? o.value.push(s) : o.value = [s] : o.value.splice(a, 1);
+          const r = Array.isArray(o.value) ? o.value.findIndex((a) => a === s) : -1;
+          r === -1 ? Array.isArray(o.value) ? o.value.push(s) : o.value = [s] : o.value.splice(r, 1);
         } else
           o.value = s;
     },
@@ -1550,15 +1550,15 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     if (!e.value || !t.value) return n;
     const l = /* @__PURE__ */ new Map();
     n.forEach((s) => {
-      const a = s[t.value]?.toString();
-      l.has(a) || l.set(a, []), l.get(a)?.push(s);
+      const r = s[t.value]?.toString();
+      l.has(r) || l.set(r, []), l.get(r)?.push(s);
     });
     const i = [];
-    return l.forEach((s, a) => {
-      s.forEach((r, u) => {
+    return l.forEach((s, r) => {
+      s.forEach((a, u) => {
         i.push({
-          ...r,
-          _groupValue: a,
+          ...a,
+          _groupValue: r,
           _groupField: t,
           _isFirstInGroup: u === 0,
           _groupRowSpan: s.length
@@ -1580,13 +1580,13 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   },
   emits: ["update:selectedRows", "rowClickHandler"],
   setup(e, { emit: t }) {
-    const o = t, n = R(() => e.rowGroupMode), l = R(() => e.groupRowsBy), { dataWithGroup: i } = zn(n, l), { columns: s, options: a } = Ln(n), r = R(() => a.value.selectedMode), { selectedRows: u, isSelectedAll: d, toggleSelectRow: m, toggleSelectedAll: $ } = Pn(r, e.data), v = M(null), k = R(() => {
+    const o = t, n = R(() => e.rowGroupMode), l = R(() => e.groupRowsBy), { dataWithGroup: i } = zn(n, l), { columns: s, options: r } = Ln(n), a = R(() => r.value.selectedMode), { selectedRows: u, isSelectedAll: d, toggleSelectRow: m, toggleSelectedAll: $ } = Pn(a, e.data), v = M(null), k = R(() => {
       let g = [...e.data];
       if (v.value) {
         const { field: x, order: B } = v.value;
-        g.sort((D, P) => {
-          const N = D[x], G = P[x];
-          return N === G ? 0 : B === 1 ? N > G ? 1 : -1 : N < G ? 1 : -1;
+        g.sort((G, P) => {
+          const N = G[x], _ = P[x];
+          return N === _ ? 0 : B === 1 ? N > _ ? 1 : -1 : N < _ ? 1 : -1;
         });
       }
       const w = i(g);
@@ -1658,9 +1658,9 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       n && n(l);
     }), (i, s) => V("", !0);
   }
-}), _n = { class: "chip-checkbox" }, Dn = ["name", "id", "value"], Gn = { class: "chip-checkbox__text" }, Zl = /* @__PURE__ */ C({
+}), Dn = { class: "chip-checkbox" }, Gn = ["name", "id", "value"], _n = { class: "chip-checkbox__text" }, Zl = /* @__PURE__ */ C({
   __name: "ChipCheckbox",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ z({
     value: {},
     label: {},
     id: {}
@@ -1671,14 +1671,14 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   emits: ["update:modelValue"],
   setup(e) {
     const t = J(e, "modelValue"), o = xe();
-    return (n, l) => (c(), f("div", _n, [
+    return (n, l) => (c(), f("div", Dn, [
       ae(h("input", {
         "onUpdate:modelValue": l[0] || (l[0] = (i) => t.value = i),
         type: "checkbox",
         name: b(o),
         id: b(o),
         value: n.value
-      }, null, 8, Dn), [
+      }, null, 8, Gn), [
         [qe, t.value]
       ]),
       l[1] || (l[1] = h("div", { class: "chip-checkbox__icon" }, [
@@ -1694,12 +1694,12 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
           })
         ])
       ], -1)),
-      h("span", Gn, L(n.label), 1)
+      h("span", _n, L(n.label), 1)
     ]));
   }
 }), Fn = ["id", "value", "disabled"], Hn = ["for"], Tt = /* @__PURE__ */ C({
   __name: "Radio",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ z({
     label: {},
     disabled: { type: Boolean, default: !1 },
     value: {},
@@ -1708,32 +1708,32 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ z(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = J(e, "modelValue"), n = xe(), l = t, i = R(() => ["radio", `radio--${e.size}`]);
-    return (s, a) => (c(), f("div", {
+    return (s, r) => (c(), f("div", {
       class: S(i.value)
     }, [
       ae(h("input", {
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => o.value = r),
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => o.value = a),
         type: "radio",
         name: "radio",
         id: b(n),
         class: "radio__input",
         value: s.value,
         disabled: s.disabled,
-        onChange: a[1] || (a[1] = (r) => l("change", s.value))
+        onChange: r[1] || (r[1] = (a) => l("change", s.value))
       }, null, 40, Fn), [
         [Lt, o.value]
       ]),
-      a[2] || (a[2] = h("div", { class: "radio__track" }, [
+      r[2] || (r[2] = h("div", { class: "radio__track" }, [
         h("div", { class: "radio__thumb" })
       ], -1)),
       h("label", {
         for: b(n),
         class: "radio__label"
       }, [
-        s.label ? (c(), f(E, { key: 0 }, [
+        s.label ? (c(), f(D, { key: 0 }, [
           se(L(s.label), 1)
         ], 64)) : I(s.$slots, "default", { key: 1 })
       ], 8, Hn)
@@ -1790,7 +1790,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   class: "input__error"
 }, Bt = /* @__PURE__ */ C({
   __name: "InputText",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ z({
     label: {},
     placeholder: {},
     allowClear: { type: Boolean },
@@ -1808,7 +1808,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["blur", "input"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ z(["blur", "input"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = t, n = J(e, "modelValue"), l = xe(), i = M(!1), s = R(() => [
       "input",
@@ -1818,28 +1818,28 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
         "input--disabled": e.disabled,
         "input--error": e.error
       }
-    ]), a = R(() => e.type === "password" ? i.value ? "text" : "password" : e.type);
-    return (r, u) => (c(), f("div", {
+    ]), r = R(() => e.type === "password" ? i.value ? "text" : "password" : e.type);
+    return (a, u) => (c(), f("div", {
       class: S(s.value)
     }, [
-      r.label ? (c(), f("label", {
+      a.label ? (c(), f("label", {
         key: 0,
-        for: r.inputId ?? b(l),
+        for: a.inputId ?? b(l),
         class: "input__label"
       }, [
-        r.required ? (c(), f("sup", Yn, "*")) : V("", !0),
-        se(" " + L(r.label), 1)
+        a.required ? (c(), f("sup", Yn, "*")) : V("", !0),
+        se(" " + L(a.label), 1)
       ], 8, jn)) : V("", !0),
       h("div", Xn, [
         ae(h("input", {
           "onUpdate:modelValue": u[0] || (u[0] = (d) => n.value = d),
-          id: r.inputId ?? b(l),
-          placeholder: r.placeholder,
-          name: r.name,
+          id: a.inputId ?? b(l),
+          placeholder: a.placeholder,
+          name: a.name,
           class: "input__field",
-          disabled: r.disabled,
-          type: a.value,
-          required: r.required,
+          disabled: a.disabled,
+          type: r.value,
+          required: a.required,
           onClick: u[1] || (u[1] = (d) => o("blur")),
           onBlur: u[2] || (u[2] = (d) => o("blur")),
           onInput: u[3] || (u[3] = (d) => o("input", d))
@@ -1847,14 +1847,14 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
           [zt, n.value]
         ]),
         h("div", Kn, [
-          r.type === "text" && r.allowClear && n.value && n.value.length > 0 ? (c(), f("button", {
+          a.type === "text" && a.allowClear && n.value && n.value.length > 0 ? (c(), f("button", {
             key: 0,
             class: "input__clear",
             onClick: u[4] || (u[4] = (d) => n.value = "")
           }, [
             O(b(Xe))
           ])) : V("", !0),
-          r.type === "password" ? (c(), f("button", {
+          a.type === "password" ? (c(), f("button", {
             key: 1,
             class: "input__eye",
             onClick: u[5] || (u[5] = (d) => i.value = !i.value)
@@ -1863,7 +1863,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
           ])) : V("", !0)
         ])
       ]),
-      r.error && r.errorText ? (c(), f("small", Jn, L(r.errorText), 1)) : V("", !0)
+      a.error && a.errorText ? (c(), f("small", Jn, L(a.errorText), 1)) : V("", !0)
     ], 2));
   }
 }), Qn = { class: "icon-field__content" }, el = /* @__PURE__ */ C({
@@ -1917,7 +1917,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   class: /* @__PURE__ */ S(["dropdown-option"])
 }, nl = /* @__PURE__ */ C({
   __name: "DropdownOption",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ z({
     item: {},
     multiple: { type: Boolean, default: !1 }
   }, {
@@ -1938,7 +1938,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
           o.$slots.option ? I(o.$slots, "option", {
             key: 0,
             option: o.item
-          }) : (c(), f(E, { key: 1 }, [
+          }) : (c(), f(D, { key: 1 }, [
             se(L(o.item.label), 1)
           ], 64))
         ]),
@@ -1953,7 +1953,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
           o.$slots.option ? I(o.$slots, "option", {
             key: 0,
             option: o.item
-          }) : (c(), f(E, { key: 1 }, [
+          }) : (c(), f(D, { key: 1 }, [
             se(L(o.item.label), 1)
           ], 64))
         ]),
@@ -1981,7 +1981,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   class: "dropdown__popover-list"
 }, Kl = /* @__PURE__ */ C({
   __name: "Dropdown",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ z({
     options: {},
     optionLabel: {},
     optionValue: {},
@@ -1994,7 +1994,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["search"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ z(["search"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = t, n = R(() => e.optionValue ? e.optionValue : "value"), l = R(() => e.optionLabel ? e.optionLabel : "label"), i = J(e, "modelValue"), s = R({
       get() {
@@ -2012,7 +2012,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
           i.value = e.returnObject ? y : p;
         }
       }
-    }), a = R(() => (console.log(Array.isArray(i.value)), Array.isArray(i.value) && i.value.length === 0 || typeof i.value == "string" && i.value.length === 0)), r = M(""), u = M(!1), d = R(() => [
+    }), 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 = M(""), u = M(!1), d = R(() => [
       "dropdown",
       {
         "dropdown--open": u.value,
@@ -2051,7 +2051,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
           class: S(["dropdown__field-inner", [{ "dropdown__field-inner--multiple": p.multiple }, { "dropdown__field-inner--placeholder": !i.value }]])
         }, [
           p.multiple ? (c(), f("div", ll, [
-            (c(!0), f(E, null, ce(s.value, (g) => (c(), T(b(Un), {
+            (c(!0), f(D, null, ce(s.value, (g) => (c(), T(b(Un), {
               variant: "secondary",
               key: g,
               removable: "",
@@ -2062,7 +2062,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
               ]),
               _: 2
             }, 1032, ["onRemove"]))), 128))
-          ])) : (c(), f("span", sl, L(a.value ? p.placeholder : m.value), 1))
+          ])) : (c(), f("span", sl, L(r.value ? p.placeholder : m.value), 1))
         ], 2),
         y[4] || (y[4] = h("div", { class: "dropdown__field-arrow" }, [
           h("svg", {
@@ -2087,9 +2087,9 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
             }, {
               default: H(() => [
                 O(b(Bt), {
-                  modelValue: r.value,
-                  "onUpdate:modelValue": y[1] || (y[1] = (g) => r.value = g),
-                  onInput: y[2] || (y[2] = (g) => o("search", r.value)),
+                  modelValue: a.value,
+                  "onUpdate:modelValue": y[1] || (y[1] = (g) => a.value = g),
+                  onInput: y[2] || (y[2] = (g) => o("search", a.value)),
                   disabled: p.loading
                 }, null, 8, ["modelValue", "disabled"])
               ]),
@@ -2099,7 +2099,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
           p.loading ? (c(), f("div", ul, [
             O(b(tl))
           ])) : (c(), f("div", cl, [
-            (c(!0), f(E, null, ce(p.options, (g, w) => (c(), T(nl, {
+            (c(!0), f(D, null, ce(p.options, (g, w) => (c(), T(nl, {
               key: w,
               modelValue: s.value,
               "onUpdate:modelValue": y[3] || (y[3] = (x) => s.value = x),
@@ -2113,7 +2113,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   }
 }), dl = { class: "input-number__wrapper" }, fl = ["max"], Jl = /* @__PURE__ */ C({
   __name: "InputNumber",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ z({
     viewButtons: { type: Boolean, default: !1 },
     max: {},
     countInPackage: { default: 1 },
@@ -2129,11 +2129,11 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     const t = J(e, "modelValue"), o = M(
       typeof e.formatter == "function" ? e.formatter(t.value) : String(t.value)
     );
-    fe(t, (r) => {
-      o.value = typeof e.formatter == "function" ? e.formatter(r) : String(r);
+    fe(t, (a) => {
+      o.value = typeof e.formatter == "function" ? e.formatter(a) : String(a);
     });
-    const n = (r) => {
-      let d = r.target.value;
+    const n = (a) => {
+      let d = a.target.value;
       d = d.replace(/[^\d]/g, "");
       let m = parseInt(d);
       m < 1 && (m = 1), e.max && m > e.max && (m = e.max), m % e.countInPackage !== 0 && (m = Math.floor(m / e.countInPackage) * e.countInPackage + e.countInPackage), o.value = typeof e.formatter == "function" ? e.formatter(m) : String(m), t.value = m;
@@ -2141,13 +2141,13 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       o.value = typeof e.formatter == "function" ? e.formatter(t.value) : String(t.value);
     }, i = () => {
       if (e.max && t.value === e.max) return;
-      let r = t.value + e.countInPackage;
-      e.max && r > e.max && (r = e.max), t.value = r;
+      let a = t.value + e.countInPackage;
+      e.max && a > e.max && (a = e.max), t.value = a;
     }, s = () => {
       if (t.value === 1) return;
-      let r = t.value - e.countInPackage;
-      r < 1 && (r = 1), t.value = r;
-    }, a = R(() => [
+      let a = t.value - e.countInPackage;
+      a < 1 && (a = 1), t.value = a;
+    }, r = R(() => [
       "input-number",
       {
         "input-number--view-buttons": e.viewButtons,
@@ -2156,35 +2156,35 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     ]);
     return oe(() => {
       t.value = e.countInPackage, o.value = typeof e.formatter == "function" ? e.formatter(t.value) : String(t.value);
-    }), (r, u) => (c(), f("div", {
-      class: S(a.value)
+    }), (a, u) => (c(), f("div", {
+      class: S(r.value)
     }, [
-      r.viewButtons ? (c(), T(b(Fe), {
+      a.viewButtons ? (c(), T(b(Fe), {
         key: 0,
         contrast: "",
         icon: b(qt),
         class: "input-number__button input-number__button--decrement",
         "icon-only": "",
         size: "small",
-        disabled: r.countInPackage ? t.value === r.countInPackage : t.value === 1,
+        disabled: a.countInPackage ? t.value === a.countInPackage : t.value === 1,
         onClick: s
       }, null, 8, ["icon", "disabled"])) : V("", !0),
       h("div", dl, [
-        (c(), T(ee(r.icon))),
+        (c(), T(ee(a.icon))),
         ae(h("input", {
           "onUpdate:modelValue": u[0] || (u[0] = (d) => o.value = d),
           type: "text",
           name: "input-number",
           id: "input-number",
           class: "input-number__input",
-          max: r.max,
+          max: a.max,
           onInput: n,
           onBlur: l
         }, null, 40, fl), [
           [dt, o.value]
         ])
       ]),
-      r.viewButtons ? (c(), T(b(Fe), {
+      a.viewButtons ? (c(), T(b(Fe), {
         key: 1,
         contrast: "",
         icon: b(vt),
@@ -2192,13 +2192,13 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
         "icon-only": "",
         size: "small",
         onClick: i,
-        disabled: !!r.max && t.value === r.max
+        disabled: !!a.max && t.value === a.max
       }, null, 8, ["icon", "disabled"])) : V("", !0)
     ], 2));
   }
 }), ml = { class: "input-phone" }, Ql = /* @__PURE__ */ C({
   __name: "InputPhone",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ z({
     label: {},
     placeholder: {},
     allowClear: { type: Boolean },
@@ -2227,14 +2227,14 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     return (i, s) => (c(), f("div", ml, [
       O(b(Bt), Et({
         modelValue: n.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (a) => n.value = a),
-        onInput: s[1] || (s[1] = (a) => l(a))
+        "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
+        onInput: s[1] || (s[1] = (r) => l(r))
       }, t), null, 16, ["modelValue"])
     ]));
   }
 }), vl = ["id", "disabled"], es = /* @__PURE__ */ C({
   __name: "Switch",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ z({
     disabled: { type: Boolean }
   }, {
     modelValue: { type: Boolean, required: !0 },
@@ -2265,7 +2265,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   }
 }), pl = ["for"], gl = ["id", "placeholder", "name", "disabled", "rows", "cols"], ts = /* @__PURE__ */ C({
   __name: "Textarea",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ z({
     label: {},
     placeholder: {},
     name: {},
@@ -2280,24 +2280,24 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = J(e, "modelValue"), o = M(null), n = xe(), l = () => {
-      const s = o.value;
-      if (!s) return;
-      const a = {
+  emits: /* @__PURE__ */ z(["focusIn", "focusOut"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = t, n = J(e, "modelValue"), l = M(null), i = xe(), s = () => {
+      const a = l.value;
+      if (!a) return;
+      const u = {
         small: 26,
         default: 32,
         large: 37
       }[e.size];
-      s.style.height = "auto", e.maxHeight && (s.style.maxHeight = e.maxHeight + "px"), s.style.height = Math.min(s.scrollHeight, e.maxHeight || s.scrollHeight) + "px", s.scrollHeight < a && (s.style.height = a * e.rows + "px");
+      a.style.height = "auto", e.maxHeight && (a.style.maxHeight = e.maxHeight + "px"), a.style.height = Math.min(a.scrollHeight, e.maxHeight || a.scrollHeight) + "px", a.scrollHeight < u && (a.style.height = u * e.rows + "px");
     };
     oe(() => {
-      l();
+      s();
     }), fe(() => [e.rows, e.maxHeight], () => {
-      l();
+      s();
     });
-    const i = R(() => [
+    const r = R(() => [
       "textarea",
       `textarea--${e.size}`,
       {
@@ -2305,27 +2305,29 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
         "textarea--error": e.error
       }
     ]);
-    return (s, a) => (c(), f("div", {
-      class: S(i.value)
+    return (a, u) => (c(), f("div", {
+      class: S(r.value)
     }, [
       h("label", {
-        for: s.inputId ?? b(n),
+        for: a.inputId ?? b(i),
         class: "textarea__label"
-      }, L(s.label), 9, pl),
+      }, L(a.label), 9, pl),
       ae(h("textarea", {
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => t.value = r),
+        "onUpdate:modelValue": u[0] || (u[0] = (d) => n.value = d),
         ref_key: "textareaRef",
-        ref: o,
+        ref: l,
         class: "textarea__field",
-        id: s.inputId ?? b(n),
-        placeholder: s.placeholder,
-        name: s.name,
-        disabled: s.disabled,
-        rows: s.rows,
-        cols: s.cols,
-        onInput: l
+        id: a.inputId ?? b(i),
+        placeholder: a.placeholder,
+        name: a.name,
+        disabled: a.disabled,
+        rows: a.rows,
+        cols: a.cols,
+        onInput: s,
+        onFocusIn: u[1] || (u[1] = (d) => o("focusIn", d)),
+        onFocusOut: u[2] || (u[2] = (d) => o("focusOut", d))
       }, null, 40, gl), [
-        [dt, t.value]
+        [dt, n.value]
       ])
     ], 2));
   }
@@ -2340,7 +2342,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   setup(e) {
     const t = (o) => o.url ? ut("RouterLink") : "div";
     return (o, n) => (c(), f("div", hl, [
-      (c(!0), f(E, null, ce(o.items, (l, i) => (c(), f(E, null, [
+      (c(!0), f(D, null, ce(o.items, (l, i) => (c(), f(D, null, [
         (c(), T(ee(t(l)), {
           to: l.url,
           class: S(["breadcrumb__item", { "breadcrumb__item--disabled": !l.url }])
@@ -2372,10 +2374,10 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     }), l = R(() => e.msg.severity ? e.msg.icon ? e.msg.icon : n[e.msg.severity] : n.info), i = R(() => [
       "toast-message",
       `toast-message--${e.msg.severity}`
-    ]), s = M(null), a = M(void 0), r = () => {
-      console.log(a.value), s.value = setTimeout(() => {
+    ]), s = M(null), r = M(void 0), a = () => {
+      console.log(r.value), s.value = setTimeout(() => {
         u({ message: e.msg, type: "life-end" });
-      }, a.value);
+      }, r.value);
     }, u = ($) => {
       o("close", $);
     }, d = () => {
@@ -2384,7 +2386,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       s.value && (clearTimeout(s.value), s.value = null);
     };
     return oe(() => {
-      e.msg.life && (a.value = e.msg.life, r());
+      e.msg.life && (r.value = e.msg.life, a());
     }), ($, v) => (c(), f("div", {
       class: S(i.value)
     }, [
@@ -2421,24 +2423,24 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       e.group == u.group && n(u);
     }, s = (u) => {
       l({ message: u });
-    }, a = (u) => {
+    }, r = (u) => {
       u === u && (o.value = []);
-    }, r = () => {
+    }, a = () => {
       o.value = [];
     };
     return oe(() => {
-      W.on("add", i), W.on("remove", s), W.on("remove-group", a), W.on("remove-all-groups", r);
+      W.on("add", i), W.on("remove", s), W.on("remove-group", r), W.on("remove-all-groups", a);
     }), ct(() => {
-      W.off("add", i), W.off("remove", s), W.off("remove-group", a), W.off("remove-all-groups", r);
+      W.off("add", i), W.off("remove", s), W.off("remove-group", r), W.off("remove-all-groups", a);
     }), (u, d) => (c(), T(b(Qt), null, {
       default: H(() => [
         h("div", Rl, [
-          O(_t, {
+          O(Dt, {
             name: "toast-fade",
             tag: "div"
           }, {
             default: H(() => [
-              (c(!0), f(E, null, ce(o.value, (m) => (c(), T(xl, {
+              (c(!0), f(D, null, ce(o.value, (m) => (c(), T(xl, {
                 key: m.id,
                 msg: m,
                 onClose: d[0] || (d[0] = ($) => l($))
@@ -2501,7 +2503,7 @@ const ss = {
     }, [
       (c(), T(ee(n[t.type]), { class: "message__icon" })),
       h("div", Cl, [
-        l.$slots.default ? I(l.$slots, "default", { key: 0 }, void 0, !0) : (c(), f(E, { key: 1 }, [
+        l.$slots.default ? I(l.$slots, "default", { key: 0 }, void 0, !0) : (c(), f(D, { key: 1 }, [
           se(L(t.message), 1)
         ], 64))
       ])
@@ -2598,34 +2600,34 @@ const ss = {
   setup(e, { expose: t }) {
     const { lockScroll: o, unlockScroll: n } = ht(), l = M(!1), i = R(() => typeof e.width == "number" ? `${e.width}px` : `${e.width.split("px")[0]}px`), s = () => {
       l.value = !0, o();
-    }, a = () => {
+    }, r = () => {
       l.value = !1, n();
     };
     return t({
       isOpen: l,
       open: s,
-      close: a
-    }), (r, u) => (c(), T(Ue, { to: "body" }, [
+      close: r
+    }), (a, u) => (c(), T(Ue, { to: "body" }, [
       O(je, { name: "drawer-animate" }, {
         default: H(() => [
           l.value ? (c(), f("div", {
             key: 0,
-            class: S(["drawer", { [`drawer--${r.position}`]: r.position }]),
+            class: S(["drawer", { [`drawer--${a.position}`]: a.position }]),
             style: ie({ "--widthDrawer": i.value })
           }, [
             h("div", {
               class: "drawer-overlay",
-              onClick: u[0] || (u[0] = (d) => a())
+              onClick: u[0] || (u[0] = (d) => r())
             }),
             h("div", Tl, [
               h("div", Bl, [
                 h("button", {
-                  onClick: u[1] || (u[1] = (d) => a())
+                  onClick: u[1] || (u[1] = (d) => r())
                 }, [
                   O(b(Xe))
                 ])
               ]),
-              I(r.$slots, "default")
+              I(a.$slots, "default")
             ])
           ], 6)) : V("", !0)
         ]),
@@ -2638,7 +2640,7 @@ const ss = {
   class: "modal__header-title"
 }, Ol = { class: "modal__body" }, cs = /* @__PURE__ */ C({
   __name: "Modal",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ z({
     title: {},
     style: {},
     position: { default: "center" }
@@ -2660,7 +2662,7 @@ const ss = {
           }, [
             h("div", {
               class: "modal__overlay",
-              onClick: s[0] || (s[0] = (a) => t.value = !1)
+              onClick: s[0] || (s[0] = (r) => t.value = !1)
             }),
             h("div", {
               class: "modal__content",
@@ -2671,7 +2673,7 @@ const ss = {
                 h("button", {
                   text: "",
                   class: "modal__header-close",
-                  onClick: s[1] || (s[1] = (a) => t.value = !1)
+                  onClick: s[1] || (s[1] = (r) => t.value = !1)
                 }, [
                   O(b(pt))
                 ])
@@ -2754,7 +2756,7 @@ const ss = {
   },
   setup(e) {
     const t = e, o = q("accordionOpenValues"), n = q("accordionToggle"), l = q("accordionStyle"), i = R(() => o?.value.includes(t.value));
-    return X("panelValue", t.value), X("panelIsOpen", i), X("panelToggle", () => n?.(t.value)), (s, a) => (c(), f("div", {
+    return X("panelValue", t.value), X("panelIsOpen", i), X("panelToggle", () => n?.(t.value)), (s, r) => (c(), f("div", {
       class: S(["accordion-panel", `accordion-panel--${b(l)}`])
     }, [
       I(s.$slots, "default")
@@ -2780,7 +2782,7 @@ const ss = {
       ])) : V("", !0)
     ], 2));
   }
-}), _l = ["aria-selected"], gs = /* @__PURE__ */ C({
+}), Dl = ["aria-selected"], gs = /* @__PURE__ */ C({
   __name: "Tab",
   props: {
     value: {}
@@ -2794,9 +2796,9 @@ const ss = {
       "aria-selected": l.value
     }, [
       I(i.$slots, "default")
-    ], 10, _l));
+    ], 10, Dl));
   }
-}), Dl = { class: "tabs" }, hs = /* @__PURE__ */ C({
+}), Gl = { class: "tabs" }, hs = /* @__PURE__ */ C({
   __name: "Tabs",
   props: {
     value: {}
@@ -2810,11 +2812,11 @@ const ss = {
     function i(s) {
       l.value = s, n("update:value", s);
     }
-    return X("tabsValue", l), X("setTabsValue", i), (s, a) => (c(), f("div", Dl, [
+    return X("tabsValue", l), X("setTabsValue", i), (s, r) => (c(), f("div", Gl, [
       I(s.$slots, "default")
     ]));
   }
-}), Gl = {
+}), _l = {
   class: "tab-panel",
   role: "tabpanel"
 }, ws = /* @__PURE__ */ C({
@@ -2824,7 +2826,7 @@ const ss = {
   },
   setup(e) {
     const t = e, o = q("tabsValue"), n = R(() => o?.value === t.value);
-    return (l, i) => ae((c(), f("div", Gl, [
+    return (l, i) => ae((c(), f("div", _l, [
       I(l.$slots, "default")
     ], 512)), [
       [mt, n.value]