prlg-ui 1.4.10 → 1.4.12

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 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 w, 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 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: {},
@@ -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,
@@ -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"])
     ]));
@@ -376,7 +376,7 @@ const Ro = async (e, o, t) => {
       fn: y
     } = r[A], {
       x: g,
-      y: w,
+      y: h,
       data: x,
       reset: B
     } = await y({
@@ -393,7 +393,7 @@ 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],
@@ -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)), x = await (i.isElement == null ? void 0 : i.isElement(h)) ? await (i.getScale == null ? void 0 : i.getScale(h)) || {
     x: 1,
     y: 1
   } : {
@@ -451,7 +451,7 @@ async function bt(e, o) {
   }, B = ze(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: g,
-    offsetParent: w,
+    offsetParent: h,
     strategy: a
   }) : g);
   return {
@@ -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", 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[h] : 0;
+    (!P || !await (s.isElement == null ? void 0 : s.isElement(G))) && (P = r.floating[h] || i.floating[k]);
+    const N = x / 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";
+      const y = we(l), g = ue(r), h = we(r) === r, x = 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, x));
-      const P = [r, ...B], N = await bt(o, p), _ = [];
+      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) {
+      if (d && F.push(N[y]), m) {
         const E = ho(l, s, x);
-        _.push(N[E[0]], N[E[1]]);
+        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,
@@ -692,7 +692,7 @@ function Ee() {
 function Re(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) {
@@ -760,7 +760,7 @@ function ke(e) {
   return Go.has(Re(e));
 }
 function K(e) {
-  return F(e).getComputedStyle(e);
+  return _(e).getComputedStyle(e);
 }
 function Ge(e) {
   return Z(e) ? {
@@ -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) : []);
@@ -828,30 +828,30 @@ function be(e) {
     y: r
   };
 }
-const _o = /* @__PURE__ */ Q(0);
+const Fo = /* @__PURE__ */ Q(0);
 function Rt(e) {
-  const o = F(e);
-  return !et() || !o.visualViewport ? _o : {
+  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) ? Rt(i) : Q(0);
   let a = (l.left + r.x) / s.x, u = (l.top + r.y) / s.y, d = l.width / s.x, m = l.height / s.y;
   if (i) {
-    const $ = F(i), v = n && Z(n) ? F(n) : n;
+    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, x = y.top + (A.clientTop + parseFloat(g.paddingTop)) * p.y;
+      a *= p.x, u *= p.y, d *= p.x, m *= p.y, a += h, u += x, k = _(A), A = We(k);
     }
   }
   return ze({
@@ -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;
@@ -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,7 +1106,7 @@ 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
     };
@@ -1124,12 +1124,12 @@ function tn(e, o) {
     }
     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;
@@ -1183,7 +1183,10 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
     ...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" },
@@ -1203,15 +1206,15 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
       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, y: B, placement: G, middlewareData: P } = await rn(
         l.value,
         i.value,
         {
@@ -1220,7 +1223,7 @@ 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 })] : []
           ]
         }
       );
@@ -1230,7 +1233,7 @@ const nn = To, ln = Bo, sn = Ao, an = Co, rn = (e, o, t) => {
         left: `${x}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, x) => (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: x[0] || (x[0] = (B) => h.trigger === "hover" ? v() : null),
+        onMouseleave: x[1] || (x[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: x[2] || (x[2] = (B) => h.trigger === "hover" ? v() : null),
+              onMouseleave: x[3] || (x[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
     }));
@@ -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",
@@ -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),
@@ -1585,12 +1589,12 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       if (v.value) {
         const { field: x, 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[x], F = P[x];
+          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;
+      const h = i(g);
+      return e.rowGroupMode === "rowspan" && e.groupRowsBy ? h.filter((x) => p.value.has(x._groupValue) ? x._isFirstInGroup : !0) : h;
     }), A = R(() => [
       "table",
       {
@@ -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] = (x) => v.value = x)
       }, 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] = (x) => t("rowClickHandler", x)),
+        onToggleRow: h[2] || (h[2] = (x) => b(m)(x)),
+        onToggleGroup: h[3] || (h[3] = (x) => y(x))
       }, 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: {},
@@ -1672,7 +1676,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
   setup(e) {
     const o = J(e, "modelValue"), t = xe();
     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: {},
@@ -1714,7 +1718,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     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"
       }, [
@@ -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")
         ])
       ]),
@@ -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",
@@ -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));
@@ -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 = {
@@ -2003,8 +2007,8 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
       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((x) => x[n.value] === g);
+            return h || g;
           });
           i.value = e.returnObject ? y : p;
         } else {
@@ -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,8 +2103,8 @@ 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),
               item: g,
@@ -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),
@@ -2248,7 +2252,7 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
         "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,12 +2262,12 @@ 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));
   }
-}), pl = ["for"], gl = ["id", "placeholder", "name", "disabled", "rows", "cols"], ts = /* @__PURE__ */ C({
+}), pl = ["for"], gl = ["maxlength", "id", "placeholder", "name", "disabled", "rows", "cols"], ts = /* @__PURE__ */ C({
   __name: "Textarea",
   props: /* @__PURE__ */ z({
     label: {},
@@ -2275,7 +2279,8 @@ const On = /* @__PURE__ */ me(Bn, [["render", In]]), Ln = (e) => {
     maxHeight: { default: 200 },
     error: { type: Boolean, default: !1 },
     inputId: {},
-    size: { default: "default" }
+    size: { default: "default" },
+    maxlength: {}
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -2308,15 +2313,16 @@ 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,
         class: "textarea__field",
+        maxlength: a.maxlength,
         id: a.inputId ?? b(i),
         placeholder: a.placeholder,
         name: a.name,
@@ -2391,14 +2397,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
       }, [
@@ -2435,7 +2441,7 @@ 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", Rl, [
           O(Dt, {
             name: "toast-fade",
             tag: "div"
@@ -2503,7 +2509,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))
@@ -2616,13 +2622,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))
@@ -2661,17 +2667,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 +2685,7 @@ const ss = {
                   O(b(pt))
                 ])
               ]),
-              h("div", Ol, [
+              w("div", Ol, [
                 I(i.$slots, "default")
               ])
             ], 4)
@@ -2722,7 +2728,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 +2748,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));
@@ -2817,7 +2823,7 @@ const ss = {
       I(s.$slots, "default")
     ]));
   }
-}), _l = {
+}), Fl = {
   class: "tab-panel",
   role: "tabpanel"
 }, ws = /* @__PURE__ */ C({
@@ -2827,20 +2833,20 @@ const ss = {
   },
   setup(e) {
     const o = e, t = q("tabsValue"), n = R(() => t?.value === o.value);
-    return (l, i) => ae((c(), f("div", _l, [
+    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 +2866,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,