prlg-ui 1.4.10 → 1.4.11

package/dist/prlg-ui.es.js

@@ -1,10 +1,10 @@
-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 { defineComponent as C, computed as x, 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 w, createVNode as O, renderList as ce, unref as b, mergeModels as z, useModel as J, useId as Re, 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 Ft, _ as me, I as Ye, A as _t, 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,
   class: "button__content"
-}, Fe = /* @__PURE__ */ C({
+}, _e = /* @__PURE__ */ C({
   __name: "Button",
   props: {
     label: {},
@@ -20,7 +20,7 @@ const eo = {
     full: { type: Boolean }
   },
   setup(e) {
-    const o = R(() => e.variant === "link" && e.url || e.url ? ut("RouterLink") : "button"), t = R(() => [
+    const o = x(() => e.variant === "link" && e.url || e.url ? ut("RouterLink") : "button"), t = x(() => [
       "button",
       `button--${e.size}`,
       `button--${e.variant}`,
@@ -71,7 +71,7 @@ const eo = {
         o.value = !1;
       }, { ignore: [n.value?.$el] });
     }), (s, r) => (c(), f("div", to, [
-      h("div", {
+      w("div", {
         ref_key: "menuRef",
         ref: t,
         class: S(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": o.value }])
@@ -85,10 +85,10 @@ const eo = {
             key: 0,
             class: "sleed-deal-menu__item-icon"
           })) : V("", !0),
-          h("span", no, L(a.label), 1)
+          w("span", no, L(a.label), 1)
         ], 8, oo))), 128))
       ], 2),
-      O(b(Fe), {
+      O(b(_e), {
         ref_key: "targetRef",
         ref: n,
         variant: s.variant,
@@ -130,7 +130,7 @@ const eo = {
   }),
   emits: /* @__PURE__ */ z(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = o, n = J(e, "modelValue"), l = xe(), i = R(() => [
+    const t = o, n = J(e, "modelValue"), l = Re(), i = x(() => [
       "checkbox",
       `checkbox--${e.size}`,
       {
@@ -141,7 +141,7 @@ const eo = {
       for: b(l),
       class: S(i.value)
     }, [
-      ae(h("input", {
+      ae(w("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (a) => n.value = a),
         id: b(l),
         type: "checkbox",
@@ -154,15 +154,15 @@ const eo = {
       }, null, 40, so), [
         [qe, n.value]
       ]),
-      h("div", io, [
-        h("div", ao, [
+      w("div", io, [
+        w("div", ao, [
           n.value || s.checked ? (c(), f("svg", ro, r[2] || (r[2] = [
-            h("path", {
+            w("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, r[3] || (r[3] = [
-            h("path", {
+            w("path", {
               d: "M0.371094 1.62305L12.3711 1.62305",
               stroke: "white",
               "stroke-width": "2"
@@ -196,7 +196,7 @@ const eo = {
       O(b(Gt), {
         class: S(["sort-button__icon", [{ "sort-button__icon--active": t.value.order === -1 && t.value.field === i.field }]])
       }, null, 8, ["class"]),
-      O(b(_t), {
+      O(b(Ft), {
         class: S(["sort-button__icon", { "sort-button__icon--active": t.value.order === 1 && t.value.field === i.field }])
       }, null, 8, ["class"])
     ]));
@@ -272,7 +272,7 @@ function ko(e, o, t, n) {
 function Pe(e) {
   return e.replace(/left|right|bottom|top/g, (o) => vo[o]);
 }
-function xo(e) {
+function Ro(e) {
   return {
     top: 0,
     right: 0,
@@ -282,7 +282,7 @@ function xo(e) {
   };
 }
 function yt(e) {
-  return typeof e != "number" ? xo(e) : {
+  return typeof e != "number" ? Ro(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -355,7 +355,7 @@ function st(e, o, t) {
   }
   return v;
 }
-const Ro = async (e, o, t) => {
+const xo = async (e, o, t) => {
   const {
     placement: n = "bottom",
     strategy: l = "absolute",
@@ -376,8 +376,8 @@ const Ro = async (e, o, t) => {
       fn: y
     } = r[A], {
       x: g,
-      y: w,
-      data: x,
+      y: h,
+      data: R,
       reset: B
     } = await y({
       x: d,
@@ -393,11 +393,11 @@ const Ro = async (e, o, t) => {
         floating: o
       }
     });
-    d = g ?? d, m = w ?? m, v = {
+    d = g ?? d, m = h ?? m, v = {
       ...v,
       [p]: {
         ...v[p],
-        ...x
+        ...R
       }
     }, B && k <= 50 && (k++, typeof B == "object" && (B.placement && ($ = B.placement), B.rects && (u = B.rects === !0 ? await s.getElementRects({
       reference: e,
@@ -442,7 +442,7 @@ async function bt(e, o) {
     y: l,
     width: s.floating.width,
     height: s.floating.height
-  } : 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)) || {
+  } : s.reference, h = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), R = await (i.isElement == null ? void 0 : i.isElement(h)) ? await (i.getScale == null ? void 0 : i.getScale(h)) || {
     x: 1,
     y: 1
   } : {
@@ -451,14 +451,14 @@ async function bt(e, o) {
   }, B = ze(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: g,
-    offsetParent: w,
+    offsetParent: h,
     strategy: a
   }) : g);
   return {
-    top: (y.top - B.top + k.top) / x.y,
-    bottom: (B.bottom - y.bottom + k.bottom) / x.y,
-    left: (y.left - B.left + k.left) / x.x,
-    right: (B.right - y.right + k.right) / x.x
+    top: (y.top - B.top + k.top) / R.y,
+    bottom: (B.bottom - y.bottom + k.bottom) / R.y,
+    left: (y.left - B.left + k.left) / R.x,
+    right: (B.right - y.right + k.right) / R.x
   };
 }
 const Co = (e) => ({
@@ -482,10 +482,10 @@ const Co = (e) => ({
     const m = yt(d), $ = {
       x: t,
       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], 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;
+    }, v = Je(l), k = Ke(v), A = await s.getDimensions(u), p = v === "y", y = p ? "top" : "left", g = p ? "bottom" : "right", h = p ? "clientHeight" : "clientWidth", R = 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[h] : 0;
+    (!P || !await (s.isElement == null ? void 0 : s.isElement(G))) && (P = r.floating[h] || i.floating[k]);
+    const N = R / 2 - B / 2, F = P / 2 - A[k] / 2 - 1, U = $e(m[y], F), ve = $e(m[g], F), 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: {
@@ -522,18 +522,18 @@ const Co = (e) => ({
       } = Ve(e, o);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      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(o, p), _ = [];
+      const y = we(l), g = ue(r), h = we(r) === r, R = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), B = $ || (h || !A ? [Pe(r)] : wo(r)), G = k !== "none";
+      !$ && G && B.push(...ko(r, A, k, R));
+      const P = [r, ...B], N = await bt(o, p), F = [];
       let U = ((n = i.flip) == null ? void 0 : n.overflows) || [];
-      if (d && _.push(N[y]), m) {
-        const E = ho(l, s, x);
-        _.push(N[E[0]], N[E[1]]);
+      if (d && F.push(N[y]), m) {
+        const E = ho(l, s, R);
+        F.push(N[E[0]], N[E[1]]);
       }
       if (U = [...U, {
         placement: l,
-        overflows: _
-      }], !_.every((E) => E <= 0)) {
+        overflows: F
+      }], !F.every((E) => E <= 0)) {
         var ve, pe;
         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
@@ -660,12 +660,12 @@ const To = function(e) {
       }, d = await bt(o, 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];
-        v = He(g, v, w);
+        const p = $ === "y" ? "top" : "left", y = $ === "y" ? "bottom" : "right", g = v + d[p], h = v - d[y];
+        v = He(g, v, h);
       }
       if (s) {
-        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 p = m === "y" ? "top" : "left", y = m === "y" ? "bottom" : "right", g = k + d[p], h = k - d[y];
+        k = He(g, k, h);
       }
       const A = r.fn({
         ...o,
@@ -689,10 +689,10 @@ const To = function(e) {
 function Ee() {
   return typeof window < "u";
 }
-function Re(e) {
+function xe(e) {
   return $t(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function F(e) {
+function _(e) {
   var o;
   return (e == null || (o = e.ownerDocument) == null ? void 0 : o.defaultView) || window;
 }
@@ -701,16 +701,16 @@ function ne(e) {
   return (o = ($t(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : o.documentElement;
 }
 function $t(e) {
-  return Ee() ? e instanceof Node || e instanceof F(e).Node : !1;
+  return Ee() ? e instanceof Node || e instanceof _(e).Node : !1;
 }
 function Z(e) {
-  return Ee() ? e instanceof Element || e instanceof F(e).Element : !1;
+  return Ee() ? e instanceof Element || e instanceof _(e).Element : !1;
 }
 function te(e) {
-  return Ee() ? e instanceof HTMLElement || e instanceof F(e).HTMLElement : !1;
+  return Ee() ? e instanceof HTMLElement || e instanceof _(e).HTMLElement : !1;
 }
 function it(e) {
-  return !Ee() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof F(e).ShadowRoot;
+  return !Ee() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof _(e).ShadowRoot;
 }
 const Mo = /* @__PURE__ */ new Set(["inline", "contents"]);
 function Te(e) {
@@ -724,7 +724,7 @@ function Te(e) {
 }
 const Io = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function Oo(e) {
-  return Io.has(Re(e));
+  return Io.has(xe(e));
 }
 const Lo = [":popover-open", ":modal"];
 function De(e) {
@@ -757,10 +757,10 @@ function et() {
 }
 const Go = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function ke(e) {
-  return Go.has(Re(e));
+  return Go.has(xe(e));
 }
 function K(e) {
-  return F(e).getComputedStyle(e);
+  return _(e).getComputedStyle(e);
 }
 function Ge(e) {
   return Z(e) ? {
@@ -772,7 +772,7 @@ function Ge(e) {
   };
 }
 function de(e) {
-  if (Re(e) === "html")
+  if (xe(e) === "html")
     return e;
   const o = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -790,7 +790,7 @@ function kt(e) {
 function Ae(e, o, t) {
   var n;
   o === void 0 && (o = []), t === void 0 && (t = !0);
-  const l = kt(e), i = l === ((n = e.ownerDocument) == null ? void 0 : n.body), s = F(l);
+  const l = kt(e), i = l === ((n = e.ownerDocument) == null ? void 0 : n.body), s = _(l);
   if (i) {
     const r = We(s);
     return o.concat(s, s.visualViewport || [], Te(l) ? l : [], r && t ? Ae(r) : []);
@@ -800,7 +800,7 @@ function Ae(e, o, t) {
 function We(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function xt(e) {
+function Rt(e) {
   const o = K(e);
   let t = parseFloat(o.width) || 0, n = parseFloat(o.height) || 0;
   const l = te(e), i = l ? e.offsetWidth : t, s = l ? e.offsetHeight : n, r = Le(t) !== i || Le(n) !== s;
@@ -821,37 +821,37 @@ function be(e) {
     width: n,
     height: l,
     $: i
-  } = xt(o);
+  } = Rt(o);
   let s = (i ? Le(t.width) : t.width) / n, r = (i ? Le(t.height) : t.height) / l;
   return (!s || !Number.isFinite(s)) && (s = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: s,
     y: r
   };
 }
-const _o = /* @__PURE__ */ Q(0);
-function Rt(e) {
-  const o = F(e);
-  return !et() || !o.visualViewport ? _o : {
+const Fo = /* @__PURE__ */ Q(0);
+function xt(e) {
+  const o = _(e);
+  return !et() || !o.visualViewport ? Fo : {
     x: o.visualViewport.offsetLeft,
     y: o.visualViewport.offsetTop
   };
 }
-function Fo(e, o, t) {
-  return o === void 0 && (o = !1), !t || o && t !== F(e) ? !1 : o;
+function _o(e, o, t) {
+  return o === void 0 && (o = !1), !t || o && t !== _(e) ? !1 : o;
 }
 function ye(e, o, t, n) {
   o === void 0 && (o = !1), t === void 0 && (t = !1);
   const l = e.getBoundingClientRect(), i = tt(e);
   let s = Q(1);
   o && (n ? Z(n) && (s = be(n)) : s = be(e));
-  const r = Fo(i, t, n) ? Rt(i) : Q(0);
+  const r = _o(i, t, n) ? xt(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;
+    const $ = _(i), v = n && Z(n) ? _(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;
-      a *= p.x, u *= p.y, d *= p.x, m *= p.y, a += w, u += x, k = F(A), A = We(k);
+      const p = be(A), y = A.getBoundingClientRect(), g = K(A), h = y.left + (A.clientLeft + parseFloat(g.paddingLeft)) * p.x, R = y.top + (A.clientTop + parseFloat(g.paddingTop)) * p.y;
+      a *= p.x, u *= p.y, d *= p.x, m *= p.y, a += h, u += R, k = _(A), A = We(k);
     }
   }
   return ze({
@@ -891,7 +891,7 @@ function Ho(e) {
     scrollTop: 0
   }, u = Q(1);
   const d = Q(0), m = te(n);
-  if ((m || !m && !i) && ((Re(n) !== "body" || Te(s)) && (a = Ge(n)), te(n))) {
+  if ((m || !m && !i) && ((xe(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;
   }
@@ -918,7 +918,7 @@ function Wo(e) {
   };
 }
 function qo(e, o) {
-  const t = F(e), n = ne(e), l = t.visualViewport;
+  const t = _(e), n = ne(e), l = t.visualViewport;
   let i = n.clientWidth, s = n.clientHeight, r = 0, a = 0;
   if (l) {
     i = l.width, s = l.height;
@@ -951,7 +951,7 @@ function at(e, o, t) {
   else if (Z(o))
     n = jo(o, t);
   else {
-    const l = Rt(e);
+    const l = xt(e);
     n = {
       x: o.x - l.x,
       y: o.y - l.y,
@@ -969,7 +969,7 @@ function Yo(e, o) {
   const t = o.get(e);
   if (t)
     return t;
-  let n = Ae(e, [], !1).filter((r) => Z(r) && Re(r) !== "body"), l = null;
+  let n = Ae(e, [], !1).filter((r) => Z(r) && xe(r) !== "body"), l = null;
   const i = K(e).position === "fixed";
   let s = i ? de(e) : e;
   for (; Z(s) && !ke(s); ) {
@@ -1000,7 +1000,7 @@ function Zo(e) {
   const {
     width: o,
     height: t
-  } = xt(e);
+  } = Rt(e);
   return {
     width: o,
     height: t
@@ -1017,7 +1017,7 @@ function Ko(e, o, t) {
     a.x = ot(l);
   }
   if (n || !n && !i)
-    if ((Re(o) !== "body" || Te(l)) && (r = Ge(o)), n) {
+    if ((xe(o) !== "body" || Te(l)) && (r = Ge(o)), n) {
       const v = ye(o, !0, i, o);
       a.x = v.x + o.clientLeft, a.y = v.y + o.clientTop;
     } else l && u();
@@ -1030,7 +1030,7 @@ function Ko(e, o, t) {
     height: s.height
   };
 }
-function _e(e) {
+function Fe(e) {
   return K(e).position === "static";
 }
 function rt(e, o) {
@@ -1042,22 +1042,22 @@ function rt(e, o) {
   return ne(e) === t && (t = t.ownerDocument.body), t;
 }
 function Vt(e, o) {
-  const t = F(e);
+  const t = _(e);
   if (De(e))
     return t;
   if (!te(e)) {
     let l = de(e);
     for (; l && !ke(l); ) {
-      if (Z(l) && !_e(l))
+      if (Z(l) && !Fe(l))
         return l;
       l = de(l);
     }
     return t;
   }
   let n = rt(e, o);
-  for (; n && Oo(n) && _e(n); )
+  for (; n && Oo(n) && Fe(n); )
     n = rt(n, o);
-  return n && ke(n) && _e(n) && !Qe(n) ? t : n || Do(e) || t;
+  return n && ke(n) && Fe(n) && !Qe(n) ? t : n || Do(e) || t;
 }
 const Jo = async function(e) {
   const o = this.getOffsetParent || Vt, t = this.getDimensions, n = await t(e.floating);
@@ -1106,30 +1106,30 @@ function tn(e, o) {
     } = u;
     if (r || o(), !$ || !v)
       return;
-    const k = Me(m), A = Me(l.clientWidth - (d + $)), p = Me(l.clientHeight - (m + v)), y = Me(d), w = {
+    const k = Me(m), A = Me(l.clientWidth - (d + $)), p = Me(l.clientHeight - (m + v)), y = Me(d), h = {
       rootMargin: -k + "px " + -A + "px " + -p + "px " + -y + "px",
       threshold: he(0, $e(1, a)) || 1
     };
-    let x = !0;
+    let R = !0;
     function B(G) {
       const P = G[0].intersectionRatio;
       if (P !== a) {
-        if (!x)
+        if (!R)
           return s();
         P ? s(!1, P) : n = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      P === 1 && !St(u, e.getBoundingClientRect()) && s(), x = !1;
+      P === 1 && !St(u, e.getBoundingClientRect()) && s(), R = !1;
     }
     try {
       t = new IntersectionObserver(B, {
-        ...w,
+        ...h,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(B, w);
+      t = new IntersectionObserver(B, h);
     }
     t.observe(e);
   }
@@ -1154,8 +1154,8 @@ function on(e, o, t, n) {
   s && (v = new ResizeObserver((y) => {
     let [g] = y;
     g && g.target === u && v && (v.unobserve(o), cancelAnimationFrame($), $ = requestAnimationFrame(() => {
-      var w;
-      (w = v) == null || w.observe(o);
+      var h;
+      (h = v) == null || h.observe(o);
     })), t();
   }), u && !a && v.observe(u), v.observe(o));
   let k, A = a ? ye(e) : null;
@@ -1179,11 +1179,14 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
     ...l.platform,
     _c: n
   };
-  return Ro(e, o, {
+  return xo(e, o, {
     ...l,
     platform: i
   });
-}, un = { class: "popover-wrapper" }, cn = { class: "popover__content" }, dn = /* @__PURE__ */ C({
+}, un = { class: "popover-wrapper" }, cn = {
+  key: 0,
+  class: "popover__content"
+}, dn = /* @__PURE__ */ C({
   __name: "Popover",
   props: {
     placement: { default: "bottom" },
@@ -1199,19 +1202,19 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
   setup(e, { emit: o }) {
     const t = e, n = o, l = M(), i = M(), s = M(!1), r = M("bottom"), a = M({}), u = M({});
     let d = null, m = null;
-    const $ = R(() => t.trigger === "hover"), v = async () => {
+    const $ = x(() => t.trigger === "hover"), v = async () => {
       t.disabled || (m && (clearTimeout(m), m = null), s.value = !0, n("show"), await Oe(), await p());
     }, k = () => {
       $.value && m && clearTimeout(m);
-      const w = $.value ? t.hoverDelay : 0;
+      const h = $.value ? t.hoverDelay : 0;
       m = setTimeout(() => {
         s.value = !1, n("hide"), d && (d(), d = null);
-      }, w);
+      }, h);
     }, A = () => {
       t.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: G, middlewareData: P } = await rn(
+      const h = i.value.querySelector(".popover__arrow"), { x: R, y: B, placement: G, middlewareData: P } = await rn(
         l.value,
         i.value,
         {
@@ -1220,17 +1223,17 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
             nn(t.offset),
             sn(),
             ln({ padding: 8 }),
-            ...t.showArrow && w ? [an({ element: w })] : []
+            ...t.showArrow && h ? [an({ element: h })] : []
           ]
         }
       );
       if (r.value = G, a.value = {
         position: "absolute",
         top: `${B}px`,
-        left: `${x}px`,
+        left: `${R}px`,
         zIndex: 1e3
       }, t.showArrow && P.arrow) {
-        const { x: N, y: _ } = P.arrow, U = G.split("-")[0], ve = {
+        const { x: N, y: F } = P.arrow, U = G.split("-")[0], ve = {
           top: "bottom",
           right: "left",
           bottom: "top",
@@ -1238,14 +1241,14 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
         }[U];
         u.value = {
           left: N != null ? `${N}px` : "",
-          top: _ != null ? `${_}px` : "",
+          top: F != null ? `${F}px` : "",
           right: "",
           bottom: "",
           [ve]: "-10px"
         };
       }
-    }, y = (w) => {
-      l.value && i.value && !l.value.contains(w.target) && !i.value.contains(w.target) && k();
+    }, y = (h) => {
+      l.value && i.value && !l.value.contains(h.target) && !i.value.contains(h.target) && k();
     };
     oe(() => {
       document.addEventListener("click", y);
@@ -1255,18 +1258,18 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
     const g = () => {
       l.value && i.value && (d = on(l.value, i.value, p));
     };
-    return fe(s, (w) => {
-      w ? Oe(g) : d && (d(), d = null);
-    }), (w, x) => (c(), f("div", un, [
-      h("div", {
+    return fe(s, (h) => {
+      h ? Oe(g) : d && (d(), d = null);
+    }), (h, R) => (c(), f("div", un, [
+      w("div", {
         ref_key: "triggerRef",
         ref: l,
         class: "popover-trigger",
         onClick: A,
-        onMouseenter: x[0] || (x[0] = (B) => w.trigger === "hover" ? v() : null),
-        onMouseleave: x[1] || (x[1] = (B) => w.trigger === "hover" ? k() : null)
+        onMouseenter: R[0] || (R[0] = (B) => h.trigger === "hover" ? v() : null),
+        onMouseleave: R[1] || (R[1] = (B) => h.trigger === "hover" ? k() : null)
       }, [
-        I(w.$slots, "trigger")
+        I(h.$slots, "trigger")
       ], 544),
       (c(), T(Ue, { to: "body" }, [
         O(je, { name: "popover-fade" }, {
@@ -1275,16 +1278,17 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
               key: 0,
               ref_key: "popoverRef",
               ref: i,
-              class: S(["popover", [`popover--${r.value}`, w.popoverClass, `popover--${w.size}`]]),
+              class: S(["popover", [`popover--${r.value}`, h.popoverClass, `popover--${h.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)
+              onMouseenter: R[2] || (R[2] = (B) => h.trigger === "hover" ? v() : null),
+              onMouseleave: R[3] || (R[3] = (B) => h.trigger === "hover" ? k() : null)
             }, [
-              h("div", cn, [
-                I(w.$slots, "default")
-              ]),
-              w.showArrow ? (c(), f("div", {
-                key: 0,
+              h.$slots.content ? V("", !0) : (c(), f("div", cn, [
+                I(h.$slots, "default")
+              ])),
+              I(h.$slots, "content"),
+              h.showArrow ? (c(), f("div", {
+                key: 1,
                 class: "popover__arrow",
                 style: ie(u.value)
               }, null, 4)) : V("", !0)
@@ -1308,12 +1312,12 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
       offset: { alignmentAxis: -20, mainAxis: 13 }
     }, {
       trigger: H(() => [
-        h("div", fn, [
+        w("div", fn, [
           O(b(Ye))
         ])
       ]),
       default: H(() => [
-        h("span", mn, L(o.description), 1)
+        w("span", mn, L(o.description), 1)
       ]),
       _: 1
     }));
@@ -1335,7 +1339,7 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
   },
   emits: ["update:sort", "selectAllRow"],
   setup(e, { emit: o }) {
-    const t = o, n = R(() => [
+    const t = o, n = x(() => [
       "table-header",
       `table-header--${e.size}`
     ]), l = (s) => [
@@ -1348,13 +1352,13 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
     return (s, r) => (c(), f("thead", {
       class: S(n.value)
     }, [
-      h("tr", gn, [
+      w("tr", gn, [
         (c(!0), f(D, null, ce(s.columns, (a, u) => (c(), f("th", {
           class: S(l(a)),
           key: u,
           style: ie(i(a))
         }, [
-          h("div", hn, [
+          w("div", hn, [
             a.selectionMode && a.selectionMode === "multiple" ? (c(), T(b(Ze), {
               key: 0,
               size: "small",
@@ -1379,7 +1383,7 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
       ])
     ], 2));
   }
-}), $n = /* @__PURE__ */ me(bn, [["__scopeId", "data-v-a5d198fa"]]), kn = ["rowspan"], xn = { key: 1 }, Rn = /* @__PURE__ */ C({
+}), $n = /* @__PURE__ */ me(bn, [["__scopeId", "data-v-a5d198fa"]]), kn = ["rowspan"], Rn = { key: 1 }, xn = /* @__PURE__ */ C({
   __name: "TableCell",
   props: {
     column: {},
@@ -1394,7 +1398,7 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
   },
   emits: ["toggleRow", "toggleGroup"],
   setup(e, { emit: o }) {
-    const t = o, n = R(() => Array.isArray(e.selectedRows) ? e.selectedRows.includes(e.item) : e.selectedRows === e.item), l = R(() => e.collapsedGroups.has(e.item._groupValue)), i = R(() => [
+    const t = o, n = x(() => Array.isArray(e.selectedRows) ? e.selectedRows.includes(e.item) : e.selectedRows === e.item), l = x(() => e.collapsedGroups.has(e.item._groupValue)), i = x(() => [
       "table-cell",
       `table-cell--vertical-${e.column.alignVertical || "top"}`,
       `table-cell--${e.column.selectionMode ? "center" : e.column.align || "left"}`,
@@ -1414,7 +1418,7 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
         class: "table-cell__expander",
         onClick: a[0] || (a[0] = (u) => t("toggleGroup", r.item._groupValue))
       }, [
-        O(b(Ft), {
+        O(b(_t), {
           class: S({ rotated: !l.value })
         }, null, 8, ["class"])
       ])) : V("", !0),
@@ -1434,11 +1438,11 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
           field: r.column.field,
           index: r.index,
           column: r.column
-        }, null, 8, ["data", "field", "index", "column"])) : (c(), f("span", xn, L(s()), 1))
+        }, null, 8, ["data", "field", "index", "column"])) : (c(), f("span", Rn, L(s()), 1))
       ], 64))
     ], 10, kn)) : V("", !0);
   }
-}), Cn = /* @__PURE__ */ me(Rn, [["__scopeId", "data-v-56352b99"]]), An = /* @__PURE__ */ C({
+}), Cn = /* @__PURE__ */ me(xn, [["__scopeId", "data-v-56352b99"]]), An = /* @__PURE__ */ C({
   __name: "TableRow",
   props: {
     rowIndex: {},
@@ -1529,7 +1533,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     options: t
   };
 }, Pn = (e, o) => {
-  const t = M([]), n = R(() => Array.isArray(t.value) && t.value.length === o.length);
+  const t = M([]), n = x(() => Array.isArray(t.value) && t.value.length === o.length);
   return {
     selectedRows: t,
     isSelectedAll: n,
@@ -1580,18 +1584,18 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   },
   emits: ["update:selectedRows", "rowClickHandler"],
   setup(e, { emit: o }) {
-    const t = o, 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(() => {
+    const t = o, n = x(() => e.rowGroupMode), l = x(() => e.groupRowsBy), { dataWithGroup: i } = zn(n, l), { columns: s, options: r } = Ln(n), a = x(() => r.value.selectedMode), { selectedRows: u, isSelectedAll: d, toggleSelectRow: m, toggleSelectedAll: $ } = Pn(a, e.data), v = M(null), k = x(() => {
       let g = [...e.data];
       if (v.value) {
-        const { field: x, order: B } = v.value;
+        const { field: R, order: B } = v.value;
         g.sort((G, P) => {
-          const N = G[x], _ = P[x];
-          return N === _ ? 0 : B === 1 ? N > _ ? 1 : -1 : N < _ ? 1 : -1;
+          const N = G[R], F = P[R];
+          return N === F ? 0 : B === 1 ? N > F ? 1 : -1 : N < F ? 1 : -1;
         });
       }
-      const w = i(g);
-      return e.rowGroupMode === "rowspan" && e.groupRowsBy ? w.filter((x) => p.value.has(x._groupValue) ? x._isFirstInGroup : !0) : w;
-    }), A = R(() => [
+      const h = i(g);
+      return e.rowGroupMode === "rowspan" && e.groupRowsBy ? h.filter((R) => p.value.has(R._groupValue) ? R._isFirstInGroup : !0) : h;
+    }), A = x(() => [
       "table",
       {
         [`table--theme-${e.theme}`]: e.theme
@@ -1601,7 +1605,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     };
     return fe(u, (g) => {
       t("update:selectedRows", g);
-    }), (g, w) => (c(), f("table", {
+    }), (g, h) => (c(), f("table", {
       class: S(A.value)
     }, [
       I(g.$slots, "default", {}, void 0, !0),
@@ -1612,7 +1616,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
         sortMode: g.sortMode,
         sortField: g.sortField,
         onSelectAllRow: b($),
-        "onUpdate:sort": w[0] || (w[0] = (x) => v.value = x)
+        "onUpdate:sort": h[0] || (h[0] = (R) => v.value = R)
       }, null, 8, ["size", "columns", "isSelectedAll", "sortMode", "sortField", "onSelectAllRow"]),
       O(Tn, {
         size: g.size,
@@ -1622,9 +1626,9 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
         rowGroupMode: g.rowGroupMode,
         groupRowsBy: g.groupRowsBy,
         collapsedGroups: p.value,
-        onRowClickHandler: w[1] || (w[1] = (x) => t("rowClickHandler", x)),
-        onToggleRow: w[2] || (w[2] = (x) => b(m)(x)),
-        onToggleGroup: w[3] || (w[3] = (x) => y(x))
+        onRowClickHandler: h[1] || (h[1] = (R) => t("rowClickHandler", R)),
+        onToggleRow: h[2] || (h[2] = (R) => b(m)(R)),
+        onToggleGroup: h[3] || (h[3] = (R) => y(R))
       }, null, 8, ["size", "selectedRows", "columns", "data", "rowGroupMode", "groupRowsBy", "collapsedGroups"]),
       O(On)
     ], 2));
@@ -1658,7 +1662,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       n && n(l);
     }), (i, s) => V("", !0);
   }
-}), Dn = { class: "chip-checkbox" }, Gn = ["name", "id", "value"], _n = { class: "chip-checkbox__text" }, Zl = /* @__PURE__ */ C({
+}), Dn = { class: "chip-checkbox" }, Gn = ["name", "id", "value"], Fn = { class: "chip-checkbox__text" }, Zl = /* @__PURE__ */ C({
   __name: "ChipCheckbox",
   props: /* @__PURE__ */ z({
     value: {},
@@ -1670,9 +1674,9 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = J(e, "modelValue"), t = xe();
+    const o = J(e, "modelValue"), t = Re();
     return (n, l) => (c(), f("div", Dn, [
-      ae(h("input", {
+      ae(w("input", {
         "onUpdate:modelValue": l[0] || (l[0] = (i) => o.value = i),
         type: "checkbox",
         name: b(t),
@@ -1681,23 +1685,23 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       }, null, 8, Gn), [
         [qe, o.value]
       ]),
-      l[1] || (l[1] = h("div", { class: "chip-checkbox__icon" }, [
-        h("svg", {
+      l[1] || (l[1] = w("div", { class: "chip-checkbox__icon" }, [
+        w("svg", {
           width: "14",
           height: "11",
           viewBox: "0 0 14 11",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          h("path", {
+          w("path", {
             d: "M4.75012 8.13031L1.62262 5.00281L0.557617 6.06031L4.75012 10.2528L13.7501 1.25281L12.6926 0.195312L4.75012 8.13031Z",
             fill: "#00AB2E"
           })
         ])
       ], -1)),
-      h("span", _n, L(n.label), 1)
+      w("span", Fn, L(n.label), 1)
     ]));
   }
-}), Fn = ["id", "value", "disabled"], Hn = ["for"], Tt = /* @__PURE__ */ C({
+}), _n = ["id", "value", "disabled"], Hn = ["for"], Tt = /* @__PURE__ */ C({
   __name: "Radio",
   props: /* @__PURE__ */ z({
     label: {},
@@ -1710,11 +1714,11 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   }),
   emits: /* @__PURE__ */ z(["change"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = J(e, "modelValue"), n = xe(), l = o, i = R(() => ["radio", `radio--${e.size}`]);
+    const t = J(e, "modelValue"), n = Re(), l = o, i = x(() => ["radio", `radio--${e.size}`]);
     return (s, r) => (c(), f("div", {
       class: S(i.value)
     }, [
-      ae(h("input", {
+      ae(w("input", {
         "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
         type: "radio",
         name: "radio",
@@ -1723,13 +1727,13 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
         value: s.value,
         disabled: s.disabled,
         onChange: r[1] || (r[1] = (a) => l("change", s.value))
-      }, null, 40, Fn), [
+      }, null, 40, _n), [
         [Lt, t.value]
       ]),
-      r[2] || (r[2] = h("div", { class: "radio__track" }, [
-        h("div", { class: "radio__thumb" })
+      r[2] || (r[2] = w("div", { class: "radio__track" }, [
+        w("div", { class: "radio__thumb" })
       ], -1)),
-      h("label", {
+      w("label", {
         for: b(n),
         class: "radio__label"
       }, [
@@ -1754,7 +1758,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   },
   emits: ["remove"],
   setup(e, { emit: o }) {
-    const t = o, n = R(() => [
+    const t = o, n = x(() => [
       "tag",
       `tag--${e.variant}`,
       {
@@ -1768,11 +1772,11 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     return (l, i) => (c(), f("div", {
       class: S(n.value)
     }, [
-      h("div", Nn, [
+      w("div", Nn, [
         l.icon ? (c(), f("div", Wn, [
           (c(), T(ee(l.icon)))
         ])) : V("", !0),
-        h("div", qn, [
+        w("div", qn, [
           I(l.$slots, "default")
         ])
       ]),
@@ -1810,7 +1814,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   }),
   emits: /* @__PURE__ */ z(["blur", "input"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = o, n = J(e, "modelValue"), l = xe(), i = M(!1), s = R(() => [
+    const t = o, n = J(e, "modelValue"), l = Re(), i = M(!1), s = x(() => [
       "input",
       `input--${e.size}`,
       `input--${e.variant}`,
@@ -1818,7 +1822,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
         "input--disabled": e.disabled,
         "input--error": e.error
       }
-    ]), r = R(() => e.type === "password" ? i.value ? "text" : "password" : e.type);
+    ]), r = x(() => e.type === "password" ? i.value ? "text" : "password" : e.type);
     return (a, u) => (c(), f("div", {
       class: S(s.value)
     }, [
@@ -1830,8 +1834,8 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
         a.required ? (c(), f("sup", Yn, "*")) : V("", !0),
         se(" " + L(a.label), 1)
       ], 8, jn)) : V("", !0),
-      h("div", Xn, [
-        ae(h("input", {
+      w("div", Xn, [
+        ae(w("input", {
           "onUpdate:modelValue": u[0] || (u[0] = (d) => n.value = d),
           id: a.inputId ?? b(l),
           placeholder: a.placeholder,
@@ -1846,7 +1850,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
         }, null, 40, Zn), [
           [zt, n.value]
         ]),
-        h("div", Kn, [
+        w("div", Kn, [
           a.type === "text" && a.allowClear && n.value && n.value.length > 0 ? (c(), f("button", {
             key: 0,
             class: "input__clear",
@@ -1874,7 +1878,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     disabled: { type: Boolean }
   },
   setup(e) {
-    const o = R(() => [
+    const o = x(() => [
       "icon-field",
       {
         [`icon-field--${e.position}`]: e.position,
@@ -1885,7 +1889,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       class: S(o.value)
     }, [
       (c(), T(ee(t.icon), { class: "icon-field__icon" })),
-      h("div", Qn, [
+      w("div", Qn, [
         I(t.$slots, "default")
       ])
     ], 2));
@@ -1898,10 +1902,10 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     size: { default: "default" }
   },
   setup(e) {
-    const o = R(() => typeof e.strokeWidth == "string" ? `${e.strokeWidth.split("px")[0]}px` : `${e.strokeWidth}px`), t = R(() => ({
+    const o = x(() => typeof e.strokeWidth == "string" ? `${e.strokeWidth.split("px")[0]}px` : `${e.strokeWidth}px`), t = x(() => ({
       "--spinner-stroke-width": o.value,
       ...e.style
-    })), n = R(() => [
+    })), n = x(() => [
       "spinner",
       `spinner--${e.size}`
     ]);
@@ -1910,7 +1914,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       "aria-label": "Loading",
       style: ie(t.value)
     }, i[0] || (i[0] = [
-      h("span", { class: "spinner__circle" }, null, -1)
+      w("span", { class: "spinner__circle" }, null, -1)
     ]), 6));
   }
 }), ol = {
@@ -1996,15 +2000,15 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   }),
   emits: /* @__PURE__ */ z(["search"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = o, n = R(() => e.optionValue ? e.optionValue : "value"), l = R(() => e.optionLabel ? e.optionLabel : "label"), i = J(e, "modelValue"), s = R({
+    const t = o, n = x(() => e.optionValue ? e.optionValue : "value"), l = x(() => e.optionLabel ? e.optionLabel : "label"), i = J(e, "modelValue"), s = x({
       get() {
         return e.returnObject ? Array.isArray(i.value) ? i.value.map((p) => p[n.value]) : i.value[n.value] : i.value;
       },
       set(p) {
         if (Array.isArray(p)) {
           const y = p.map((g) => {
-            const w = e.options.find((x) => x[n.value] === g);
-            return w || g;
+            const h = e.options.find((R) => R[n.value] === g);
+            return h || g;
           });
           i.value = e.returnObject ? y : p;
         } else {
@@ -2012,13 +2016,13 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
           i.value = e.returnObject ? y : p;
         }
       }
-    }), 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(() => [
+    }), r = x(() => (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 = x(() => [
       "dropdown",
       {
         "dropdown--open": u.value,
         "dropdown--searchable": e.searchable
       }
-    ]), m = R(() => {
+    ]), m = x(() => {
       const p = e.options.find((y) => y.value === s.value);
       return p ? p[l.value] : "";
     }), $ = (p) => {
@@ -2042,12 +2046,12 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     }), (p, y) => (c(), f("div", {
       class: S(d.value)
     }, [
-      h("div", {
+      w("div", {
         class: "dropdown__field",
         ref: "trigger",
         onClick: y[0] || (y[0] = (g) => u.value = !u.value)
       }, [
-        h("div", {
+        w("div", {
           class: S(["dropdown__field-inner", [{ "dropdown__field-inner--multiple": p.multiple }, { "dropdown__field-inner--placeholder": !i.value }]])
         }, [
           p.multiple ? (c(), f("div", ll, [
@@ -2055,7 +2059,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
               variant: "secondary",
               key: g,
               removable: "",
-              onRemove: (w) => v(g)
+              onRemove: (h) => v(g)
             }, {
               default: H(() => [
                 se(L($(g)), 1)
@@ -2064,22 +2068,22 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
             }, 1032, ["onRemove"]))), 128))
           ])) : (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", {
+        y[4] || (y[4] = w("div", { class: "dropdown__field-arrow" }, [
+          w("svg", {
             width: "10",
             height: "6",
             viewBox: "0 0 10 6",
             xmlns: "http://www.w3.org/2000/svg"
           }, [
-            h("path", {
+            w("path", {
               d: "M4.9996 5.50009C4.90106 5.50055 4.80342 5.48133 4.71241 5.44355C4.6214 5.40577 4.53885 5.3502 4.4696 5.28009L0.999603 1.78009C0.908212 1.63913 0.866791 1.47157 0.881978 1.30427C0.897166 1.13696 0.968083 0.979602 1.08336 0.857406C1.19864 0.73521 1.35161 0.655255 1.51774 0.630355C1.68388 0.605456 1.85357 0.637055 1.9996 0.720087L4.9996 3.72009L7.9996 0.720087C8.14564 0.637055 8.31533 0.605456 8.48146 0.630355C8.6476 0.655255 8.80056 0.73521 8.91584 0.857406C9.03112 0.979602 9.10204 1.13696 9.11723 1.30427C9.13241 1.47157 9.09099 1.63913 8.9996 1.78009L5.4996 5.28009C5.36709 5.4145 5.18823 5.4932 4.9996 5.50009Z",
               fill: "currentColor"
             })
           ])
         ], -1))
       ], 512),
-      h("div", il, [
-        h("div", al, [
+      w("div", il, [
+        w("div", al, [
           p.searchable ? (c(), f("div", rl, [
             O(b(el), {
               icon: b(Wt),
@@ -2099,10 +2103,10 @@ 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(D, null, ce(p.options, (g, w) => (c(), T(nl, {
-              key: w,
+            (c(!0), f(D, null, ce(p.options, (g, h) => (c(), T(nl, {
+              key: h,
               modelValue: s.value,
-              "onUpdate:modelValue": y[3] || (y[3] = (x) => s.value = x),
+              "onUpdate:modelValue": y[3] || (y[3] = (R) => s.value = R),
               item: g,
               multiple: p.multiple
             }, null, 8, ["modelValue", "item", "multiple"]))), 128))
@@ -2147,7 +2151,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       if (o.value === 1) return;
       let a = o.value - e.countInPackage;
       a < 1 && (a = 1), o.value = a;
-    }, r = R(() => [
+    }, r = x(() => [
       "input-number",
       {
         "input-number--view-buttons": e.viewButtons,
@@ -2159,7 +2163,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     }), (a, u) => (c(), f("div", {
       class: S(r.value)
     }, [
-      a.viewButtons ? (c(), T(b(Fe), {
+      a.viewButtons ? (c(), T(b(_e), {
         key: 0,
         contrast: "",
         icon: b(qt),
@@ -2169,9 +2173,9 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
         disabled: a.countInPackage ? o.value === a.countInPackage : o.value === 1,
         onClick: s
       }, null, 8, ["icon", "disabled"])) : V("", !0),
-      h("div", dl, [
+      w("div", dl, [
         (c(), T(ee(a.icon))),
-        ae(h("input", {
+        ae(w("input", {
           "onUpdate:modelValue": u[0] || (u[0] = (d) => t.value = d),
           type: "text",
           name: "input-number",
@@ -2184,7 +2188,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
           [dt, t.value]
         ])
       ]),
-      a.viewButtons ? (c(), T(b(Fe), {
+      a.viewButtons ? (c(), T(b(_e), {
         key: 1,
         contrast: "",
         icon: b(vt),
@@ -2242,13 +2246,13 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = J(e, "modelValue"), t = xe();
+    const o = J(e, "modelValue"), t = Re();
     return (n, l) => (c(), f("div", {
       class: S(["switch", {
         "switch--disabled": n.disabled
       }])
     }, [
-      ae(h("input", {
+      ae(w("input", {
         "onUpdate:modelValue": l[0] || (l[0] = (i) => o.value = i),
         type: "checkbox",
         name: "switch",
@@ -2258,8 +2262,8 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       }, null, 8, vl), [
         [qe, o.value]
       ]),
-      l[1] || (l[1] = h("div", { class: "switch__track" }, [
-        h("div", { class: "switch__thumb" })
+      l[1] || (l[1] = w("div", { class: "switch__track" }, [
+        w("div", { class: "switch__thumb" })
       ], -1))
     ], 2));
   }
@@ -2282,7 +2286,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   }),
   emits: /* @__PURE__ */ z(["focusIn", "focusOut", "blur"], ["update:modelValue"]),
   setup(e, { emit: o }) {
-    const t = o, n = J(e, "modelValue"), l = M(null), i = xe(), s = () => {
+    const t = o, n = J(e, "modelValue"), l = M(null), i = Re(), s = () => {
       const a = l.value;
       if (!a) return;
       const u = {
@@ -2297,7 +2301,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     }), fe(() => [e.rows, e.maxHeight], () => {
       s();
     });
-    const r = R(() => [
+    const r = x(() => [
       "textarea",
       `textarea--${e.size}`,
       {
@@ -2308,11 +2312,11 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     return (a, u) => (c(), f("div", {
       class: S(r.value)
     }, [
-      h("label", {
+      w("label", {
         for: a.inputId ?? b(i),
         class: "textarea__label"
       }, L(a.label), 9, pl),
-      ae(h("textarea", {
+      ae(w("textarea", {
         "onUpdate:modelValue": u[0] || (u[0] = (d) => n.value = d),
         ref_key: "textareaRef",
         ref: l,
@@ -2360,7 +2364,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
 }), yl = { class: "toast-message__icon" }, bl = { class: "toast-message__content" }, $l = { class: "toast-message__title" }, kl = {
   key: 0,
   class: "toast-message__text"
-}, xl = /* @__PURE__ */ C({
+}, Rl = /* @__PURE__ */ C({
   __name: "ToastMessage",
   props: {
     msg: {}
@@ -2372,7 +2376,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       error: Be(jt),
       warn: Be(Ut),
       info: Be(Ye)
-    }), l = R(() => e.msg.severity ? e.msg.icon ? e.msg.icon : n[e.msg.severity] : n.info), i = R(() => [
+    }), l = x(() => e.msg.severity ? e.msg.icon ? e.msg.icon : n[e.msg.severity] : n.info), i = x(() => [
       "toast-message",
       `toast-message--${e.msg.severity}`
     ]), s = M(null), r = M(void 0), a = () => {
@@ -2391,14 +2395,14 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     }), ($, v) => (c(), f("div", {
       class: S(i.value)
     }, [
-      h("div", yl, [
+      w("div", yl, [
         (c(), T(ee(l.value)))
       ]),
-      h("div", bl, [
-        h("div", $l, L($.msg.summary), 1),
+      w("div", bl, [
+        w("div", $l, L($.msg.summary), 1),
         $.msg.detail ? (c(), f("div", kl, L($.msg.detail), 1)) : V("", !0)
       ]),
-      h("button", {
+      w("button", {
         class: "toast-message__close",
         onClick: d
       }, [
@@ -2406,7 +2410,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       ])
     ], 2));
   }
-}), W = Jt(), Rl = { class: "toast-container" }, ns = /* @__PURE__ */ C({
+}), W = Jt(), xl = { class: "toast-container" }, ns = /* @__PURE__ */ C({
   __name: "Toast",
   props: {
     group: {},
@@ -2435,13 +2439,13 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       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, [
+        w("div", xl, [
           O(Dt, {
             name: "toast-fade",
             tag: "div"
           }, {
             default: H(() => [
-              (c(!0), f(D, null, ce(t.value, (m) => (c(), T(xl, {
+              (c(!0), f(D, null, ce(t.value, (m) => (c(), T(Rl, {
                 key: m.id,
                 msg: m,
                 onClose: d[0] || (d[0] = ($) => l($))
@@ -2490,7 +2494,7 @@ const ss = {
     outlined: Boolean
   },
   setup(e) {
-    const o = e, t = R(() => [
+    const o = e, t = x(() => [
       "message",
       `message--${o.type}`,
       { "message--outlined": o.outlined }
@@ -2503,7 +2507,7 @@ const ss = {
       class: S(t.value)
     }, [
       (c(), T(ee(n[o.type]), { class: "message__icon" })),
-      h("div", Cl, [
+      w("div", Cl, [
         l.$slots.default ? I(l.$slots, "default", { key: 0 }, void 0, !0) : (c(), f(D, { key: 1 }, [
           se(L(o.message), 1)
         ], 64))
@@ -2521,7 +2525,7 @@ const ss = {
     strong: { type: Boolean }
   },
   setup(e) {
-    const o = R(() => [
+    const o = x(() => [
       "badge",
       {
         "badge--strong": e.strong,
@@ -2545,7 +2549,7 @@ const ss = {
     offset: { default: () => ({ x: -5, y: -7 }) }
   },
   setup(e) {
-    const o = R(() => typeof e.offset == "number" ? {
+    const o = x(() => typeof e.offset == "number" ? {
       left: `calc(100% + ${e.offset}px)`,
       top: `${e.offset}px`
     } : {
@@ -2575,13 +2579,13 @@ const ss = {
     size: {}
   },
   setup(e) {
-    const o = R(() => [
+    const o = x(() => [
       "skeleton",
       `skeleton--${e.shape}`,
       {
         "skeleton--square": e.size
       }
-    ]), t = R(() => ({
+    ]), t = x(() => ({
       "--size": e.size,
       width: typeof e.width == "string" ? e.width : `${e.width}px`,
       height: typeof e.height == "string" ? e.height : `${e.height}px`,
@@ -2599,7 +2603,7 @@ const ss = {
     width: { default: 300 }
   },
   setup(e, { expose: o }) {
-    const { lockScroll: t, unlockScroll: n } = ht(), l = M(!1), i = R(() => typeof e.width == "number" ? `${e.width}px` : `${e.width.split("px")[0]}px`), s = () => {
+    const { lockScroll: t, unlockScroll: n } = ht(), l = M(!1), i = x(() => typeof e.width == "number" ? `${e.width}px` : `${e.width.split("px")[0]}px`), s = () => {
       l.value = !0, t();
     }, r = () => {
       l.value = !1, n();
@@ -2616,13 +2620,13 @@ const ss = {
             class: S(["drawer", { [`drawer--${a.position}`]: a.position }]),
             style: ie({ "--widthDrawer": i.value })
           }, [
-            h("div", {
+            w("div", {
               class: "drawer-overlay",
               onClick: u[0] || (u[0] = (d) => r())
             }),
-            h("div", Tl, [
-              h("div", Bl, [
-                h("button", {
+            w("div", Tl, [
+              w("div", Bl, [
+                w("button", {
                   onClick: u[1] || (u[1] = (d) => r())
                 }, [
                   O(b(Xe))
@@ -2651,7 +2655,7 @@ const ss = {
   }),
   emits: ["update:open"],
   setup(e) {
-    const o = J(e, "open"), { unlockScroll: t, lockScroll: n } = ht(), l = R(() => ["modal", `modal--${e.position}`]);
+    const o = J(e, "open"), { unlockScroll: t, lockScroll: n } = ht(), l = x(() => ["modal", `modal--${e.position}`]);
     return fe(o, () => {
       o.value ? n() : t();
     }), (i, s) => (c(), T(Ue, { to: "body" }, [
@@ -2661,17 +2665,17 @@ const ss = {
             key: 0,
             class: S(l.value)
           }, [
-            h("div", {
+            w("div", {
               class: "modal__overlay",
               onClick: s[0] || (s[0] = (r) => o.value = !1)
             }),
-            h("div", {
+            w("div", {
               class: "modal__content",
               style: ie(i.style)
             }, [
-              h("div", Ml, [
+              w("div", Ml, [
                 i.title ? (c(), f("h2", Il, L(i.title), 1)) : V("", !0),
-                h("button", {
+                w("button", {
                   text: "",
                   class: "modal__header-close",
                   onClick: s[1] || (s[1] = (r) => o.value = !1)
@@ -2679,7 +2683,7 @@ const ss = {
                   O(b(pt))
                 ])
               ]),
-              h("div", Ol, [
+              w("div", Ol, [
                 I(i.$slots, "default")
               ])
             ], 4)
@@ -2697,7 +2701,7 @@ const ss = {
     styleView: { default: "fill" }
   },
   setup(e) {
-    const o = R(() => e.styleView), t = M(
+    const o = x(() => e.styleView), t = M(
       Array.isArray(e.value) ? e.value : e.value !== void 0 ? [e.value] : []
     );
     fe(() => e.value, (l) => {
@@ -2722,7 +2726,7 @@ const ss = {
       class: "accordion-content-wrapper",
       style: ie({ height: b(o) ? n.value : "0px" })
     }, [
-      ae(h("div", {
+      ae(w("div", {
         ref_key: "contentRef",
         ref: t,
         class: "accordion-content"
@@ -2742,10 +2746,10 @@ const ss = {
       onClick: i[0] || (i[0] = //@ts-ignore
       (...s) => b(t) && b(t)(...s))
     }, [
-      h("span", Pl, [
+      w("span", Pl, [
         I(l.$slots, "default")
       ]),
-      h("span", zl, [
+      w("span", zl, [
         O(b(Kt))
       ])
     ], 2));
@@ -2756,7 +2760,7 @@ const ss = {
     value: {}
   },
   setup(e) {
-    const o = e, t = q("accordionOpenValues"), n = q("accordionToggle"), l = q("accordionStyle"), i = R(() => t?.value.includes(o.value));
+    const o = e, t = q("accordionOpenValues"), n = q("accordionToggle"), l = q("accordionStyle"), i = x(() => t?.value.includes(o.value));
     return X("panelValue", o.value), X("panelIsOpen", i), X("panelToggle", () => n?.(o.value)), (s, r) => (c(), f("div", {
       class: S(["accordion-panel", `accordion-panel--${b(l)}`])
     }, [
@@ -2774,7 +2778,7 @@ const ss = {
     align: { default: "center" }
   },
   setup(e) {
-    const o = R(() => ["divider", `divider--${e.layouts}`, `divider--${e.type}`, `divider--${e.align}`]);
+    const o = x(() => ["divider", `divider--${e.layouts}`, `divider--${e.type}`, `divider--${e.align}`]);
     return (t, n) => (c(), f("div", {
       class: S(o.value)
     }, [
@@ -2789,7 +2793,7 @@ const ss = {
     value: {}
   },
   setup(e) {
-    const o = e, t = q("tabsValue"), n = q("setTabsValue"), l = R(() => t?.value === o.value);
+    const o = e, t = q("tabsValue"), n = q("setTabsValue"), l = x(() => t?.value === o.value);
     return (i, s) => (c(), f("button", {
       class: S(["tab", { "tab--active": l.value }]),
       onClick: s[0] || (s[0] = () => b(n)?.(i.value)),
@@ -2817,7 +2821,7 @@ const ss = {
       I(s.$slots, "default")
     ]));
   }
-}), _l = {
+}), Fl = {
   class: "tab-panel",
   role: "tabpanel"
 }, ws = /* @__PURE__ */ C({
@@ -2826,21 +2830,21 @@ const ss = {
     value: {}
   },
   setup(e) {
-    const o = e, t = q("tabsValue"), n = R(() => t?.value === o.value);
-    return (l, i) => ae((c(), f("div", _l, [
+    const o = e, t = q("tabsValue"), n = x(() => t?.value === o.value);
+    return (l, i) => ae((c(), f("div", Fl, [
       I(l.$slots, "default")
     ], 512)), [
       [mt, n.value]
     ]);
   }
-}), Fl = {
+}), _l = {
   class: "tab-list",
   role: "tablist"
 }, Hl = { class: "tab-list__content" }, ys = /* @__PURE__ */ C({
   __name: "TabList",
   setup(e) {
-    return (o, t) => (c(), f("div", Fl, [
-      h("div", Hl, [
+    return (o, t) => (c(), f("div", _l, [
+      w("div", Hl, [
         I(o.$slots, "default")
       ])
     ]));
@@ -2860,7 +2864,7 @@ export {
   vs as AccordionPanel,
   Sl as Badge,
   os as Breadcrumb,
-  Fe as Button,
+  _e as Button,
   Ze as Checkbox,
   Zl as ChipCheckbox,
   Xl as Column,