prlg-ui 1.3.3 → 1.3.5

package/dist/prlg-ui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as C, computed as R, resolveComponent as rt, createBlock as V, openBlock as c, resolveDynamicComponent as le, normalizeClass as S, withCtx as H, createCommentVNode as T, createElementBlock as m, renderSlot as O, Fragment as G, createTextVNode as ge, toDisplayString as I, ref as M, useTemplateRef as Oe, onMounted as te, createElementVNode as h, createVNode as _, renderList as ue, unref as b, mergeModels as z, useModel as Z, useId as xe, withDirectives as ie, vModelCheckbox as Ue, onUnmounted as ut, watch as de, nextTick as _e, Teleport as je, Transition as qe, normalizeStyle as se, provide as K, useSlots as Ot, inject as Q, vModelRadio as _t, withModifiers as It, vModelDynamic as Lt, vModelText as ct, mergeProps as Pt, reactive as zt, shallowRef as Be, TransitionGroup as Dt, vShow as dt } from "vue";
-import { P as ft, f as Et, g as Gt, _ as ye, I as mt, A as Ft, c as Ye, d as Ht, e as Nt, S as Wt, M as Ut, E as jt, B as qt, C as Yt, b as vt, a as Xt } from "./SortDownFillIcon-CopVt5ee.js";
+import { defineComponent as C, computed as R, resolveComponent as rt, createBlock as S, openBlock as c, resolveDynamicComponent as le, normalizeClass as V, withCtx as H, createCommentVNode as T, createElementBlock as m, renderSlot as O, Fragment as G, createTextVNode as ue, toDisplayString as I, ref as M, useTemplateRef as Oe, onMounted as te, createElementVNode as h, createVNode as _, renderList as ce, unref as b, mergeModels as z, useModel as Z, useId as xe, withDirectives as ie, vModelCheckbox as qe, onUnmounted as ut, watch as fe, nextTick as _e, Teleport as Ue, Transition as je, normalizeStyle as se, provide as K, useSlots as Ot, inject as Q, vModelRadio as _t, withModifiers as It, vModelDynamic as Lt, vModelText as ct, mergeProps as Pt, reactive as zt, shallowRef as Be, TransitionGroup as Dt, vShow as dt } from "vue";
+import { P as ft, f as Et, g as Gt, _ as ye, I as mt, A as Ft, c as Ye, d as Ht, e as Nt, S as Wt, M as qt, E as Ut, B as jt, C as Yt, b as vt, a as Xt } from "./SortDownFillIcon-CopVt5ee.js";
 import { o as pt, E as Zt, _ as Kt, u as gt } from "./useBodyScroll.util-BgQeA8Dg.js";
 const Jt = {
   key: 1,
@@ -32,27 +32,27 @@ const Jt = {
         "button--full": e.full
       }
     ]);
-    return (n, l) => (c(), V(le(t.value), {
+    return (n, l) => (c(), S(le(t.value), {
       to: n.url,
-      class: S(o.value),
+      class: V(o.value),
       disabled: n.disabled
     }, {
       default: H(() => [
-        n.icon ? (c(), V(le(n.icon), {
+        n.icon ? (c(), S(le(n.icon), {
           key: 0,
           class: "button__icon"
         })) : T("", !0),
         n.iconOnly ? T("", !0) : (c(), m("div", Jt, [
           O(n.$slots, "default"),
           n.label && !n.$slots.default ? (c(), m(G, { key: 0 }, [
-            ge(I(n.label), 1)
+            ue(I(n.label), 1)
           ], 64)) : T("", !0)
         ]))
       ]),
       _: 3
     }, 8, ["to", "class", "disabled"]));
   }
-}), Qt = { class: "sleed-deal" }, eo = ["onClick"], to = { class: "sleed-deal-menu__item-label" }, Wl = /* @__PURE__ */ C({
+}), Qt = { class: "sleed-deal" }, eo = ["onClick"], to = { class: "sleed-deal-menu__item-label" }, ql = /* @__PURE__ */ C({
   __name: "SleedDeal",
   props: {
     items: { default: () => [] },
@@ -70,22 +70,22 @@ const Jt = {
       pt(o.value, () => {
         t.value = !1;
       }, { ignore: [n.value?.$el] });
-    }), (s, a) => (c(), m("div", Qt, [
+    }), (s, r) => (c(), m("div", Qt, [
       h("div", {
         ref_key: "menuRef",
         ref: o,
-        class: S(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": t.value }])
+        class: V(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": t.value }])
       }, [
-        (c(!0), m(G, null, ue(s.items, (r) => (c(), m("div", {
+        (c(!0), m(G, null, ce(s.items, (a) => (c(), m("div", {
           class: "sleed-deal-menu__item",
-          key: r.label,
-          onClick: (u) => i(r)
+          key: a.label,
+          onClick: (u) => i(a)
         }, [
-          r.icon ? (c(), V(le(r.icon), {
+          a.icon ? (c(), S(le(a.icon), {
             key: 0,
             class: "sleed-deal-menu__item-icon"
           })) : T("", !0),
-          h("span", to, I(r.label), 1)
+          h("span", to, I(a.label), 1)
         ], 8, eo))), 128))
       ], 2),
       _(b(Fe), {
@@ -137,12 +137,12 @@ const Jt = {
         "checkbox--disabled": e.disabled
       }
     ]);
-    return (s, a) => (c(), m("label", {
+    return (s, r) => (c(), m("label", {
       for: b(l),
-      class: S(i.value)
+      class: V(i.value)
     }, [
       ie(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 Jt = {
         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, no), [
-        [Ue, n.value]
+        [qe, n.value]
       ]),
       h("div", lo, [
         h("div", so, [
-          n.value || s.checked ? (c(), m("svg", io, a[2] || (a[2] = [
+          n.value || s.checked ? (c(), m("svg", io, 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(), m("svg", ao, a[3] || (a[3] = [
+          ]))) : n.value === null ? (c(), m("svg", ao, r[3] || (r[3] = [
             h("path", {
               d: "M0.371094 1.62305L12.3711 1.62305",
               stroke: "white",
@@ -171,7 +171,7 @@ const Jt = {
         ])
       ]),
       s.label || s.$slots.label ? (c(), m("span", ro, [
-        ge(I(s.label) + " ", 1),
+        ue(I(s.label) + " ", 1),
         O(s.$slots, "label")
       ])) : T("", !0)
     ], 10, oo));
@@ -194,14 +194,14 @@ const Jt = {
       onClick: l
     }, [
       _(b(Et), {
-        class: S(["sort-button__icon", [{ "sort-button__icon--active": o.value.order === -1 && o.value.field === i.field }]])
+        class: V(["sort-button__icon", [{ "sort-button__icon--active": o.value.order === -1 && o.value.field === i.field }]])
       }, null, 8, ["class"]),
       _(b(Gt), {
-        class: S(["sort-button__icon", { "sort-button__icon--active": o.value.order === 1 && o.value.field === i.field }])
+        class: V(["sort-button__icon", { "sort-button__icon--active": o.value.order === 1 && o.value.field === i.field }])
       }, null, 8, ["class"])
     ]));
   }
-}), co = /* @__PURE__ */ ye(uo, [["__scopeId", "data-v-6bf78a73"]]), $e = Math.min, pe = Math.max, Ie = Math.round, Me = Math.floor, J = (e) => ({
+}), co = /* @__PURE__ */ ye(uo, [["__scopeId", "data-v-6bf78a73"]]), $e = Math.min, ge = Math.max, Ie = Math.round, Me = Math.floor, J = (e) => ({
   x: e,
   y: e
 }), fo = {
@@ -214,7 +214,7 @@ const Jt = {
   end: "start"
 };
 function He(e, t, o) {
-  return pe(e, $e(t, o));
+  return ge(e, $e(t, o));
 }
 function Te(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -222,7 +222,7 @@ function Te(e, t) {
 function he(e) {
   return e.split("-")[0];
 }
-function Se(e) {
+function Ve(e) {
   return e.split("-")[1];
 }
 function ht(e) {
@@ -240,7 +240,7 @@ function Ke(e) {
 }
 function po(e, t, o) {
   o === void 0 && (o = !1);
-  const n = Se(e), l = Ke(e), i = Ze(l);
+  const n = Ve(e), l = Ke(e), i = Ze(l);
   let s = l === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
   return t.reference[i] > t.floating[i] && (s = Le(s)), [s, Le(s)];
 }
@@ -265,7 +265,7 @@ function yo(e, t, o) {
   }
 }
 function bo(e, t, o, n) {
-  const l = Se(e);
+  const l = Ve(e);
   let i = yo(he(e), o === "start", n);
   return l && (i = i.map((s) => s + "-" + l), t && (i = i.concat(i.map(Ne)))), i;
 }
@@ -312,9 +312,9 @@ function lt(e, t, o) {
     reference: n,
     floating: l
   } = e;
-  const i = re(t), s = Ke(t), a = Ze(s), r = he(t), u = i === "y", d = n.x + n.width / 2 - l.width / 2, f = n.y + n.height / 2 - l.height / 2, $ = n[a] / 2 - l[a] / 2;
+  const i = re(t), s = Ke(t), r = Ze(s), a = he(t), u = i === "y", d = n.x + n.width / 2 - l.width / 2, f = 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,
@@ -345,7 +345,7 @@ function lt(e, t, o) {
         y: n.y
       };
   }
-  switch (Se(t)) {
+  switch (Ve(t)) {
     case "start":
       v[s] -= $ * (o && u ? -1 : 1);
       break;
@@ -361,7 +361,7 @@ const ko = 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 ko = async (e, t, o) => {
   }), {
     x: d,
     y: f
-  } = lt(u, n, r), $ = n, v = {}, k = 0;
-  for (let A = 0; A < a.length; A++) {
+  } = lt(u, n, a), $ = n, v = {}, k = 0;
+  for (let A = 0; A < r.length; A++) {
     const {
       name: p,
       fn: w
-    } = a[A], {
+    } = r[A], {
       x: g,
       y,
       data: x,
@@ -406,7 +406,7 @@ const ko = async (e, t, o) => {
     }) : B.rects), {
       x: d,
       y: f
-    } = lt(u, $, r)), A = -1);
+    } = lt(u, $, a)), A = -1);
   }
   return {
     x: d,
@@ -424,35 +424,35 @@ async function yt(e, t) {
     y: l,
     platform: i,
     rects: s,
-    elements: a,
-    strategy: r
+    elements: r,
+    strategy: a
   } = e, {
     boundary: u = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
     altBoundary: $ = !1,
     padding: v = 0
-  } = Te(t, e), k = wt(v), p = a[$ ? f === "floating" ? "reference" : "floating" : f], w = Pe(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)),
+  } = Te(t, e), k = wt(v), p = r[$ ? f === "floating" ? "reference" : "floating" : f], w = Pe(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 = f === "floating" ? {
     x: n,
     y: l,
     width: s.floating.width,
     height: s.floating.height
-  } : s.reference, y = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), x = await (i.isElement == null ? void 0 : i.isElement(y)) ? await (i.getScale == null ? void 0 : i.getScale(y)) || {
+  } : s.reference, y = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(r.floating)), x = await (i.isElement == null ? void 0 : i.isElement(y)) ? await (i.getScale == null ? void 0 : i.getScale(y)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
   }, B = Pe(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: a,
+    elements: r,
     rect: g,
     offsetParent: y,
-    strategy: r
+    strategy: a
   }) : g);
   return {
     top: (w.top - B.top + k.top) / x.y,
@@ -471,8 +471,8 @@ const xo = (e) => ({
       placement: l,
       rects: i,
       platform: s,
-      elements: a,
-      middlewareData: r
+      elements: r,
+      middlewareData: a
     } = t, {
       element: u,
       padding: d = 0
@@ -484,15 +484,15 @@ const xo = (e) => ({
       y: n
     }, v = Ke(l), k = Ze(v), A = await s.getDimensions(u), p = v === "y", w = p ? "top" : "left", g = p ? "bottom" : "right", y = 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 L = D ? D[y] : 0;
-    (!L || !await (s.isElement == null ? void 0 : s.isElement(D))) && (L = a.floating[y] || i.floating[k]);
-    const N = x / 2 - B / 2, E = L / 2 - A[k] / 2 - 1, U = $e(f[w], E), fe = $e(f[g], E), me = U, Ce = L - A[k] - fe, P = L / 2 - A[k] / 2 + N, ve = He(me, P, Ce), ne = !r.arrow && Se(l) != null && P !== ve && i.reference[k] / 2 - (P < me ? U : fe) - A[k] / 2 < 0, j = ne ? P < me ? P - me : P - Ce : 0;
+    (!L || !await (s.isElement == null ? void 0 : s.isElement(D))) && (L = r.floating[y] || i.floating[k]);
+    const N = x / 2 - B / 2, E = L / 2 - A[k] / 2 - 1, q = $e(f[w], E), me = $e(f[g], E), ve = q, Ce = L - A[k] - me, P = L / 2 - A[k] / 2 + N, pe = He(ve, P, Ce), ne = !a.arrow && Ve(l) != null && P !== pe && i.reference[k] / 2 - (P < ve ? q : me) - A[k] / 2 < 0, U = ne ? P < ve ? P - ve : P - Ce : 0;
     return {
-      [v]: $[v] + j,
+      [v]: $[v] + U,
       data: {
-        [v]: ve,
-        centerOffset: P - ve - j,
+        [v]: pe,
+        centerOffset: P - pe - U,
         ...ne && {
-          alignmentOffset: j
+          alignmentOffset: U
         }
       },
       reset: ne
@@ -508,8 +508,8 @@ const xo = (e) => ({
         placement: l,
         middlewareData: i,
         rects: s,
-        initialPlacement: a,
-        platform: r,
+        initialPlacement: r,
+        platform: a,
         elements: u
       } = t, {
         mainAxis: d = !0,
@@ -522,51 +522,51 @@ const xo = (e) => ({
       } = Te(e, t);
       if ((o = i.arrow) != null && o.alignmentOffset)
         return {};
-      const w = he(l), g = re(a), y = he(a) === a, x = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), B = $ || (y || !A ? [Le(a)] : go(a)), D = k !== "none";
-      !$ && D && B.push(...bo(a, A, k, x));
-      const L = [a, ...B], N = await yt(t, p), E = [];
-      let U = ((n = i.flip) == null ? void 0 : n.overflows) || [];
+      const w = he(l), g = re(r), y = he(r) === r, x = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), B = $ || (y || !A ? [Le(r)] : go(r)), D = k !== "none";
+      !$ && D && B.push(...bo(r, A, k, x));
+      const L = [r, ...B], N = await yt(t, p), E = [];
+      let q = ((n = i.flip) == null ? void 0 : n.overflows) || [];
       if (d && E.push(N[w]), f) {
         const P = po(l, s, x);
         E.push(N[P[0]], N[P[1]]);
       }
-      if (U = [...U, {
+      if (q = [...q, {
         placement: l,
         overflows: E
       }], !E.every((P) => P <= 0)) {
-        var fe, me;
-        const P = (((fe = i.flip) == null ? void 0 : fe.index) || 0) + 1, ve = L[P];
-        if (ve && (!(f === "alignment" ? g !== re(ve) : !1) || // We leave the current main axis only if every placement on that axis
+        var me, ve;
+        const P = (((me = i.flip) == null ? void 0 : me.index) || 0) + 1, pe = L[P];
+        if (pe && (!(f === "alignment" ? g !== re(pe) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        U.every((q) => q.overflows[0] > 0 && re(q.placement) === g)))
+        q.every((j) => j.overflows[0] > 0 && re(j.placement) === g)))
           return {
             data: {
               index: P,
-              overflows: U
+              overflows: q
             },
             reset: {
-              placement: ve
+              placement: pe
             }
           };
-        let ne = (me = U.filter((j) => j.overflows[0] <= 0).sort((j, q) => j.overflows[1] - q.overflows[1])[0]) == null ? void 0 : me.placement;
+        let ne = (ve = q.filter((U) => U.overflows[0] <= 0).sort((U, j) => U.overflows[1] - j.overflows[1])[0]) == null ? void 0 : ve.placement;
         if (!ne)
           switch (v) {
             case "bestFit": {
               var Ce;
-              const j = (Ce = U.filter((q) => {
+              const U = (Ce = q.filter((j) => {
                 if (D) {
-                  const ae = re(q.placement);
+                  const ae = re(j.placement);
                   return ae === g || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   ae === "y";
                 }
                 return !0;
-              }).map((q) => [q.placement, q.overflows.filter((ae) => ae > 0).reduce((ae, Mt) => ae + Mt, 0)]).sort((q, ae) => q[1] - ae[1])[0]) == null ? void 0 : Ce[0];
-              j && (ne = j);
+              }).map((j) => [j.placement, j.overflows.filter((ae) => ae > 0).reduce((ae, Mt) => ae + Mt, 0)]).sort((j, ae) => j[1] - ae[1])[0]) == null ? void 0 : Ce[0];
+              U && (ne = U);
               break;
             }
             case "initialPlacement":
-              ne = a;
+              ne = r;
               break;
           }
         if (l !== ne)
@@ -585,7 +585,7 @@ async function Ao(e, t) {
     placement: o,
     platform: n,
     elements: l
-  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = he(o), a = Se(o), r = re(o) === "y", u = Co.has(s) ? -1 : 1, d = i && r ? -1 : 1, f = Te(t, e);
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = he(o), r = Ve(o), a = re(o) === "y", u = Co.has(s) ? -1 : 1, d = i && a ? -1 : 1, f = Te(t, e);
   let {
     mainAxis: $,
     crossAxis: v,
@@ -599,7 +599,7 @@ async function Ao(e, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.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,19 +617,19 @@ const To = function(e) {
         x: l,
         y: i,
         placement: s,
-        middlewareData: a
-      } = t, r = await Ao(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 Ao(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
         }
       };
     }
   };
-}, So = function(e) {
+}, Vo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -641,7 +641,7 @@ const To = function(e) {
       } = t, {
         mainAxis: i = !0,
         crossAxis: s = !1,
-        limiter: a = {
+        limiter: r = {
           fn: (p) => {
             let {
               x: w,
@@ -653,11 +653,11 @@ const To = function(e) {
             };
           }
         },
-        ...r
+        ...a
       } = Te(e, t), u = {
         x: o,
         y: n
-      }, d = await yt(t, r), f = re(he(l)), $ = ht(f);
+      }, d = await yt(t, a), f = re(he(l)), $ = ht(f);
       let v = u[$], k = u[f];
       if (i) {
         const p = $ === "y" ? "top" : "left", w = $ === "y" ? "bottom" : "right", g = v + d[p], y = v - d[w];
@@ -667,7 +667,7 @@ const To = function(e) {
         const p = f === "y" ? "top" : "left", w = f === "y" ? "bottom" : "right", g = k + d[p], y = k - d[w];
         k = He(g, k, y);
       }
-      const A = a.fn({
+      const A = r.fn({
         ...t,
         [$]: v,
         [f]: k
@@ -712,15 +712,15 @@ function ee(e) {
 function st(e) {
   return !ze() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof F(e).ShadowRoot;
 }
-const Vo = /* @__PURE__ */ new Set(["inline", "contents"]);
-function Ve(e) {
+const So = /* @__PURE__ */ new Set(["inline", "contents"]);
+function Se(e) {
   const {
     overflow: t,
     overflowX: o,
     overflowY: n,
     display: l
   } = X(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !Vo.has(l);
+  return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !So.has(l);
 }
 const Bo = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function Mo(e) {
@@ -742,13 +742,13 @@ function Je(e) {
   return _o.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) || Io.some((n) => (o.willChange || "").includes(n)) || Lo.some((n) => (o.contain || "").includes(n));
 }
 function Po(e) {
-  let t = ce(e);
+  let t = de(e);
   for (; ee(t) && !ke(t); ) {
     if (Je(t))
       return t;
     if (De(t))
       return null;
-    t = ce(t);
+    t = de(t);
   }
   return null;
 }
@@ -771,7 +771,7 @@ function Ee(e) {
     scrollTop: e.scrollY
   };
 }
-function ce(e) {
+function de(e) {
   if (Re(e) === "html")
     return e;
   const t = (
@@ -784,16 +784,16 @@ function ce(e) {
   return st(t) ? t.host : t;
 }
 function $t(e) {
-  const t = ce(e);
-  return ke(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ee(t) && Ve(t) ? t : $t(t);
+  const t = de(e);
+  return ke(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ee(t) && Se(t) ? t : $t(t);
 }
 function Ae(e, t, o) {
   var n;
   t === void 0 && (t = []), o === void 0 && (o = !0);
   const l = $t(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 || [], Ve(l) ? l : [], a && o ? Ae(a) : []);
+    const r = We(s);
+    return t.concat(s, s.visualViewport || [], Se(l) ? l : [], r && o ? Ae(r) : []);
   }
   return t.concat(l, Ae(l, [], o));
 }
@@ -803,11 +803,11 @@ function We(e) {
 function kt(e) {
   const t = X(e);
   let o = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
-  const l = ee(e), i = l ? e.offsetWidth : o, s = l ? e.offsetHeight : n, a = Ie(o) !== i || Ie(n) !== s;
-  return a && (o = i, n = s), {
+  const l = ee(e), i = l ? e.offsetWidth : o, s = l ? e.offsetHeight : n, r = Ie(o) !== i || Ie(n) !== s;
+  return r && (o = i, n = s), {
     width: o,
     height: n,
-    $: a
+    $: r
   };
 }
 function et(e) {
@@ -822,10 +822,10 @@ function be(e) {
     height: l,
     $: i
   } = kt(t);
-  let s = (i ? Ie(o.width) : o.width) / n, a = (i ? Ie(o.height) : o.height) / l;
-  return (!s || !Number.isFinite(s)) && (s = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+  let s = (i ? Ie(o.width) : o.width) / n, r = (i ? Ie(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 Do = /* @__PURE__ */ J(0);
@@ -844,20 +844,20 @@ function we(e, t, o, n) {
   const l = e.getBoundingClientRect(), i = et(e);
   let s = J(1);
   t && (n ? Y(n) && (s = be(n)) : s = be(e));
-  const a = Eo(i, o, n) ? xt(i) : J(0);
-  let r = (l.left + a.x) / s.x, u = (l.top + a.y) / s.y, d = l.width / s.x, f = l.height / s.y;
+  const r = Eo(i, o, n) ? xt(i) : J(0);
+  let a = (l.left + r.x) / s.x, u = (l.top + r.y) / s.y, d = l.width / s.x, f = l.height / s.y;
   if (i) {
     const $ = F(i), v = n && Y(n) ? F(n) : n;
     let k = $, A = We(k);
     for (; A && n && v !== k; ) {
       const p = be(A), w = A.getBoundingClientRect(), g = X(A), y = w.left + (A.clientLeft + parseFloat(g.paddingLeft)) * p.x, x = w.top + (A.clientTop + parseFloat(g.paddingTop)) * p.y;
-      r *= p.x, u *= p.y, d *= p.x, f *= p.y, r += y, u += x, k = F(A), A = We(k);
+      a *= p.x, u *= p.y, d *= p.x, f *= p.y, a += y, u += x, k = F(A), A = We(k);
     }
   }
   return Pe({
     width: d,
     height: f,
-    x: r,
+    x: a,
     y: u
   });
 }
@@ -883,62 +883,62 @@ function Go(e) {
     offsetParent: n,
     strategy: l
   } = e;
-  const i = l === "fixed", s = oe(n), a = t ? De(t.floating) : !1;
-  if (n === s || a && i)
+  const i = l === "fixed", s = oe(n), r = t ? De(t.floating) : !1;
+  if (n === s || r && i)
     return o;
-  let r = {
+  let a = {
     scrollLeft: 0,
     scrollTop: 0
   }, u = J(1);
   const d = J(0), f = ee(n);
-  if ((f || !f && !i) && ((Re(n) !== "body" || Ve(s)) && (r = Ee(n)), ee(n))) {
+  if ((f || !f && !i) && ((Re(n) !== "body" || Se(s)) && (a = Ee(n)), ee(n))) {
     const v = we(n);
     u = be(n), d.x = v.x + n.clientLeft, d.y = v.y + n.clientTop;
   }
-  const $ = s && !f && !i ? Rt(s, r, !0) : J(0);
+  const $ = s && !f && !i ? Rt(s, a, !0) : J(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 Fo(e) {
   return Array.from(e.getClientRects());
 }
 function Ho(e) {
-  const t = oe(e), o = Ee(e), n = e.ownerDocument.body, l = pe(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), i = pe(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
+  const t = oe(e), o = Ee(e), n = e.ownerDocument.body, l = ge(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), i = ge(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
   let s = -o.scrollLeft + tt(e);
-  const a = -o.scrollTop;
-  return X(n).direction === "rtl" && (s += pe(t.clientWidth, n.clientWidth) - l), {
+  const r = -o.scrollTop;
+  return X(n).direction === "rtl" && (s += ge(t.clientWidth, n.clientWidth) - l), {
     width: l,
     height: i,
     x: s,
-    y: a
+    y: r
   };
 }
 function No(e, t) {
   const o = F(e), n = oe(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 = Qe();
-    (!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 Wo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Uo(e, t) {
-  const o = we(e, !0, t === "fixed"), n = o.top + e.clientTop, l = o.left + e.clientLeft, i = ee(e) ? be(e) : J(1), s = e.clientWidth * i.x, a = e.clientHeight * i.y, r = l * i.x, u = n * i.y;
+function qo(e, t) {
+  const o = we(e, !0, t === "fixed"), n = o.top + e.clientTop, l = o.left + e.clientLeft, i = ee(e) ? be(e) : J(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
   };
 }
@@ -949,7 +949,7 @@ function it(e, t, o) {
   else if (t === "document")
     n = Ho(oe(e));
   else if (Y(t))
-    n = Uo(t, o);
+    n = qo(t, o);
   else {
     const l = xt(e);
     n = {
@@ -962,38 +962,38 @@ function it(e, t, o) {
   return Pe(n);
 }
 function Ct(e, t) {
-  const o = ce(e);
+  const o = de(e);
   return o === t || !Y(o) || ke(o) ? !1 : X(o).position === "fixed" || Ct(o, t);
 }
-function jo(e, t) {
+function Uo(e, t) {
   const o = t.get(e);
   if (o)
     return o;
-  let n = Ae(e, [], !1).filter((a) => Y(a) && Re(a) !== "body"), l = null;
+  let n = Ae(e, [], !1).filter((r) => Y(r) && Re(r) !== "body"), l = null;
   const i = X(e).position === "fixed";
-  let s = i ? ce(e) : e;
+  let s = i ? de(e) : e;
   for (; Y(s) && !ke(s); ) {
-    const a = X(s), r = Je(s);
-    !r && a.position === "fixed" && (l = null), (i ? !r && !l : !r && a.position === "static" && !!l && Wo.has(l.position) || Ve(s) && !r && Ct(e, s)) ? n = n.filter((d) => d !== s) : l = a, s = ce(s);
+    const r = X(s), a = Je(s);
+    !a && r.position === "fixed" && (l = null), (i ? !a && !l : !a && r.position === "static" && !!l && Wo.has(l.position) || Se(s) && !a && Ct(e, s)) ? n = n.filter((d) => d !== s) : l = r, s = de(s);
   }
   return t.set(e, n), n;
 }
-function qo(e) {
+function jo(e) {
   let {
     element: t,
     boundary: o,
     rootBoundary: n,
     strategy: l
   } = e;
-  const s = [...o === "clippingAncestors" ? De(t) ? [] : jo(t, this._c) : [].concat(o), n], a = s[0], r = s.reduce((u, d) => {
+  const s = [...o === "clippingAncestors" ? De(t) ? [] : Uo(t, this._c) : [].concat(o), n], r = s[0], a = s.reduce((u, d) => {
     const f = it(t, d, l);
-    return u.top = pe(f.top, u.top), u.right = $e(f.right, u.right), u.bottom = $e(f.bottom, u.bottom), u.left = pe(f.left, u.left), u;
-  }, it(t, a, l));
+    return u.top = ge(f.top, u.top), u.right = $e(f.right, u.right), u.bottom = $e(f.bottom, u.bottom), u.left = ge(f.left, u.left), u;
+  }, it(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 Yo(e) {
@@ -1008,21 +1008,21 @@ function Yo(e) {
 }
 function Xo(e, t, o) {
   const n = ee(t), l = oe(t), i = o === "fixed", s = we(e, !0, i, t);
-  let a = {
+  let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const r = J(0);
+  const a = J(0);
   function u() {
-    r.x = tt(l);
+    a.x = tt(l);
   }
   if (n || !n && !i)
-    if ((Re(t) !== "body" || Ve(l)) && (a = Ee(t)), n) {
+    if ((Re(t) !== "body" || Se(l)) && (r = Ee(t)), n) {
       const v = we(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 ? Rt(l, a) : J(0), f = s.left + a.scrollLeft - r.x - d.x, $ = s.top + a.scrollTop - r.y - d.y;
+  const d = l && !n && !i ? Rt(l, r) : J(0), f = s.left + r.scrollLeft - a.x - d.x, $ = s.top + r.scrollTop - a.y - d.y;
   return {
     x: f,
     y: $,
@@ -1046,11 +1046,11 @@ function At(e, t) {
   if (De(e))
     return o;
   if (!ee(e)) {
-    let l = ce(e);
+    let l = de(e);
     for (; l && !ke(l); ) {
       if (Y(l) && !Ge(l))
         return l;
-      l = ce(l);
+      l = de(l);
     }
     return o;
   }
@@ -1077,7 +1077,7 @@ function Ko(e) {
 const Jo = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Go,
   getDocumentElement: oe,
-  getClippingRect: qo,
+  getClippingRect: jo,
   getOffsetParent: At,
   getElementRects: Zo,
   getClientRects: Fo,
@@ -1093,27 +1093,27 @@ function Qo(e, t) {
   let o = null, n;
   const l = oe(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: f,
       width: $,
       height: v
     } = u;
-    if (a || t(), !$ || !v)
+    if (r || t(), !$ || !v)
       return;
     const k = Me(f), A = Me(l.clientWidth - (d + $)), p = Me(l.clientHeight - (f + v)), w = Me(d), y = {
       rootMargin: -k + "px " + -A + "px " + -p + "px " + -w + "px",
-      threshold: pe(0, $e(1, r)) || 1
+      threshold: ge(0, $e(1, a)) || 1
     };
     let x = !0;
     function B(D) {
       const L = D[0].intersectionRatio;
-      if (L !== r) {
+      if (L !== a) {
         if (!x)
           return s();
         L ? s(!1, L) : n = setTimeout(() => {
@@ -1141,15 +1141,15 @@ function en(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 = et(e), d = l || i ? [...u ? Ae(u) : [], ...Ae(t)] : [];
   d.forEach((w) => {
     l && w.addEventListener("scroll", o, {
       passive: !0
     }), i && w.addEventListener("resize", o);
   });
-  const f = u && a ? Qo(u, o) : null;
+  const f = u && r ? Qo(u, o) : null;
   let $ = -1, v = null;
   s && (v = new ResizeObserver((w) => {
     let [g] = w;
@@ -1157,9 +1157,9 @@ function en(e, t, o, n) {
       var y;
       (y = v) == null || y.observe(t);
     })), o();
-  }), u && !r && v.observe(u), v.observe(t));
-  let k, A = r ? we(e) : null;
-  r && p();
+  }), u && !a && v.observe(u), v.observe(t));
+  let k, A = a ? we(e) : null;
+  a && p();
   function p() {
     const w = we(e);
     A && !Tt(A, w) && o(), A = w, k = requestAnimationFrame(p);
@@ -1168,10 +1168,10 @@ function en(e, t, o, n) {
     var w;
     d.forEach((g) => {
       l && g.removeEventListener("scroll", o), i && g.removeEventListener("resize", o);
-    }), f?.(), (w = v) == null || w.disconnect(), v = null, r && cancelAnimationFrame(k);
+    }), f?.(), (w = v) == null || w.disconnect(), v = null, a && cancelAnimationFrame(k);
   };
 }
-const tn = To, on = So, nn = Ro, ln = xo, sn = (e, t, o) => {
+const tn = To, on = Vo, nn = Ro, ln = xo, sn = (e, t, o) => {
   const n = /* @__PURE__ */ new Map(), l = {
     platform: Jo,
     ...o
@@ -1197,7 +1197,7 @@ const tn = To, on = So, nn = Ro, ln = xo, sn = (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, f = null;
     const $ = R(() => o.trigger === "hover"), v = async () => {
       o.disabled || (f && (clearTimeout(f), f = null), s.value = !0, n("show"), await _e(), await p());
@@ -1224,24 +1224,24 @@ const tn = To, on = So, nn = Ro, ln = xo, sn = (e, t, o) => {
           ]
         }
       );
-      if (a.value = D, r.value = {
+      if (r.value = D, a.value = {
         position: "absolute",
         top: `${B}px`,
         left: `${x}px`,
         zIndex: 1e3
       }, o.showArrow && L.arrow) {
-        const { x: N, y: E } = L.arrow, U = D.split("-")[0], fe = {
+        const { x: N, y: E } = L.arrow, q = D.split("-")[0], me = {
           top: "bottom",
           right: "left",
           bottom: "top",
           left: "right"
-        }[U];
+        }[q];
         u.value = {
           left: N != null ? `${N}px` : "",
           top: E != null ? `${E}px` : "",
           right: "",
           bottom: "",
-          [fe]: "-10px"
+          [me]: "-10px"
         };
       }
     }, w = (y) => {
@@ -1255,7 +1255,7 @@ const tn = To, on = So, nn = Ro, ln = xo, sn = (e, t, o) => {
     const g = () => {
       l.value && i.value && (d = en(l.value, i.value, p));
     };
-    return de(s, (y) => {
+    return fe(s, (y) => {
       y ? _e(g) : d && (d(), d = null);
     }), (y, x) => (c(), m("div", an, [
       h("div", {
@@ -1268,15 +1268,15 @@ const tn = To, on = So, nn = Ro, ln = xo, sn = (e, t, o) => {
       }, [
         O(y.$slots, "trigger")
       ], 544),
-      (c(), V(je, { to: "body" }, [
-        _(qe, { name: "popover-fade" }, {
+      (c(), S(Ue, { to: "body" }, [
+        _(je, { name: "popover-fade" }, {
           default: H(() => [
             s.value ? (c(), m("div", {
               key: 0,
               ref_key: "popoverRef",
               ref: i,
-              class: S(["popover", [`popover--${a.value}`, y.popoverClass, `popover--${y.size}`]]),
-              style: se(r.value),
+              class: V(["popover", [`popover--${r.value}`, y.popoverClass, `popover--${y.size}`]]),
+              style: se(a.value),
               onMouseenter: x[2] || (x[2] = (B) => y.trigger === "hover" ? v() : null),
               onMouseleave: x[3] || (x[3] = (B) => y.trigger === "hover" ? k() : null)
             }, [
@@ -1301,7 +1301,7 @@ const tn = To, on = So, nn = Ro, ln = xo, sn = (e, t, o) => {
     description: {}
   },
   setup(e) {
-    return (t, o) => (c(), V(b(un), {
+    return (t, o) => (c(), S(b(un), {
       size: "small",
       trigger: "hover",
       placement: "top-start",
@@ -1345,33 +1345,33 @@ const tn = To, on = So, nn = Ro, ln = xo, sn = (e, t, o) => {
       ...s.style,
       width: s.selectionMode ? "30px" : s.style?.width ? s.style?.width : "auto"
     });
-    return (s, a) => (c(), m("thead", {
-      class: S(n.value)
+    return (s, r) => (c(), m("thead", {
+      class: V(n.value)
     }, [
       h("tr", vn, [
-        (c(!0), m(G, null, ue(s.columns, (r, u) => (c(), m("th", {
-          class: S(l(r)),
+        (c(!0), m(G, null, ce(s.columns, (a, u) => (c(), m("th", {
+          class: V(l(a)),
           key: u,
-          style: se(i(r))
+          style: se(i(a))
         }, [
           h("div", pn, [
-            r.selectionMode && r.selectionMode === "multiple" ? (c(), V(b(Xe), {
+            a.selectionMode && a.selectionMode === "multiple" ? (c(), S(b(Xe), {
               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"])) : T("", !0),
-            r.header ? (c(), m("span", gn, I(r.header), 1)) : T("", !0),
-            r.description ? (c(), V(mn, {
+            a.header ? (c(), m("span", gn, I(a.header), 1)) : T("", !0),
+            a.description ? (c(), S(mn, {
               key: 2,
-              description: r.description,
+              description: a.description,
               class: "table-header__cell-description"
             }, null, 8, ["description"])) : T("", !0),
-            r.field && s.sortField && s.sortField.includes(r.field) ? (c(), m("div", hn, [
-              r.field ? (c(), V(co, {
+            a.field && s.sortField && s.sortField.includes(a.field) ? (c(), m("div", hn, [
+              a.field ? (c(), S(co, {
                 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"])) : T("", !0)
             ])) : T("", !0)
           ])
@@ -1396,6 +1396,7 @@ const tn = To, on = So, nn = Ro, ln = xo, sn = (e, t, o) => {
   setup(e, { emit: t }) {
     const o = t, 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(() => [
       "table-cell",
+      `table-cell--vertical-${e.column.alignVertical || "top"}`,
       `table-cell--${e.column.selectionMode ? "center" : e.column.align || "left"}`,
       `table-cell--${e.size}`,
       {
@@ -1403,41 +1404,41 @@ const tn = To, on = So, nn = Ro, ln = xo, sn = (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(), m("td", {
+    return (r, a) => r.rowspan > 0 || !r.rowGroupMode ? (c(), m("td", {
       key: 0,
-      class: S(i.value),
-      rowspan: a.rowspan > 1 ? a.rowspan : void 0
+      class: V(i.value),
+      rowspan: r.rowspan > 1 ? r.rowspan : void 0
     }, [
-      a.column.field === "_expander" && a.item._isFirstInGroup ? (c(), m("button", {
+      r.column.field === "_expander" && r.item._isFirstInGroup ? (c(), m("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))
       }, [
         _(b(Ft), {
-          class: S({ rotated: !l.value })
+          class: V({ rotated: !l.value })
         }, null, 8, ["class"])
       ])) : T("", !0),
-      a.column.selectionMode && a.column.selectionMode === "multiple" ? (c(), V(b(Xe), {
+      r.column.selectionMode && r.column.selectionMode === "multiple" ? (c(), S(b(Xe), {
         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(), V(b(St), {
+        onChange: a[1] || (a[1] = (u) => o("toggleRow"))
+      }, null, 8, ["checked"])) : r.column.selectionMode && r.column.selectionMode === "single" ? (c(), S(b(Vt), {
         key: 2,
         size: "small",
-        onChange: r[2] || (r[2] = (u) => o("toggleRow"))
+        onChange: a[2] || (a[2] = (u) => o("toggleRow"))
       })) : (c(), m(G, { key: 3 }, [
-        a.column.bodySlot ? (c(), V(le(a.column.bodySlot), {
+        r.column.bodySlot ? (c(), S(le(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(), m("span", $n, I(s()), 1))
       ], 64))
     ], 10, bn)) : T("", !0);
   }
-}), xn = /* @__PURE__ */ ye(kn, [["__scopeId", "data-v-9f064ce5"]]), Rn = { class: "table-row" }, Cn = /* @__PURE__ */ C({
+}), xn = /* @__PURE__ */ ye(kn, [["__scopeId", "data-v-0bcc8b0e"]]), Rn = { class: "table-row" }, Cn = /* @__PURE__ */ C({
   __name: "TableRow",
   props: {
     item: {},
@@ -1452,23 +1453,23 @@ const tn = To, on = So, nn = Ro, ln = xo, sn = (e, t, o) => {
   setup(e, { emit: t }) {
     const o = t, n = (l) => l.field === "_expander" && e.rowGroupMode === "rowspan" ? e.item._isFirstInGroup ? e.collapsedGroups.has(e.item._groupValue) ? 1 : e.item._groupRowSpan || 1 : 0 : e.rowGroupMode === "rowspan" && e.groupRowsBy && l.field === e.groupRowsBy && e.item._isFirstInGroup ? e.collapsedGroups.has(e.item._groupValue) ? 1 : e.item._groupRowSpan || 1 : e.rowGroupMode === "rowspan" && e.groupRowsBy && l.field === e.groupRowsBy && !e.item._isFirstInGroup ? 0 : 1;
     return (l, i) => (c(), m("tr", Rn, [
-      (c(!0), m(G, null, ue(l.columns, (s, a) => (c(), V(xn, {
+      (c(!0), m(G, null, ce(l.columns, (s, r) => (c(), S(xn, {
         key: s.field || s.header,
         column: s,
         item: l.item,
-        index: a,
+        index: r,
         selectedRows: l.selectedRows,
         size: l.size,
         rowspan: n(s),
         rowGroupMode: l.rowGroupMode,
         groupRowsBy: l.groupRowsBy,
         collapsedGroups: l.collapsedGroups,
-        onToggleRow: i[0] || (i[0] = (r) => o("toggleRow", l.item)),
-        onToggleGroup: i[1] || (i[1] = (r) => o("toggleGroup", r))
+        onToggleRow: i[0] || (i[0] = (a) => o("toggleRow", l.item)),
+        onToggleGroup: i[1] || (i[1] = (a) => o("toggleGroup", a))
       }, null, 8, ["column", "item", "index", "selectedRows", "size", "rowspan", "rowGroupMode", "groupRowsBy", "collapsedGroups"]))), 128))
     ]));
   }
-}), An = /* @__PURE__ */ ye(Cn, [["__scopeId", "data-v-941891ee"]]), Tn = { class: "table-body" }, Sn = /* @__PURE__ */ C({
+}), An = /* @__PURE__ */ ye(Cn, [["__scopeId", "data-v-941891ee"]]), Tn = { class: "table-body" }, Vn = /* @__PURE__ */ C({
   __name: "TableBody",
   props: {
     columns: {},
@@ -1483,8 +1484,8 @@ const tn = To, on = So, nn = Ro, ln = xo, sn = (e, t, o) => {
   setup(e, { emit: t }) {
     const o = t, n = (l, i) => l.id ? `row-${l.id}` : `row-${i}`;
     return (l, i) => (c(), m("tbody", Tn, [
-      (c(!0), m(G, null, ue(l.data, (s, a) => (c(), V(An, {
-        key: n(s, a),
+      (c(!0), m(G, null, ce(l.data, (s, r) => (c(), S(An, {
+        key: n(s, r),
         item: s,
         columns: l.columns,
         selectedRows: l.selectedRows,
@@ -1492,16 +1493,16 @@ const tn = To, on = So, nn = Ro, ln = xo, sn = (e, t, o) => {
         rowGroupMode: l.rowGroupMode,
         groupRowsBy: l.groupRowsBy,
         collapsedGroups: l.collapsedGroups,
-        onToggleRow: i[0] || (i[0] = (r) => o("toggleRow", r)),
-        onToggleGroup: i[1] || (i[1] = (r) => o("toggleGroup", r))
+        onToggleRow: i[0] || (i[0] = (a) => o("toggleRow", a)),
+        onToggleGroup: i[1] || (i[1] = (a) => o("toggleGroup", a))
       }, null, 8, ["item", "columns", "selectedRows", "size", "rowGroupMode", "groupRowsBy", "collapsedGroups"]))), 128))
     ]));
   }
-}), Vn = {}, Bn = { class: "table-footer" };
+}), Sn = {}, Bn = { class: "table-footer" };
 function Mn(e, t) {
   return c(), m("tfoot", Bn);
 }
-const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
+const On = /* @__PURE__ */ ye(Sn, [["render", Mn]]), _n = (e) => {
   const t = M([]), o = M({
     selectedMode: null
   }), n = (i) => {
@@ -1529,8 +1530,8 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (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;
     },
@@ -1543,15 +1544,15 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (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
@@ -1573,7 +1574,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
   },
   emits: ["update:selectedRows"],
   setup(e, { emit: t }) {
-    const o = t, n = R(() => e.rowGroupMode), l = R(() => e.groupRowsBy), { dataWithGroup: i } = Ln(n, l), { columns: s, options: a } = _n(n), r = R(() => a.value.selectedMode), { selectedRows: u, isSelectedAll: d, toggleSelectRow: f, toggleSelectedAll: $ } = In(r, e.data), v = M(null), k = R(() => {
+    const o = t, n = R(() => e.rowGroupMode), l = R(() => e.groupRowsBy), { dataWithGroup: i } = Ln(n, l), { columns: s, options: r } = _n(n), a = R(() => r.value.selectedMode), { selectedRows: u, isSelectedAll: d, toggleSelectRow: f, toggleSelectedAll: $ } = In(a, e.data), v = M(null), k = R(() => {
       let g = [...e.data];
       if (v.value) {
         const { field: x, order: B } = v.value;
@@ -1592,10 +1593,10 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
     ]), p = M(/* @__PURE__ */ new Set()), w = (g) => {
       p.value.has(g) ? p.value.delete(g) : p.value.add(g);
     };
-    return de(u, (g) => {
+    return fe(u, (g) => {
       o("update:selectedRows", g);
     }), (g, y) => (c(), m("table", {
-      class: S(A.value)
+      class: V(A.value)
     }, [
       O(g.$slots, "default", {}, void 0, !0),
       _(yn, {
@@ -1607,7 +1608,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
         onSelectAllRow: b($),
         "onUpdate:sort": y[0] || (y[0] = (x) => v.value = x)
       }, null, 8, ["size", "columns", "isSelectedAll", "sortMode", "sortField", "onSelectAllRow"]),
-      _(Sn, {
+      _(Vn, {
         size: g.size,
         selectedRows: b(u),
         columns: b(s),
@@ -1628,6 +1629,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
     header: {},
     description: {},
     align: {},
+    alignVertical: {},
     style: {},
     headerStyle: {},
     selectionMode: {}
@@ -1638,6 +1640,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
       field: t.field,
       description: t.description,
       align: t.align,
+      alignVertical: t.alignVertical,
       selectionMode: t.selectionMode,
       style: t.style,
       headerSlot: o.header ? o.header : null,
@@ -1648,7 +1651,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
       n && n(l);
     }), (i, s) => T("", !0);
   }
-}), zn = { class: "chip-checkbox" }, Dn = ["name", "id", "value"], En = { class: "chip-checkbox__text" }, ql = /* @__PURE__ */ C({
+}), zn = { class: "chip-checkbox" }, Dn = ["name", "id", "value"], En = { class: "chip-checkbox__text" }, Yl = /* @__PURE__ */ C({
   __name: "ChipCheckbox",
   props: /* @__PURE__ */ z({
     value: {},
@@ -1669,7 +1672,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
         id: b(o),
         value: n.value
       }, null, 8, Dn), [
-        [Ue, t.value]
+        [qe, t.value]
       ]),
       l[1] || (l[1] = h("div", { class: "chip-checkbox__icon" }, [
         h("svg", {
@@ -1687,7 +1690,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
       h("span", En, I(n.label), 1)
     ]));
   }
-}), Gn = ["id", "value", "disabled"], Fn = ["for"], St = /* @__PURE__ */ C({
+}), Gn = ["id", "value", "disabled"], Fn = ["for"], Vt = /* @__PURE__ */ C({
   __name: "Radio",
   props: /* @__PURE__ */ z({
     label: {},
@@ -1701,22 +1704,22 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
   emits: /* @__PURE__ */ z(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = Z(e, "modelValue"), n = xe(), l = t, i = R(() => ["radio", `radio--${e.size}`]);
-    return (s, a) => (c(), m("div", {
-      class: S(i.value)
+    return (s, r) => (c(), m("div", {
+      class: V(i.value)
     }, [
       ie(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, Gn), [
         [_t, 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", {
@@ -1724,7 +1727,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
         class: "radio__label"
       }, [
         s.label ? (c(), m(G, { key: 0 }, [
-          ge(I(s.label), 1)
+          ue(I(s.label), 1)
         ], 64)) : O(s.$slots, "default", { key: 1 })
       ], 8, Fn)
     ], 2));
@@ -1732,7 +1735,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
 }), Hn = { class: "tag__content" }, Nn = {
   key: 0,
   class: "tag__icon"
-}, Wn = { class: "tag__text" }, Un = /* @__PURE__ */ C({
+}, Wn = { class: "tag__text" }, qn = /* @__PURE__ */ C({
   __name: "Tag",
   props: {
     removable: { type: Boolean, default: !1 },
@@ -1756,11 +1759,11 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
       }
     ]);
     return (l, i) => (c(), m("div", {
-      class: S(n.value)
+      class: V(n.value)
     }, [
       h("div", Hn, [
         l.icon ? (c(), m("div", Nn, [
-          (c(), V(le(l.icon)))
+          (c(), S(le(l.icon)))
         ])) : T("", !0),
         h("div", Wn, [
           O(l.$slots, "default")
@@ -1775,10 +1778,10 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
       ])) : T("", !0)
     ], 2));
   }
-}), jn = ["for"], qn = { class: "input__wrapper" }, Yn = ["id", "placeholder", "name", "disabled", "type"], Xn = { class: "input__actions" }, Zn = {
+}), Un = ["for"], jn = { key: 0 }, Yn = { class: "input__wrapper" }, Xn = ["id", "placeholder", "name", "disabled", "type", "required"], Zn = { class: "input__actions" }, Kn = {
   key: 1,
   class: "input__error"
-}, Vt = /* @__PURE__ */ C({
+}, St = /* @__PURE__ */ C({
   __name: "InputText",
   props: /* @__PURE__ */ z({
     label: {},
@@ -1792,7 +1795,8 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
     size: { default: "default" },
     inputId: {},
     variant: { default: "outlined" },
-    value: {}
+    value: {},
+    required: { type: Boolean }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
@@ -1807,51 +1811,55 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
         "input--disabled": e.disabled,
         "input--error": e.error
       }
-    ]), a = R(() => e.type === "password" ? i.value ? "text" : "password" : e.type);
-    return (r, u) => (c(), m("div", {
-      class: S(s.value)
+    ]), r = R(() => e.type === "password" ? i.value ? "text" : "password" : e.type);
+    return (a, u) => (c(), m("div", {
+      class: V(s.value)
     }, [
-      r.label ? (c(), m("label", {
+      a.label ? (c(), m("label", {
         key: 0,
-        for: r.inputId ?? b(l),
+        for: a.inputId ?? b(l),
         class: "input__label"
-      }, I(r.label), 9, jn)) : T("", !0),
-      h("div", qn, [
+      }, [
+        a.required ? (c(), m("sup", jn, "*")) : T("", !0),
+        ue(" " + I(a.label), 1)
+      ], 8, Un)) : T("", !0),
+      h("div", Yn, [
         ie(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,
+          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))
-        }, null, 40, Yn), [
+        }, null, 40, Xn), [
           [Lt, n.value]
         ]),
-        h("div", Xn, [
-          r.type === "text" && r.allowClear && n.value && n.value.length > 0 ? (c(), m("button", {
+        h("div", Zn, [
+          a.type === "text" && a.allowClear && n.value && n.value.length > 0 ? (c(), m("button", {
             key: 0,
             class: "input__clear",
             onClick: u[4] || (u[4] = (d) => n.value = "")
           }, [
             _(b(Ye))
           ])) : T("", !0),
-          r.type === "password" ? (c(), m("button", {
+          a.type === "password" ? (c(), m("button", {
             key: 1,
             class: "input__eye",
             onClick: u[5] || (u[5] = (d) => i.value = !i.value)
           }, [
-            i.value ? (c(), V(b(Ht), { key: 0 })) : (c(), V(b(Nt), { key: 1 }))
+            i.value ? (c(), S(b(Ht), { key: 0 })) : (c(), S(b(Nt), { key: 1 }))
           ])) : T("", !0)
         ])
       ]),
-      r.error && r.errorText ? (c(), m("small", Zn, I(r.errorText), 1)) : T("", !0)
+      a.error && a.errorText ? (c(), m("small", Kn, I(a.errorText), 1)) : T("", !0)
     ], 2));
   }
-}), Kn = { class: "icon-field__content" }, Jn = /* @__PURE__ */ C({
+}), Jn = { class: "icon-field__content" }, Qn = /* @__PURE__ */ C({
   __name: "IconField",
   props: {
     icon: {},
@@ -1867,15 +1875,15 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
       }
     ]);
     return (o, n) => (c(), m("div", {
-      class: S(t.value)
+      class: V(t.value)
     }, [
-      (c(), V(le(o.icon), { class: "icon-field__icon" })),
-      h("div", Kn, [
+      (c(), S(le(o.icon), { class: "icon-field__icon" })),
+      h("div", Jn, [
         O(o.$slots, "default")
       ])
     ], 2));
   }
-}), Qn = /* @__PURE__ */ C({
+}), el = /* @__PURE__ */ C({
   __name: "Spinner",
   props: {
     strokeWidth: { default: 3 },
@@ -1889,16 +1897,16 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
       `spinner--${e.size}`
     ]);
     return (l, i) => (c(), m("div", {
-      class: S(n.value),
+      class: V(n.value),
       "aria-label": "Loading",
       style: se(o.value)
     }, i[0] || (i[0] = [
       h("span", { class: "spinner__circle" }, null, -1)
     ]), 6));
   }
-}), el = {
-  class: /* @__PURE__ */ S(["dropdown-option"])
-}, tl = /* @__PURE__ */ C({
+}), tl = {
+  class: /* @__PURE__ */ V(["dropdown-option"])
+}, ol = /* @__PURE__ */ C({
   __name: "DropdownOption",
   props: /* @__PURE__ */ z({
     item: {},
@@ -1910,8 +1918,8 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
   emits: ["update:modelValue"],
   setup(e) {
     const t = Z(e, "modelValue");
-    return (o, n) => (c(), m("div", el, [
-      o.multiple ? (c(), V(b(Xe), {
+    return (o, n) => (c(), m("div", tl, [
+      o.multiple ? (c(), S(b(Xe), {
         key: 0,
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (l) => t.value = l),
@@ -1922,11 +1930,11 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
             key: 0,
             option: o.item
           }) : (c(), m(G, { key: 1 }, [
-            ge(I(o.item.label), 1)
+            ue(I(o.item.label), 1)
           ], 64))
         ]),
         _: 3
-      }, 8, ["modelValue", "value"])) : (c(), V(b(St), {
+      }, 8, ["modelValue", "value"])) : (c(), S(b(Vt), {
         key: 1,
         modelValue: t.value,
         "onUpdate:modelValue": n[1] || (n[1] = (l) => t.value = l),
@@ -1937,32 +1945,32 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
             key: 0,
             option: o.item
           }) : (c(), m(G, { key: 1 }, [
-            ge(I(o.item.label), 1)
+            ue(I(o.item.label), 1)
           ], 64))
         ]),
         _: 3
       }, 8, ["modelValue", "value"]))
     ]));
   }
-}), ol = {
+}), nl = {
   key: 0,
   class: "dropdown__field-inner_tags"
-}, nl = {
+}, ll = {
   key: 1,
   class: "dropdown__field-inner__text"
-}, ll = {
+}, sl = {
   class: "dropdown__popover",
   ref: "popover"
-}, sl = { class: "dropdown__popover-wrapper" }, il = {
+}, il = { class: "dropdown__popover-wrapper" }, al = {
   key: 0,
   class: "dropdown__popover-search"
-}, al = {
+}, rl = {
   key: 1,
   class: "dropdown__popover-loading"
-}, rl = {
+}, ul = {
   key: 2,
   class: "dropdown__popover-list"
-}, Yl = /* @__PURE__ */ C({
+}, Xl = /* @__PURE__ */ C({
   __name: "Dropdown",
   props: /* @__PURE__ */ z({
     options: {},
@@ -1995,7 +2003,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
           i.value = e.returnObject ? w : 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,
@@ -2023,7 +2031,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
         }
       );
     }), (p, w) => (c(), m("div", {
-      class: S(d.value)
+      class: V(d.value)
     }, [
       h("div", {
         class: "dropdown__field",
@@ -2031,21 +2039,21 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
         onClick: w[0] || (w[0] = (g) => u.value = !u.value)
       }, [
         h("div", {
-          class: S(["dropdown__field-inner", [{ "dropdown__field-inner--multiple": p.multiple }, { "dropdown__field-inner--placeholder": !i.value }]])
+          class: V(["dropdown__field-inner", [{ "dropdown__field-inner--multiple": p.multiple }, { "dropdown__field-inner--placeholder": !i.value }]])
         }, [
-          p.multiple ? (c(), m("div", ol, [
-            (c(!0), m(G, null, ue(s.value, (g) => (c(), V(b(Un), {
+          p.multiple ? (c(), m("div", nl, [
+            (c(!0), m(G, null, ce(s.value, (g) => (c(), S(b(qn), {
               variant: "secondary",
               key: g,
               removable: "",
               onRemove: (y) => v(g)
             }, {
               default: H(() => [
-                ge(I($(g)), 1)
+                ue(I($(g)), 1)
               ]),
               _: 2
             }, 1032, ["onRemove"]))), 128))
-          ])) : (c(), m("span", nl, I(a.value ? p.placeholder : f.value), 1))
+          ])) : (c(), m("span", ll, I(r.value ? p.placeholder : f.value), 1))
         ], 2),
         w[4] || (w[4] = h("div", { class: "dropdown__field-arrow" }, [
           h("svg", {
@@ -2061,28 +2069,28 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
           ])
         ], -1))
       ], 512),
-      h("div", ll, [
-        h("div", sl, [
-          p.searchable ? (c(), m("div", il, [
-            _(b(Jn), {
+      h("div", sl, [
+        h("div", il, [
+          p.searchable ? (c(), m("div", al, [
+            _(b(Qn), {
               icon: b(Wt),
               disabled: p.loading
             }, {
               default: H(() => [
-                _(b(Vt), {
-                  modelValue: r.value,
-                  "onUpdate:modelValue": w[1] || (w[1] = (g) => r.value = g),
-                  onInput: w[2] || (w[2] = (g) => o("search", r.value)),
+                _(b(St), {
+                  modelValue: a.value,
+                  "onUpdate:modelValue": w[1] || (w[1] = (g) => a.value = g),
+                  onInput: w[2] || (w[2] = (g) => o("search", a.value)),
                   disabled: p.loading
                 }, null, 8, ["modelValue", "disabled"])
               ]),
               _: 1
             }, 8, ["icon", "disabled"])
           ])) : T("", !0),
-          p.loading ? (c(), m("div", al, [
-            _(b(Qn))
-          ])) : (c(), m("div", rl, [
-            (c(!0), m(G, null, ue(p.options, (g, y) => (c(), V(tl, {
+          p.loading ? (c(), m("div", rl, [
+            _(b(el))
+          ])) : (c(), m("div", ul, [
+            (c(!0), m(G, null, ce(p.options, (g, y) => (c(), S(ol, {
               key: y,
               modelValue: s.value,
               "onUpdate:modelValue": w[3] || (w[3] = (x) => s.value = x),
@@ -2094,7 +2102,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
       ], 512)
     ], 2));
   }
-}), ul = { class: "input-number__wrapper" }, cl = ["max"], Xl = /* @__PURE__ */ C({
+}), cl = { class: "input-number__wrapper" }, dl = ["max"], Zl = /* @__PURE__ */ C({
   __name: "InputNumber",
   props: /* @__PURE__ */ z({
     viewButtons: { type: Boolean, default: !1 },
@@ -2112,11 +2120,11 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
     const t = Z(e, "modelValue"), o = M(
       typeof e.formatter == "function" ? e.formatter(t.value) : String(t.value)
     );
-    de(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 f = parseInt(d);
       f < 1 && (f = 1), e.max && f > e.max && (f = e.max), f % e.countInPackage !== 0 && (f = Math.floor(f / e.countInPackage) * e.countInPackage + e.countInPackage), o.value = typeof e.formatter == "function" ? e.formatter(f) : String(f), t.value = f;
@@ -2124,13 +2132,13 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (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,
@@ -2139,35 +2147,35 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
     ]);
     return te(() => {
       t.value = e.countInPackage, o.value = typeof e.formatter == "function" ? e.formatter(t.value) : String(t.value);
-    }), (r, u) => (c(), m("div", {
-      class: S(a.value)
+    }), (a, u) => (c(), m("div", {
+      class: V(r.value)
     }, [
-      r.viewButtons ? (c(), V(b(Fe), {
+      a.viewButtons ? (c(), S(b(Fe), {
         key: 0,
         contrast: "",
-        icon: b(Ut),
+        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"])) : T("", !0),
-      h("div", ul, [
-        (c(), V(le(r.icon))),
+      h("div", cl, [
+        (c(), S(le(a.icon))),
         ie(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, cl), [
+        }, null, 40, dl), [
           [ct, o.value]
         ])
       ]),
-      r.viewButtons ? (c(), V(b(Fe), {
+      a.viewButtons ? (c(), S(b(Fe), {
         key: 1,
         contrast: "",
         icon: b(ft),
@@ -2175,11 +2183,11 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (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"])) : T("", !0)
     ], 2));
   }
-}), dl = { class: "input-phone" }, Zl = /* @__PURE__ */ C({
+}), fl = { class: "input-phone" }, Kl = /* @__PURE__ */ C({
   __name: "InputPhone",
   props: /* @__PURE__ */ z({
     label: {},
@@ -2193,7 +2201,8 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
     size: {},
     inputId: {},
     variant: {},
-    value: {}
+    value: {},
+    required: { type: Boolean }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
@@ -2206,15 +2215,15 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
       if (!s) return n.value;
       !s[2] && s[1] !== "" ? n.value = s[1] === "7" ? `${s[1]}` : "7" + s[1] : n.value = s[3] ? s[1] + " (" + s[2] + ") " + s[3] + (s[4] ? "-" + s[4] : "") + (s[5] ? "-" + s[5] : "") : `${s[1]} ` + s[2], o.value = n.value.replace(/\D/g, "");
     };
-    return (i, s) => (c(), m("div", dl, [
-      _(b(Vt), Pt({
+    return (i, s) => (c(), m("div", fl, [
+      _(b(St), Pt({
         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"])
     ]));
   }
-}), fl = ["id", "disabled"], Kl = /* @__PURE__ */ C({
+}), ml = ["id", "disabled"], Jl = /* @__PURE__ */ C({
   __name: "Switch",
   props: /* @__PURE__ */ z({
     disabled: { type: Boolean }
@@ -2226,7 +2235,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
   setup(e) {
     const t = Z(e, "modelValue"), o = xe();
     return (n, l) => (c(), m("div", {
-      class: S(["switch", {
+      class: V(["switch", {
         "switch--disabled": n.disabled
       }])
     }, [
@@ -2237,15 +2246,15 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
         id: b(o),
         class: "switch__input",
         disabled: n.disabled
-      }, null, 8, fl), [
-        [Ue, t.value]
+      }, null, 8, ml), [
+        [qe, t.value]
       ]),
       l[1] || (l[1] = h("div", { class: "switch__track" }, [
         h("div", { class: "switch__thumb" })
       ], -1))
     ], 2));
   }
-}), ml = ["for"], vl = ["id", "placeholder", "name", "disabled", "rows", "cols"], Jl = /* @__PURE__ */ C({
+}), vl = ["for"], pl = ["id", "placeholder", "name", "disabled", "rows", "cols"], Ql = /* @__PURE__ */ C({
   __name: "Textarea",
   props: /* @__PURE__ */ z({
     label: {},
@@ -2267,16 +2276,16 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
     const t = Z(e, "modelValue"), o = M(null), n = xe(), l = () => {
       const s = o.value;
       if (!s) return;
-      const a = {
+      const r = {
         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");
+      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 < r && (s.style.height = r * e.rows + "px");
     };
     te(() => {
       l();
-    }), de(() => [e.rows, e.maxHeight], () => {
+    }), fe(() => [e.rows, e.maxHeight], () => {
       l();
     });
     const i = R(() => [
@@ -2287,15 +2296,15 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
         "textarea--error": e.error
       }
     ]);
-    return (s, a) => (c(), m("div", {
-      class: S(i.value)
+    return (s, r) => (c(), m("div", {
+      class: V(i.value)
     }, [
       h("label", {
         for: s.inputId ?? b(n),
         class: "textarea__label"
-      }, I(s.label), 9, ml),
+      }, I(s.label), 9, vl),
       ie(h("textarea", {
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => t.value = r),
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
         ref_key: "textareaRef",
         ref: o,
         class: "textarea__field",
@@ -2306,40 +2315,40 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
         rows: s.rows,
         cols: s.cols,
         onInput: l
-      }, null, 40, vl), [
+      }, null, 40, pl), [
         [ct, t.value]
       ])
     ], 2));
   }
-}), pl = { class: "breadcrumb" }, gl = {
+}), gl = { class: "breadcrumb" }, hl = {
   key: 0,
   class: "breadcrumb__item breadcrumb__seporator"
-}, Ql = /* @__PURE__ */ C({
+}, es = /* @__PURE__ */ C({
   __name: "Breadcrumb",
   props: {
     items: {}
   },
   setup(e) {
     const t = (o) => o.url ? rt("RouterLink") : "div";
-    return (o, n) => (c(), m("div", pl, [
-      (c(!0), m(G, null, ue(o.items, (l, i) => (c(), m(G, null, [
-        (c(), V(le(t(l)), {
+    return (o, n) => (c(), m("div", gl, [
+      (c(!0), m(G, null, ce(o.items, (l, i) => (c(), m(G, null, [
+        (c(), S(le(t(l)), {
           to: l.url,
-          class: S(["breadcrumb__item", { "breadcrumb__item--disabled": !l.url }])
+          class: V(["breadcrumb__item", { "breadcrumb__item--disabled": !l.url }])
         }, {
           default: H(() => [
-            ge(I(l.label), 1)
+            ue(I(l.label), 1)
           ]),
           _: 2
         }, 1032, ["to", "class"])),
-        i !== o.items.length - 1 ? (c(), m("div", gl, "/")) : T("", !0)
+        i !== o.items.length - 1 ? (c(), m("div", hl, "/")) : T("", !0)
       ], 64))), 256))
     ]));
   }
-}), hl = { class: "toast-message__icon" }, wl = { class: "toast-message__content" }, yl = { class: "toast-message__title" }, bl = {
+}), wl = { class: "toast-message__icon" }, yl = { class: "toast-message__content" }, bl = { class: "toast-message__title" }, $l = {
   key: 0,
   class: "toast-message__text"
-}, $l = /* @__PURE__ */ C({
+}, kl = /* @__PURE__ */ C({
   __name: "ToastMessage",
   props: {
     msg: {}
@@ -2348,16 +2357,16 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
   setup(e, { emit: t }) {
     const o = t, n = zt({
       success: Be(Yt),
-      error: Be(qt),
-      warn: Be(jt),
+      error: Be(jt),
+      warn: Be(Ut),
       info: Be(mt)
     }), 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 = () => {
@@ -2366,16 +2375,16 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
       s.value && (clearTimeout(s.value), s.value = null);
     };
     return te(() => {
-      e.msg.life && (a.value = e.msg.life, r());
+      e.msg.life && (r.value = e.msg.life, a());
     }), ($, v) => (c(), m("div", {
-      class: S(i.value)
+      class: V(i.value)
     }, [
-      h("div", hl, [
-        (c(), V(le(l.value)))
-      ]),
       h("div", wl, [
-        h("div", yl, I($.msg.summary), 1),
-        $.msg.detail ? (c(), m("div", bl, I($.msg.detail), 1)) : T("", !0)
+        (c(), S(le(l.value)))
+      ]),
+      h("div", yl, [
+        h("div", bl, I($.msg.summary), 1),
+        $.msg.detail ? (c(), m("div", $l, I($.msg.detail), 1)) : T("", !0)
       ]),
       h("button", {
         class: "toast-message__close",
@@ -2385,7 +2394,7 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
       ])
     ], 2));
   }
-}), W = Zt(), kl = { class: "toast-container" }, es = /* @__PURE__ */ C({
+}), W = Zt(), xl = { class: "toast-container" }, ts = /* @__PURE__ */ C({
   __name: "Toast",
   props: {
     group: {},
@@ -2403,24 +2412,24 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (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 te(() => {
-      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);
     }), ut(() => {
-      W.off("add", i), W.off("remove", s), W.off("remove-group", a), W.off("remove-all-groups", r);
-    }), (u, d) => (c(), V(b(Kt), null, {
+      W.off("add", i), W.off("remove", s), W.off("remove-group", r), W.off("remove-all-groups", a);
+    }), (u, d) => (c(), S(b(Kt), null, {
       default: H(() => [
-        h("div", kl, [
+        h("div", xl, [
           _(Dt, {
             name: "toast-fade",
             tag: "div"
           }, {
             default: H(() => [
-              (c(!0), m(G, null, ue(o.value, (f) => (c(), V($l, {
+              (c(!0), m(G, null, ce(o.value, (f) => (c(), S(kl, {
                 key: f.id,
                 msg: f,
                 onClose: d[0] || (d[0] = ($) => l($))
@@ -2434,13 +2443,13 @@ const On = /* @__PURE__ */ ye(Vn, [["render", Mn]]), _n = (e) => {
     }));
   }
 }), Bt = Symbol();
-function ts() {
+function os() {
   const e = Q(Bt);
   if (!e)
     throw new Error("No PrimeVue Toast provided!");
   return e;
 }
-const os = {
+const ns = {
   install: (e) => {
     const t = {
       add: (o) => {
@@ -2458,10 +2467,10 @@ const os = {
     };
     e.config.globalProperties.$toast = t, e.provide(Bt, t);
   }
-}, xl = {
+}, Rl = {
   key: 0,
   class: "badge__value"
-}, Rl = /* @__PURE__ */ C({
+}, Cl = /* @__PURE__ */ C({
   __name: "Badge",
   props: {
     value: {},
@@ -2478,12 +2487,12 @@ const os = {
       }
     ]);
     return (o, n) => (c(), m("div", {
-      class: S(t.value)
+      class: V(t.value)
     }, [
-      o.value ? (c(), m("div", xl, I(o.value), 1)) : T("", !0)
+      o.value ? (c(), m("div", Rl, I(o.value), 1)) : T("", !0)
     ], 2));
   }
-}), ns = /* @__PURE__ */ C({
+}), ls = /* @__PURE__ */ C({
   __name: "OverlayBadge",
   props: {
     value: {},
@@ -2501,9 +2510,9 @@ const os = {
       top: `${e.offset.y}px`
     });
     return (o, n) => (c(), m("div", {
-      class: S(["overlay-badge", { [`overlay-badge--${o.position}`]: o.position }])
+      class: V(["overlay-badge", { [`overlay-badge--${o.position}`]: o.position }])
     }, [
-      o.viewBadge ? (c(), V(b(Rl), {
+      o.viewBadge ? (c(), S(b(Cl), {
         key: 0,
         value: o.value,
         variant: o.variant,
@@ -2513,7 +2522,7 @@ const os = {
       O(o.$slots, "default")
     ], 2));
   }
-}), ls = /* @__PURE__ */ C({
+}), ss = /* @__PURE__ */ C({
   __name: "Skeleton",
   props: {
     width: { default: 100 },
@@ -2536,11 +2545,11 @@ const os = {
       borderRadius: typeof e.borderRadius == "string" ? e.borderRadius : `${e.borderRadius}px`
     }));
     return (n, l) => (c(), m("div", {
-      class: S(t.value),
+      class: V(t.value),
       style: se(o.value)
     }, null, 6));
   }
-}), Cl = { class: "drawer-wrapper" }, Al = { class: "drawer-close" }, ss = /* @__PURE__ */ C({
+}), Al = { class: "drawer-wrapper" }, Tl = { class: "drawer-close" }, is = /* @__PURE__ */ C({
   __name: "Drawer",
   props: {
     position: { default: "left" },
@@ -2549,34 +2558,34 @@ const os = {
   setup(e, { expose: t }) {
     const { lockScroll: o, unlockScroll: n } = gt(), 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(), V(je, { to: "body" }, [
-      _(qe, { name: "drawer-animate" }, {
+      close: r
+    }), (a, u) => (c(), S(Ue, { to: "body" }, [
+      _(je, { name: "drawer-animate" }, {
         default: H(() => [
           l.value ? (c(), m("div", {
             key: 0,
-            class: S(["drawer", { [`drawer--${r.position}`]: r.position }]),
+            class: V(["drawer", { [`drawer--${a.position}`]: a.position }]),
             style: se({ "--widthDrawer": i.value })
           }, [
             h("div", {
               class: "drawer-overlay",
-              onClick: u[0] || (u[0] = (d) => a())
+              onClick: u[0] || (u[0] = (d) => r())
             }),
-            h("div", Cl, [
-              h("div", Al, [
+            h("div", Al, [
+              h("div", Tl, [
                 h("button", {
-                  onClick: u[1] || (u[1] = (d) => a())
+                  onClick: u[1] || (u[1] = (d) => r())
                 }, [
                   _(b(Ye))
                 ])
               ]),
-              O(r.$slots, "default")
+              O(a.$slots, "default")
             ])
           ], 6)) : T("", !0)
         ]),
@@ -2584,10 +2593,10 @@ const os = {
       })
     ]));
   }
-}), Tl = { class: "modal__header" }, Sl = {
+}), Vl = { class: "modal__header" }, Sl = {
   key: 0,
   class: "modal__header-title"
-}, Vl = { class: "modal__body" }, is = /* @__PURE__ */ C({
+}, Bl = { class: "modal__body" }, as = /* @__PURE__ */ C({
   __name: "Modal",
   props: /* @__PURE__ */ z({
     title: {},
@@ -2600,34 +2609,34 @@ const os = {
   emits: ["update:open"],
   setup(e) {
     const t = Z(e, "open"), { unlockScroll: o, lockScroll: n } = gt(), l = R(() => ["modal", `modal--${e.position}`]);
-    return de(t, () => {
+    return fe(t, () => {
       t.value ? n() : o();
-    }), (i, s) => (c(), V(je, { to: "body" }, [
-      _(qe, { name: "modal-content-fade" }, {
+    }), (i, s) => (c(), S(Ue, { to: "body" }, [
+      _(je, { name: "modal-content-fade" }, {
         default: H(() => [
           t.value ? (c(), m("div", {
             key: 0,
-            class: S(l.value)
+            class: V(l.value)
           }, [
             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",
               style: se(i.style)
             }, [
-              h("div", Tl, [
+              h("div", Vl, [
                 i.title ? (c(), m("h2", Sl, I(i.title), 1)) : T("", !0),
                 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)
                 }, [
                   _(b(vt))
                 ])
               ]),
-              h("div", Vl, [
+              h("div", Bl, [
                 O(i.$slots, "default")
               ])
             ], 4)
@@ -2637,7 +2646,7 @@ const os = {
       })
     ]));
   }
-}), Bl = { class: "accordion" }, as = /* @__PURE__ */ C({
+}), Ml = { class: "accordion" }, rs = /* @__PURE__ */ C({
   __name: "Accordion",
   props: {
     value: {},
@@ -2647,21 +2656,21 @@ const os = {
     const t = e, o = M(
       Array.isArray(t.value) ? t.value : t.value !== void 0 ? [t.value] : []
     );
-    de(() => t.value, (l) => {
+    fe(() => t.value, (l) => {
       Array.isArray(l) ? o.value = l : l !== void 0 ? o.value = [l] : o.value = [];
     });
     function n(l) {
       t.multiple ? o.value.includes(l) ? o.value = o.value.filter((i) => i !== l) : o.value.push(l) : o.value = o.value[0] === l ? [] : [l];
     }
-    return K("accordionOpenValues", o), K("accordionToggle", n), K("accordionIsMultiple", t.multiple ?? !1), (l, i) => (c(), m("div", Bl, [
+    return K("accordionOpenValues", o), K("accordionToggle", n), K("accordionIsMultiple", t.multiple ?? !1), (l, i) => (c(), m("div", Ml, [
       O(l.$slots, "default")
     ]));
   }
-}), rs = /* @__PURE__ */ C({
+}), us = /* @__PURE__ */ C({
   __name: "AccordionContent",
   setup(e) {
     const t = Q("panelIsOpen"), o = M(null), n = M("0px"), l = M(t.value);
-    return de(t, async (i) => {
+    return fe(t, async (i) => {
       i ? (l.value = !0, await _e(), n.value = o.value?.scrollHeight + "px") : (n.value = o.value?.scrollHeight + "px", await _e(), n.value = "0px", setTimeout(() => l.value = !1, 300));
     }), te(() => {
       t.value && o.value && (n.value = o.value.scrollHeight + "px");
@@ -2680,38 +2689,38 @@ const os = {
       ])
     ], 4));
   }
-}), Ml = { class: "accordion-header__content" }, Ol = { class: "accordion-header__arrow" }, us = /* @__PURE__ */ C({
+}), Ol = { class: "accordion-header__content" }, _l = { class: "accordion-header__arrow" }, cs = /* @__PURE__ */ C({
   __name: "AccordionHeader",
   setup(e) {
     const t = Q("panelIsOpen"), o = Q("panelToggle");
     return (n, l) => (c(), m("button", {
-      class: S(["accordion-header", { "accordion-header--active": b(t) }]),
+      class: V(["accordion-header", { "accordion-header--active": b(t) }]),
       onClick: l[0] || (l[0] = //@ts-ignore
       (...i) => b(o) && b(o)(...i))
     }, [
-      h("span", Ml, [
+      h("span", Ol, [
         O(n.$slots, "default")
       ]),
-      h("span", Ol, [
+      h("span", _l, [
         _(b(Xt))
       ])
     ], 2));
   }
-}), _l = { class: "accordion-panel" }, cs = /* @__PURE__ */ C({
+}), Il = { class: "accordion-panel" }, ds = /* @__PURE__ */ C({
   __name: "AccordionPanel",
   props: {
     value: {}
   },
   setup(e) {
     const t = e, o = Q("accordionOpenValues"), n = Q("accordionToggle"), l = R(() => o?.value.includes(t.value));
-    return K("panelValue", t.value), K("panelIsOpen", l), K("panelToggle", () => n?.(t.value)), (i, s) => (c(), m("div", _l, [
+    return K("panelValue", t.value), K("panelIsOpen", l), K("panelToggle", () => n?.(t.value)), (i, s) => (c(), m("div", Il, [
       O(i.$slots, "default")
     ]));
   }
-}), Il = {
+}), Ll = {
   key: 0,
   class: "divider__content"
-}, ds = /* @__PURE__ */ C({
+}, fs = /* @__PURE__ */ C({
   __name: "Divider",
   props: {
     layouts: { default: "horizontal" },
@@ -2721,14 +2730,14 @@ const os = {
   setup(e) {
     const t = R(() => ["divider", `divider--${e.layouts}`, `divider--${e.type}`, `divider--${e.align}`]);
     return (o, n) => (c(), m("div", {
-      class: S(t.value)
+      class: V(t.value)
     }, [
-      o.$slots.default ? (c(), m("div", Il, [
+      o.$slots.default ? (c(), m("div", Ll, [
         O(o.$slots, "default")
       ])) : T("", !0)
     ], 2));
   }
-}), Ll = ["aria-selected"], fs = /* @__PURE__ */ C({
+}), Pl = ["aria-selected"], ms = /* @__PURE__ */ C({
   __name: "Tab",
   props: {
     value: {}
@@ -2736,15 +2745,15 @@ const os = {
   setup(e) {
     const t = e, o = Q("tabsValue"), n = Q("setTabsValue"), l = R(() => o?.value === t.value);
     return (i, s) => (c(), m("button", {
-      class: S(["tab", { "tab--active": l.value }]),
+      class: V(["tab", { "tab--active": l.value }]),
       onClick: s[0] || (s[0] = () => b(n)?.(i.value)),
       role: "tab",
       "aria-selected": l.value
     }, [
       O(i.$slots, "default")
-    ], 10, Ll));
+    ], 10, Pl));
   }
-}), Pl = { class: "tabs" }, ms = /* @__PURE__ */ C({
+}), zl = { class: "tabs" }, vs = /* @__PURE__ */ C({
   __name: "Tabs",
   props: {
     value: {}
@@ -2752,87 +2761,87 @@ const os = {
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const o = e, n = t, l = M(o.value);
-    de(() => o.value, (s) => {
+    fe(() => o.value, (s) => {
       l.value = s;
     });
     function i(s) {
       l.value = s, n("update:value", s);
     }
-    return K("tabsValue", l), K("setTabsValue", i), (s, a) => (c(), m("div", Pl, [
+    return K("tabsValue", l), K("setTabsValue", i), (s, r) => (c(), m("div", zl, [
       O(s.$slots, "default")
     ]));
   }
-}), zl = {
+}), Dl = {
   class: "tab-panel",
   role: "tabpanel"
-}, vs = /* @__PURE__ */ C({
+}, ps = /* @__PURE__ */ C({
   __name: "TabPanel",
   props: {
     value: {}
   },
   setup(e) {
     const t = e, o = Q("tabsValue"), n = R(() => o?.value === t.value);
-    return (l, i) => ie((c(), m("div", zl, [
+    return (l, i) => ie((c(), m("div", Dl, [
       O(l.$slots, "default")
     ], 512)), [
       [dt, n.value]
     ]);
   }
-}), Dl = {
+}), El = {
   class: "tab-list",
   role: "tablist"
-}, El = { class: "tab-list__content" }, ps = /* @__PURE__ */ C({
+}, Gl = { class: "tab-list__content" }, gs = /* @__PURE__ */ C({
   __name: "TabList",
   setup(e) {
-    return (t, o) => (c(), m("div", Dl, [
-      h("div", El, [
+    return (t, o) => (c(), m("div", El, [
+      h("div", Gl, [
         O(t.$slots, "default")
       ])
     ]));
   }
-}), Gl = { class: "tab-panels" }, gs = /* @__PURE__ */ C({
+}), Fl = { class: "tab-panels" }, hs = /* @__PURE__ */ C({
   __name: "TabPanels",
   setup(e) {
-    return (t, o) => (c(), m("div", Gl, [
+    return (t, o) => (c(), m("div", Fl, [
       O(t.$slots, "default")
     ]));
   }
 });
 export {
-  as as Accordion,
-  rs as AccordionContent,
-  us as AccordionHeader,
-  cs as AccordionPanel,
-  Rl as Badge,
-  Ql as Breadcrumb,
+  rs as Accordion,
+  us as AccordionContent,
+  cs as AccordionHeader,
+  ds as AccordionPanel,
+  Cl as Badge,
+  es as Breadcrumb,
   Fe as Button,
   Xe as Checkbox,
-  ql as ChipCheckbox,
+  Yl as ChipCheckbox,
   jl as Column,
   Ul as DataTable,
-  ds as Divider,
-  ss as Drawer,
-  Yl as Dropdown,
-  Jn as IconField,
-  Xl as InputNumber,
-  Zl as InputPhone,
-  Vt as InputText,
-  is as Modal,
-  ns as OverlayBadge,
+  fs as Divider,
+  is as Drawer,
+  Xl as Dropdown,
+  Qn as IconField,
+  Zl as InputNumber,
+  Kl as InputPhone,
+  St as InputText,
+  as as Modal,
+  ls as OverlayBadge,
   un as Popover,
-  St as Radio,
-  ls as Skeleton,
-  Wl as SleedDeal,
-  Qn as Spinner,
-  Kl as Switch,
-  fs as Tab,
-  ps as TabList,
-  vs as TabPanel,
-  gs as TabPanels,
-  ms as Tabs,
-  Un as Tag,
-  Jl as Textarea,
-  es as Toast,
-  os as ToastService,
-  ts as useToast
+  Vt as Radio,
+  ss as Skeleton,
+  ql as SleedDeal,
+  el as Spinner,
+  Jl as Switch,
+  ms as Tab,
+  gs as TabList,
+  ps as TabPanel,
+  hs as TabPanels,
+  vs as Tabs,
+  qn as Tag,
+  Ql as Textarea,
+  ts as Toast,
+  ns as ToastService,
+  os as useToast
 };