prlg-ui 1.7.49 → 1.7.51

package/dist/prlg-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as I, resolveComponent as qt, createBlock as G, openBlock as d, resolveDynamicComponent as Ve, normalizeClass as E, withCtx as X, createCommentVNode as z, createElementBlock as v, renderSlot as q, Fragment as Z, createTextVNode as he, toDisplayString as F, ref as H, useTemplateRef as Be, onMounted as ye, createElementVNode as R, createVNode as W, renderList as ke, unref as b, mergeModels as Y, useModel as te, useId as Ne, withDirectives as Ie, vModelCheckbox as gt, shallowRef as Le, watch as J, getCurrentScope as Ro, onScopeDispose as Po, shallowReadonly as qe, useCssVars as So, toRefs as To, onUnmounted as tt, Transition as Fe, normalizeStyle as ue, withModifiers as ut, vModelDynamic as Vo, vModelRadio as _o, provide as xe, useSlots as jt, inject as pe, nextTick as Re, toValue as je, isRef as Ao, vModelText as Ut, reactive as Kt, TransitionGroup as Io, Teleport as ot, vShow as Yt, createApp as Mo } from "vue";
+import { defineComponent as B, computed as I, resolveComponent as qt, createBlock as G, openBlock as d, resolveDynamicComponent as Ve, normalizeClass as E, withCtx as X, createCommentVNode as z, createElementBlock as v, renderSlot as q, Fragment as Z, createTextVNode as he, toDisplayString as F, ref as H, useTemplateRef as Be, onMounted as ye, createElementVNode as R, createVNode as W, renderList as ke, unref as b, mergeModels as Y, useModel as te, useId as Ne, withDirectives as Ie, vModelCheckbox as gt, shallowRef as Le, watch as J, getCurrentScope as Ro, onScopeDispose as Po, shallowReadonly as qe, useCssVars as So, toRefs as To, onUnmounted as tt, Transition as Fe, normalizeStyle as ue, withModifiers as ut, vModelDynamic as Vo, vModelRadio as Ao, provide as xe, useSlots as jt, inject as pe, nextTick as Re, toValue as je, isRef as _o, vModelText as Ut, reactive as Kt, TransitionGroup as Io, Teleport as ot, vShow as Yt, createApp as Mo } from "vue";
 import { P as Xt, f as Oo, g as Bo, I as ht, A as Lo, c as wt, e as Do, S as Eo, a as Ho, b as Zt, M as zo, E as Fo, B as Go, C as No, W as Wo, d as qo } from "./WarningFillIcon-CW6DKekz.js";
 import { o as Jt } from "./parseFileSize.util-BoDbFdVW.js";
 import { _ as ie, a as jo, C as Qt } from "./FileIcon-DkEbi-bi.js";
@@ -310,7 +310,7 @@ function Ee(e) {
     y: o
   };
 }
-function _t(e, t, o) {
+function At(e, t, o) {
   let {
     reference: n,
     floating: l
@@ -372,15 +372,15 @@ const bn = async (e, t, o) => {
   }), {
     x: c,
     y: f
-  } = _t(u, n, r), h = n, p = {}, g = 0;
+  } = At(u, n, r), h = n, p = {}, g = 0;
   for (let w = 0; w < a.length; w++) {
     const {
       name: m,
       fn: x
     } = a[w], {
       x: C,
-      y: _,
-      data: T,
+      y: A,
+      data: S,
       reset: V
     } = await x({
       x: c,
@@ -396,11 +396,11 @@ const bn = async (e, t, o) => {
         floating: t
       }
     });
-    c = C ?? c, f = _ ?? f, p = {
+    c = C ?? c, f = A ?? f, p = {
       ...p,
       [m]: {
         ...p[m],
-        ...T
+        ...S
       }
     }, V && g <= 50 && (g++, typeof V == "object" && (V.placement && (h = V.placement), V.rects && (u = V.rects === !0 ? await s.getElementRects({
       reference: e,
@@ -409,7 +409,7 @@ const bn = async (e, t, o) => {
     }) : V.rects), {
       x: c,
       y: f
-    } = _t(u, h, r)), w = -1);
+    } = At(u, h, r)), w = -1);
   }
   return {
     x: c,
@@ -445,7 +445,7 @@ async function rt(e, t) {
     y: l,
     width: s.floating.width,
     height: s.floating.height
-  } : s.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), T = await (i.isElement == null ? void 0 : i.isElement(_)) ? await (i.getScale == null ? void 0 : i.getScale(_)) || {
+  } : s.reference, A = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), S = await (i.isElement == null ? void 0 : i.isElement(A)) ? await (i.getScale == null ? void 0 : i.getScale(A)) || {
     x: 1,
     y: 1
   } : {
@@ -454,14 +454,14 @@ async function rt(e, t) {
   }, V = Ee(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: C,
-    offsetParent: _,
+    offsetParent: A,
     strategy: r
   }) : C);
   return {
-    top: (x.top - V.top + g.top) / T.y,
-    bottom: (V.bottom - x.bottom + g.bottom) / T.y,
-    left: (x.left - V.left + g.left) / T.x,
-    right: (V.right - x.right + g.right) / T.x
+    top: (x.top - V.top + g.top) / S.y,
+    bottom: (V.bottom - x.bottom + g.bottom) / S.y,
+    left: (x.left - V.left + g.left) / S.x,
+    right: (V.right - x.right + g.right) / S.x
   };
 }
 const xn = (e) => ({
@@ -485,15 +485,15 @@ const xn = (e) => ({
     const f = ct(c), h = {
       x: o,
       y: n
-    }, p = lt(l), g = nt(p), w = await s.getDimensions(u), m = p === "y", x = m ? "top" : "left", C = m ? "bottom" : "right", _ = m ? "clientHeight" : "clientWidth", T = i.reference[g] + i.reference[p] - h[p] - i.floating[g], V = h[p] - i.reference[p], y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
-    let k = y ? y[_] : 0;
-    (!k || !await (s.isElement == null ? void 0 : s.isElement(y))) && (k = a.floating[_] || i.floating[g]);
-    const L = T / 2 - V / 2, O = k / 2 - w[g] / 2 - 1, M = Pe(f[x], O), $ = Pe(f[C], O), A = M, P = k - w[g] - $, S = k / 2 - w[g] / 2 + L, N = Xe(A, S, P), D = !r.arrow && Me(l) != null && S !== N && i.reference[g] / 2 - (S < A ? M : $) - w[g] / 2 < 0, le = D ? S < A ? S - A : S - P : 0;
+    }, p = lt(l), g = nt(p), w = await s.getDimensions(u), m = p === "y", x = m ? "top" : "left", C = m ? "bottom" : "right", A = m ? "clientHeight" : "clientWidth", S = i.reference[g] + i.reference[p] - h[p] - i.floating[g], V = h[p] - i.reference[p], y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
+    let k = y ? y[A] : 0;
+    (!k || !await (s.isElement == null ? void 0 : s.isElement(y))) && (k = a.floating[A] || i.floating[g]);
+    const L = S / 2 - V / 2, O = k / 2 - w[g] / 2 - 1, M = Pe(f[x], O), $ = Pe(f[C], O), _ = M, P = k - w[g] - $, T = k / 2 - w[g] / 2 + L, N = Xe(_, T, P), D = !r.arrow && Me(l) != null && T !== N && i.reference[g] / 2 - (T < _ ? M : $) - w[g] / 2 < 0, le = D ? T < _ ? T - _ : T - P : 0;
     return {
       [p]: h[p] + le,
       data: {
         [p]: N,
-        centerOffset: S - N - le,
+        centerOffset: T - N - le,
         ...D && {
           alignmentOffset: le
         }
@@ -502,7 +502,7 @@ const xn = (e) => ({
     };
   }
 });
-function At(e, t) {
+function _t(e, t) {
   return {
     top: e.top - t.height,
     right: e.right - t.width,
@@ -529,7 +529,7 @@ const $n = function(e) {
           const i = await rt(t, {
             ...l,
             elementContext: "reference"
-          }), s = At(i, o.reference);
+          }), s = _t(i, o.reference);
           return {
             data: {
               referenceHiddenOffsets: s,
@@ -541,7 +541,7 @@ const $n = function(e) {
           const i = await rt(t, {
             ...l,
             altBoundary: !0
-          }), s = At(i, o.floating);
+          }), s = _t(i, o.floating);
           return {
             data: {
               escapedOffsets: s,
@@ -635,12 +635,12 @@ const Rn = function(e) {
       }, c = await rt(t, r), f = $e(Se(l)), h = xt(f);
       let p = u[h], g = u[f];
       if (i) {
-        const m = h === "y" ? "top" : "left", x = h === "y" ? "bottom" : "right", C = p + c[m], _ = p - c[x];
-        p = Xe(C, p, _);
+        const m = h === "y" ? "top" : "left", x = h === "y" ? "bottom" : "right", C = p + c[m], A = p - c[x];
+        p = Xe(C, p, A);
       }
       if (s) {
-        const m = f === "y" ? "top" : "left", x = f === "y" ? "bottom" : "right", C = g + c[m], _ = g - c[x];
-        g = Xe(C, g, _);
+        const m = f === "y" ? "top" : "left", x = f === "y" ? "bottom" : "right", C = g + c[m], A = g - c[x];
+        g = Xe(C, g, A);
       }
       const w = a.fn({
         ...t,
@@ -681,11 +681,11 @@ const Rn = function(e) {
       } = i.floating;
       let m, x;
       f === "top" || f === "bottom" ? (m = f, x = h === (await (s.isRTL == null ? void 0 : s.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (x = f, m = h === "end" ? "top" : "bottom");
-      const C = w - c.top - c.bottom, _ = g - c.left - c.right, T = Pe(w - c[m], C), V = Pe(g - c[x], _), y = !t.middlewareData.shift;
-      let k = T, L = V;
-      if ((o = t.middlewareData.shift) != null && o.enabled.x && (L = _), (n = t.middlewareData.shift) != null && n.enabled.y && (k = C), y && !h) {
-        const M = re(c.left, 0), $ = re(c.right, 0), A = re(c.top, 0), P = re(c.bottom, 0);
-        p ? L = g - 2 * (M !== 0 || $ !== 0 ? M + $ : re(c.left, c.right)) : k = w - 2 * (A !== 0 || P !== 0 ? A + P : re(c.top, c.bottom));
+      const C = w - c.top - c.bottom, A = g - c.left - c.right, S = Pe(w - c[m], C), V = Pe(g - c[x], A), y = !t.middlewareData.shift;
+      let k = S, L = V;
+      if ((o = t.middlewareData.shift) != null && o.enabled.x && (L = A), (n = t.middlewareData.shift) != null && n.enabled.y && (k = C), y && !h) {
+        const M = re(c.left, 0), $ = re(c.right, 0), _ = re(c.top, 0), P = re(c.bottom, 0);
+        p ? L = g - 2 * (M !== 0 || $ !== 0 ? M + $ : re(c.left, c.right)) : k = w - 2 * (_ !== 0 || P !== 0 ? _ + P : re(c.top, c.bottom));
       }
       await r({
         ...t,
@@ -704,7 +704,7 @@ const Rn = function(e) {
 function dt() {
   return typeof window < "u";
 }
-function Ae(e) {
+function _e(e) {
   return $t(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function ee(e) {
@@ -739,11 +739,11 @@ function He(e) {
 }
 const Vn = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function eo(e) {
-  return Vn.has(Ae(e));
+  return Vn.has(_e(e));
 }
-const _n = [":popover-open", ":modal"];
+const An = [":popover-open", ":modal"];
 function We(e) {
-  return _n.some((t) => {
+  return An.some((t) => {
     try {
       return e.matches(t);
     } catch {
@@ -751,14 +751,14 @@ function We(e) {
     }
   });
 }
-const An = ["transform", "translate", "scale", "rotate", "perspective"], In = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Mn = ["paint", "layout", "strict", "content"];
+const _n = ["transform", "translate", "scale", "rotate", "perspective"], In = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Mn = ["paint", "layout", "strict", "content"];
 function st(e) {
   const t = it(), o = oe(e) ? ne(e) : e;
-  return An.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) || In.some((n) => (o.willChange || "").includes(n)) || Mn.some((n) => (o.contain || "").includes(n));
+  return _n.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) || In.some((n) => (o.willChange || "").includes(n)) || Mn.some((n) => (o.contain || "").includes(n));
 }
 function to(e) {
   let t = we(e);
-  for (; se(t) && !_e(t); ) {
+  for (; se(t) && !Ae(t); ) {
     if (st(t))
       return t;
     if (We(t))
@@ -771,8 +771,8 @@ function it() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const On = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function _e(e) {
-  return On.has(Ae(e));
+function Ae(e) {
+  return On.has(_e(e));
 }
 function ne(e) {
   return ee(e).getComputedStyle(e);
@@ -787,7 +787,7 @@ function ze(e) {
   };
 }
 function we(e) {
-  if (Ae(e) === "html")
+  if (_e(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -800,7 +800,7 @@ function we(e) {
 }
 function oo(e) {
   const t = we(e);
-  return _e(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : se(t) && He(t) ? t : oo(t);
+  return Ae(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : se(t) && He(t) ? t : oo(t);
 }
 function kt(e, t, o) {
   var n;
@@ -861,8 +861,8 @@ function Qe(e, t, o, n) {
     const h = ee(i), p = n && oe(n) ? ee(n) : n;
     let g = h, w = Je(g);
     for (; w && n && p !== g; ) {
-      const m = Ke(w), x = w.getBoundingClientRect(), C = ne(w), _ = x.left + (w.clientLeft + parseFloat(C.paddingLeft)) * m.x, T = x.top + (w.clientTop + parseFloat(C.paddingTop)) * m.y;
-      r *= m.x, u *= m.y, c *= m.x, f *= m.y, r += _, u += T, g = ee(w), w = Je(g);
+      const m = Ke(w), x = w.getBoundingClientRect(), C = ne(w), A = x.left + (w.clientLeft + parseFloat(C.paddingLeft)) * m.x, S = x.top + (w.clientTop + parseFloat(C.paddingTop)) * m.y;
+      r *= m.x, u *= m.y, c *= m.x, f *= m.y, r += A, u += S, g = ee(w), w = Je(g);
     }
   }
   return Ee({
@@ -902,7 +902,7 @@ function Dn(e) {
     scrollTop: 0
   }, u = Q(1);
   const c = Q(0), f = se(n);
-  if ((f || !f && !i) && ((Ae(n) !== "body" || He(s)) && (r = ze(n)), se(n))) {
+  if ((f || !f && !i) && ((_e(n) !== "body" || He(s)) && (r = ze(n)), se(n))) {
     const p = Qe(n);
     u = Ke(n), c.x = p.x + n.clientLeft, c.y = p.y + n.clientTop;
   }
@@ -974,16 +974,16 @@ function Ot(e, t, o) {
 }
 function ao(e, t) {
   const o = we(e);
-  return o === t || !oe(o) || _e(o) ? !1 : ne(o).position === "fixed" || ao(o, t);
+  return o === t || !oe(o) || Ae(o) ? !1 : ne(o).position === "fixed" || ao(o, t);
 }
 function Nn(e, t) {
   const o = t.get(e);
   if (o)
     return o;
-  let n = kt(e, []).filter((a) => oe(a) && Ae(a) !== "body"), l = null;
+  let n = kt(e, []).filter((a) => oe(a) && _e(a) !== "body"), l = null;
   const i = ne(e).position === "fixed";
   let s = i ? we(e) : e;
-  for (; oe(s) && !_e(s); ) {
+  for (; oe(s) && !Ae(s); ) {
     const a = ne(s), r = st(s);
     !r && a.position === "fixed" && (l = null), (i ? !r && !l : !r && a.position === "static" && !!l && Fn.has(l.position) || He(s) && !r && ao(e, s)) ? n = n.filter((c) => c !== s) : l = a, s = we(s);
   }
@@ -1028,7 +1028,7 @@ function jn(e, t, o) {
     r.x = Ct(l);
   }
   if (n || !n && !i)
-    if ((Ae(t) !== "body" || He(l)) && (a = ze(t)), n) {
+    if ((_e(t) !== "body" || He(l)) && (a = ze(t)), n) {
       const p = Qe(t, !0, i, t);
       r.x = p.x + t.clientLeft, r.y = p.y + t.clientTop;
     } else l && u();
@@ -1058,7 +1058,7 @@ function ro(e, t) {
     return o;
   if (!se(e)) {
     let l = we(e);
-    for (; l && !_e(l); ) {
+    for (; l && !Ae(l); ) {
       if (oe(l) && !ft(l))
         return l;
       l = we(l);
@@ -1068,7 +1068,7 @@ function ro(e, t) {
   let n = Bt(e, t);
   for (; n && eo(n) && ft(n); )
     n = Bt(n, t);
-  return n && _e(n) && ft(n) && !st(n) ? o : n || to(e) || o;
+  return n && Ae(n) && ft(n) && !st(n) ? o : n || to(e) || o;
 }
 const Un = async function(e) {
   const t = this.getOffsetParent || ro, o = this.getDimensions, n = await o(e.floating);
@@ -1115,7 +1115,7 @@ function Qn(e) {
 function vt(e) {
   if (Qn(e)) {
     const t = e.$el;
-    return $t(t) && Ae(t) === "#comment" ? null : t;
+    return $t(t) && _e(t) === "#comment" ? null : t;
   }
   return e;
 }
@@ -1178,7 +1178,7 @@ function zt(e, t, o) {
     };
   });
   let C;
-  function _() {
+  function A() {
     if (u.value == null || c.value == null)
       return;
     const k = l.value;
@@ -1190,29 +1190,29 @@ function zt(e, t, o) {
       f.value = L.x, h.value = L.y, p.value = L.strategy, g.value = L.placement, w.value = L.middlewareData, m.value = k !== !1;
     });
   }
-  function T() {
+  function S() {
     typeof C == "function" && (C(), C = void 0);
   }
   function V() {
-    if (T(), n === void 0) {
-      _();
+    if (S(), n === void 0) {
+      A();
       return;
     }
     if (u.value != null && c.value != null) {
-      C = n(u.value, c.value, _);
+      C = n(u.value, c.value, A);
       return;
     }
   }
   function y() {
     l.value || (m.value = !1);
   }
-  return J([i, s, a, l], _, {
+  return J([i, s, a, l], A, {
     flush: "sync"
   }), J([u, c], V, {
     flush: "sync"
   }), J(l, y, {
     flush: "sync"
-  }), Ro() && Po(T), {
+  }), Ro() && Po(S), {
     x: qe(f),
     y: qe(h),
     strategy: qe(p),
@@ -1220,7 +1220,7 @@ function zt(e, t, o) {
     middlewareData: qe(w),
     isPositioned: qe(m),
     floatingStyles: x,
-    update: _
+    update: A
   };
 }
 const tl = { class: "popover__content" }, ol = {
@@ -1255,8 +1255,8 @@ const tl = { class: "popover__content" }, ol = {
     }), h = H([
       Et(),
       Xn({
-        apply({ availableWidth: P, elements: S }) {
-          Object.assign(S.floating.style, {
+        apply({ availableWidth: P, elements: T }) {
+          Object.assign(T.floating.style, {
             maxWidth: `${Math.max(200, P)}px`
           });
         }
@@ -1269,7 +1269,7 @@ const tl = { class: "popover__content" }, ol = {
       middleware: h
     }), x = H("left-start"), {
       floatingStyles: C,
-      update: _
+      update: A
     } = zt(a, u, {
       placement: x,
       middleware: [
@@ -1277,7 +1277,7 @@ const tl = { class: "popover__content" }, ol = {
         Dt({ padding: 8 }),
         Lt(8)
       ]
-    }), T = Ne(), V = H(!1), y = H(!1), k = () => {
+    }), S = Ne(), V = H(!1), y = H(!1), k = () => {
       V.value = !0;
     }, L = () => {
       V.value = !1, M();
@@ -1286,9 +1286,9 @@ const tl = { class: "popover__content" }, ol = {
     }, M = () => {
       y.value = !1;
     }, $ = (P) => {
-      const S = P.composedPath();
-      if (!(u.value && S.includes(u.value))) {
-        if (a.value && S.includes(a.value) || s.value && S.includes(s.value)) {
+      const T = P.composedPath();
+      if (!(u.value && T.includes(u.value))) {
+        if (a.value && T.includes(a.value) || s.value && T.includes(s.value)) {
           setTimeout(() => {
             y.value && M();
           }, 0);
@@ -1296,20 +1296,20 @@ const tl = { class: "popover__content" }, ol = {
         }
         L();
       }
-    }, A = I(() => {
+    }, _ = I(() => {
       if (!g.value.arrow) return {};
-      const { x: P, y: S } = g.value.arrow;
+      const { x: P, y: T } = g.value.arrow;
       switch (m.value) {
         case "top":
           return {
             left: P ? `${P}px` : "-9px",
-            bottom: S ? `${S}px` : "-9px"
+            bottom: T ? `${T}px` : "-9px"
           };
         case "bottom":
         default:
           return {
             left: P ? `${P}px` : "-9px",
-            top: S ? `${S}px` : "-9px"
+            top: T ? `${T}px` : "-9px"
           };
       }
     });
@@ -1321,11 +1321,11 @@ const tl = { class: "popover__content" }, ol = {
       w();
     }, { deep: !0 }), ye(() => {
       s.value && s.value.addEventListener("click", k), a.value && a.value.addEventListener("resize", () => {
-        w(), y.value && _();
+        w(), y.value && A();
       }), document.addEventListener("click", $), window.addEventListener("resize", () => {
-        w(), y.value && _();
+        w(), y.value && A();
       }), window.addEventListener("scroll", () => {
-        w(), y.value && _();
+        w(), y.value && A();
       });
     }), tt(() => {
       s.value && s.value.removeEventListener("click", k), a.value && a.value.removeEventListener("resize", w), document.removeEventListener("click", $), window.removeEventListener("resize", w), window.removeEventListener("scroll", w);
@@ -1336,11 +1336,11 @@ const tl = { class: "popover__content" }, ol = {
       closeSecondScreen: M,
       isOpen: V,
       isSecondScreenOpen: y
-    }), (P, S) => (d(), v("div", {
+    }), (P, T) => (d(), v("div", {
       class: E(["popover", { "popover--with-arrow": b(i) }])
     }, [
       R("div", {
-        class: E(["popover__trigger", `popover__trigger--${b(T)}`]),
+        class: E(["popover__trigger", `popover__trigger--${b(S)}`]),
         ref: "reference",
         onClick: k
       }, [
@@ -1350,7 +1350,7 @@ const tl = { class: "popover__content" }, ol = {
         default: X(() => [
           V.value ? (d(), v("div", {
             key: 0,
-            class: E(["popover__wrapper", `popover__wrapper--${b(T)}`]),
+            class: E(["popover__wrapper", `popover__wrapper--${b(S)}`]),
             style: ue(b(p)),
             ref: "floating"
           }, [
@@ -1370,7 +1370,7 @@ const tl = { class: "popover__content" }, ol = {
               key: 0,
               class: "popover__arrow",
               ref: "arrow-block",
-              style: ue(A.value)
+              style: ue(_.value)
             }, null, 4)) : z("", !0)
           ], 6)) : z("", !0)
         ]),
@@ -1653,7 +1653,7 @@ const tl = { class: "popover__content" }, ol = {
       ])) : z("", !0)
     ], 2));
   }
-}), Sl = ["for"], Tl = { key: 0 }, Vl = { class: "input__wrapper" }, _l = ["id", "placeholder", "name", "disabled", "type", "required"], Al = { class: "input__actions" }, Il = {
+}), Sl = ["for"], Tl = { key: 0 }, Vl = { class: "input__wrapper" }, Al = ["id", "placeholder", "name", "disabled", "type", "required"], _l = { class: "input__actions" }, Il = {
   key: 1,
   class: "input__error"
 }, Rt = /* @__PURE__ */ B({
@@ -1713,10 +1713,10 @@ const tl = { class: "popover__content" }, ol = {
           onInput: u[3] || (u[3] = (c) => o("input", c)),
           onPaste: u[4] || (u[4] = (c) => o("paste", c)),
           onFocus: u[5] || (u[5] = (c) => o("focus", c))
-        }, null, 40, _l), [
+        }, null, 40, Al), [
           [Vo, n.value]
         ]),
-        R("div", Al, [
+        R("div", _l, [
           r.type === "text" && r.allowClear && n.value && n.value.length > 0 ? (d(), v("button", {
             key: 0,
             class: "input__clear",
@@ -1811,7 +1811,7 @@ const tl = { class: "popover__content" }, ol = {
         disabled: s.disabled,
         onChange: a[1] || (a[1] = (r) => l("change", s.value))
       }, null, 40, Ll), [
-        [_o, o.value]
+        [Ao, o.value]
       ]),
       a[2] || (a[2] = R("div", { class: "radio__track" }, [
         R("div", { class: "radio__thumb" })
@@ -1839,37 +1839,39 @@ const tl = { class: "popover__content" }, ol = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = te(e, "modelValue");
-    return (o, n) => (d(), v("div", El, [
-      o.multiple ? (d(), G(b(bt), {
+  emits: /* @__PURE__ */ Y(["close"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = te(e, "modelValue"), n = t;
+    return (l, i) => (d(), v("div", El, [
+      l.multiple ? (d(), G(b(bt), {
         key: 0,
-        modelValue: t.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (l) => t.value = l),
-        value: o.item[o.optionValue]
+        modelValue: o.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (s) => o.value = s),
+        value: l.item[l.optionValue],
+        onClick: i[1] || (i[1] = (s) => n("close"))
       }, {
         label: X(() => [
-          o.$slots.option ? q(o.$slots, "option", {
+          l.$slots.option ? q(l.$slots, "option", {
             key: 0,
-            option: o.item
+            option: l.item
           }) : (d(), v(Z, { key: 1 }, [
-            he(F(o.item[o.optionLabel]), 1)
+            he(F(l.item[l.optionLabel]), 1)
           ], 64))
         ]),
         _: 3
       }, 8, ["modelValue", "value"])) : (d(), G(b(co), {
         key: 1,
-        modelValue: t.value,
-        "onUpdate:modelValue": n[1] || (n[1] = (l) => t.value = l),
-        value: o.item[o.optionValue]
+        modelValue: o.value,
+        "onUpdate:modelValue": i[2] || (i[2] = (s) => o.value = s),
+        value: l.item[l.optionValue],
+        onClick: i[3] || (i[3] = (s) => n("close"))
       }, {
         default: X(() => [
-          o.$slots.option ? q(o.$slots, "option", {
+          l.$slots.option ? q(l.$slots, "option", {
             key: 0,
-            option: o.item
+            option: l.item
           }) : (d(), v(Z, { key: 1 }, [
-            he(F(o.item[o.optionLabel]), 1)
+            he(F(l.item[l.optionLabel]), 1)
           ], 64))
         ]),
         _: 3
@@ -1921,8 +1923,8 @@ const tl = { class: "popover__content" }, ol = {
       set(m) {
         if (Array.isArray(m)) {
           const x = m.map((C) => {
-            const _ = e.options.find((T) => T[n.value] === C);
-            return _ || C;
+            const A = e.options.find((S) => S[n.value] === C);
+            return A || C;
           });
           i.value = e.returnObject ? x : m, o("select", e.returnObject ? x : m);
         } else {
@@ -1966,7 +1968,7 @@ const tl = { class: "popover__content" }, ol = {
         onClick: x[0] || (x[0] = (C) => u.value = !u.value)
       }, [
         R("div", {
-          class: E(["dropdown__field-inner", [{ "dropdown__field-inner--multiple": m.multiple }, { "dropdown__field-inner--placeholder": !i.value }]])
+          class: E(["dropdown__field-inner", [{ "dropdown__field-inner--multiple": m.multiple }, { "dropdown__field-inner--placeholder": !i.value }, { "dropdown__field-inner--open": u.value }]])
         }, [
           m.multiple ? (d(), v(Z, { key: 0 }, [
             i.value.length ? (d(), v("div", zl, [
@@ -1974,7 +1976,7 @@ const tl = { class: "popover__content" }, ol = {
                 variant: "secondary",
                 key: C,
                 removable: "",
-                onRemove: (_) => p(C)
+                onRemove: (A) => p(C)
               }, {
                 default: X(() => [
                   he(F(h(C)), 1)
@@ -1984,7 +1986,7 @@ const tl = { class: "popover__content" }, ol = {
             ])) : (d(), v("span", Fl, F(a.value ? m.placeholder : f.value), 1))
           ], 64)) : (d(), v("span", Gl, F(a.value ? m.placeholder : f.value), 1))
         ], 2),
-        x[4] || (x[4] = R("div", { class: "dropdown__field-arrow" }, [
+        x[5] || (x[5] = R("div", { class: "dropdown__field-arrow" }, [
           R("svg", {
             width: "10",
             height: "6",
@@ -2019,14 +2021,15 @@ const tl = { class: "popover__content" }, ol = {
           m.loading ? (d(), v("div", jl, [
             W(b(Bl))
           ])) : (d(), v("div", Ul, [
-            (d(!0), v(Z, null, ke(m.options, (C, _) => (d(), G(Hl, {
-              key: _,
+            (d(!0), v(Z, null, ke(m.options, (C, A) => (d(), G(Hl, {
+              key: A,
               modelValue: s.value,
-              "onUpdate:modelValue": x[3] || (x[3] = (T) => s.value = T),
+              "onUpdate:modelValue": x[3] || (x[3] = (S) => s.value = S),
               item: C,
               multiple: m.multiple,
               optionLabel: l.value,
-              optionValue: n.value
+              optionValue: n.value,
+              onClose: x[4] || (x[4] = (S) => u.value = !1)
             }, null, 8, ["modelValue", "item", "multiple", "optionLabel", "optionValue"]))), 128))
           ]))
         ])
@@ -2197,15 +2200,15 @@ const tl = { class: "popover__content" }, ol = {
   emits: /* @__PURE__ */ Y(["update:selectedRows", "rowClickHandler"], ["update:currentPage", "update:perPage"]),
   setup(e, { emit: t }) {
     const o = t, n = I(() => e.rowGroupMode), l = I(() => e.groupRowsBy), { dataWithGroup: i } = rs(n, l), { columns: s, options: a } = as(n), r = I(() => a.value.selectedMode), u = H(null), c = te(e, "currentPage"), f = te(e, "perPage"), h = I(() => {
-      let T = [...e.data];
+      let S = [...e.data];
       if (u.value) {
         const { field: y, order: k } = u.value;
-        T.sort((L, O) => {
+        S.sort((L, O) => {
           const M = L[y], $ = O[y];
           return M === $ ? 0 : k === 1 ? M > $ ? 1 : -1 : M < $ ? 1 : -1;
         });
       }
-      const V = i(T);
+      const V = i(S);
       return e.rowGroupMode === "rowspan" && e.groupRowsBy ? V.filter((y) => g.value.has(y._groupValue) ? y._isFirstInGroup : !0) : V;
     }), p = I(() => [
       "table",
@@ -2213,43 +2216,43 @@ const tl = { class: "popover__content" }, ol = {
         [`table--theme-${e.theme}`]: e.theme,
         "table--with-scroller": e.scroller && e.scroller.enable
       }
-    ]), g = H(/* @__PURE__ */ new Set()), w = (T) => {
-      g.value.has(T) ? g.value.delete(T) : g.value.add(T);
-    }, m = H([]), x = I(() => Array.isArray(m.value) && m.value.length === e.data.length), C = (T) => {
+    ]), g = H(/* @__PURE__ */ new Set()), w = (S) => {
+      g.value.has(S) ? g.value.delete(S) : g.value.add(S);
+    }, m = H([]), x = I(() => Array.isArray(m.value) && m.value.length === e.data.length), C = (S) => {
       if (r.value)
         if (r.value === "multiple") {
-          const V = Array.isArray(m.value) ? m.value.findIndex((y) => y === T) : -1;
-          V === -1 ? Array.isArray(m.value) ? m.value.push(T) : m.value = [T] : m.value.splice(V, 1);
+          const V = Array.isArray(m.value) ? m.value.findIndex((y) => y === S) : -1;
+          V === -1 ? Array.isArray(m.value) ? m.value.push(S) : m.value = [S] : m.value.splice(V, 1);
         } else
-          m.value = T;
-    }, _ = () => {
+          m.value = S;
+    }, A = () => {
       r.value === "multiple" && Array.isArray(m.value) && (m.value.length === e.data.length ? m.value = [] : m.value = [...e.data]);
     };
-    return J(m, (T) => {
-      o("update:selectedRows", T);
-    }), (T, V) => (d(), v("table", {
+    return J(m, (S) => {
+      o("update:selectedRows", S);
+    }), (S, V) => (d(), v("table", {
       class: E(p.value)
     }, [
-      q(T.$slots, "default", {}, void 0, !0),
+      q(S.$slots, "default", {}, void 0, !0),
       W(ml, {
-        size: T.size,
+        size: S.size,
         columns: b(s),
         isSelectedAll: x.value,
-        sortMode: T.sortMode,
-        sortField: T.sortField,
-        onSelectAllRow: _,
+        sortMode: S.sortMode,
+        sortField: S.sortField,
+        onSelectAllRow: A,
         "onUpdate:sort": V[0] || (V[0] = (y) => u.value = y)
       }, null, 8, ["size", "columns", "isSelectedAll", "sortMode", "sortField"]),
       W($l, {
-        size: T.size,
+        size: S.size,
         selectedRows: m.value,
         columns: b(s),
         data: h.value,
-        rowGroupMode: T.rowGroupMode,
-        groupRowsBy: T.groupRowsBy,
+        rowGroupMode: S.rowGroupMode,
+        groupRowsBy: S.groupRowsBy,
         collapsedGroups: g.value,
-        colorHovered: T.rowColorHovered,
-        scroller: T.scroller,
+        colorHovered: S.rowColorHovered,
+        scroller: S.scroller,
         onRowClickHandler: V[1] || (V[1] = (y) => o("rowClickHandler", y)),
         onToggleRow: V[2] || (V[2] = (y) => C(y)),
         onToggleGroup: V[3] || (V[3] = (y) => w(y))
@@ -2260,9 +2263,9 @@ const tl = { class: "popover__content" }, ol = {
         "per-page": f.value,
         "onUpdate:perPage": V[5] || (V[5] = (y) => f.value = y),
         data: h.value,
-        "per-page-options": T.perPageOptions,
-        "totals-row": T.totals,
-        paginator: T.paginator
+        "per-page-options": S.perPageOptions,
+        "totals-row": S.totals,
+        paginator: S.paginator
       }, null, 8, ["currentPage", "per-page", "data", "per-page-options", "totals-row", "paginator"])
     ], 2));
   }
@@ -2308,16 +2311,16 @@ const tl = { class: "popover__content" }, ol = {
     const o = e, n = H(), l = H([]), i = H(0), s = H(0), a = H(/* @__PURE__ */ new Map()), r = H(/* @__PURE__ */ new Map()), u = async () => {
       if (await Re(), !l.value?.length) return;
       let $ = !1;
-      l.value.forEach((A, P) => {
-        if (!A) return;
-        const S = m.value + P, N = A.offsetHeight;
-        a.value.get(S) !== N && (a.value.set(S, N), $ = !0);
+      l.value.forEach((_, P) => {
+        if (!_) return;
+        const T = m.value + P, N = _.offsetHeight;
+        a.value.get(T) !== N && (a.value.set(T, N), $ = !0);
       }), $ && c();
     }, c = () => {
       let $ = 0;
-      for (let A = 0; A < o.items.length; A++) {
-        r.value.set(A, $);
-        const P = a.value.get(A) || o.estimatedItemHeight;
+      for (let _ = 0; _ < o.items.length; _++) {
+        r.value.set(_, $);
+        const P = a.value.get(_) || o.estimatedItemHeight;
         $ += P;
       }
     }, f = ($) => r.value.get($) || $ * o.estimatedItemHeight, h = ($) => a.value.get($) || o.estimatedItemHeight, p = I(() => {
@@ -2326,29 +2329,29 @@ const tl = { class: "popover__content" }, ol = {
       const $ = o.items.length - 1;
       return f($) + h($);
     }), g = ($) => {
-      let A = 0, P = o.items.length - 1;
-      for (; A <= P; ) {
-        const S = Math.floor((A + P) / 2);
-        f(S) <= $ ? A = S + 1 : P = S - 1;
+      let _ = 0, P = o.items.length - 1;
+      for (; _ <= P; ) {
+        const T = Math.floor((_ + P) / 2);
+        f(T) <= $ ? _ = T + 1 : P = T - 1;
       }
       return Math.max(0, P - o.buffer);
-    }, w = ($, A) => {
-      const P = $ + A;
-      let S = g($);
-      for (; S < o.items.length && !(f(S) > P); )
-        S++;
-      return Math.min(o.items.length - 1, S + o.buffer);
+    }, w = ($, _) => {
+      const P = $ + _;
+      let T = g($);
+      for (; T < o.items.length && !(f(T) > P); )
+        T++;
+      return Math.min(o.items.length - 1, T + o.buffer);
     }, m = I(() => g(i.value)), x = I(() => w(i.value, s.value)), C = I(() => {
       const $ = [];
-      for (let A = m.value; A <= x.value; A++)
-        o.items[A] && $.push({
-          data: o.items[A],
-          index: A
+      for (let _ = m.value; _ <= x.value; _++)
+        o.items[_] && $.push({
+          data: o.items[_],
+          index: _
         });
       return $;
-    }), _ = I(() => f(m.value)), T = ($) => $.data[o.keyField] ?? $.index, V = ($) => {
-      const A = $.target;
-      i.value = A.scrollTop;
+    }), A = I(() => f(m.value)), S = ($) => $.data[o.keyField] ?? $.index, V = ($) => {
+      const _ = $.target;
+      i.value = _.scrollTop;
     }, y = () => {
       n.value && (s.value = n.value.clientHeight);
     };
@@ -2366,8 +2369,8 @@ const tl = { class: "popover__content" }, ol = {
     }, { deep: !0 }), t({
       scrollToIndex: async ($) => {
         if (!n.value || $ < 0 || $ >= o.items.length) return;
-        const A = f($);
-        n.value.scrollTop = A;
+        const _ = f($);
+        n.value.scrollTop = _;
       },
       scrollToTop: () => {
         n.value && (n.value.scrollTop = 0);
@@ -2376,7 +2379,7 @@ const tl = { class: "popover__content" }, ol = {
         n.value && (n.value.scrollTop = p.value);
       },
       updateItemHeights: u
-    }), ($, A) => (d(), v("div", {
+    }), ($, _) => (d(), v("div", {
       ref_key: "containerRef",
       ref: n,
       class: "virtual-scroll",
@@ -2388,10 +2391,10 @@ const tl = { class: "popover__content" }, ol = {
       }, [
         R("div", {
           class: "virtual-scroll__content",
-          style: ue({ transform: `translateY(${_.value}px)`, gap: `${$.gap}px` })
+          style: ue({ transform: `translateY(${A.value}px)`, gap: `${$.gap}px` })
         }, [
           (d(!0), v(Z, null, ke(C.value, (P) => (d(), v("div", {
-            key: T(P),
+            key: S(P),
             ref_for: !0,
             ref_key: "itemRefs",
             ref: l,
@@ -2472,14 +2475,14 @@ function ms(e, t) {
   }
   function h(y) {
     const { required: k, optional: L } = u(o), O = k + L;
-    let M = "", $ = 0, A = 0;
-    for (; A < O.length; ) {
-      const P = O[A];
+    let M = "", $ = 0, _ = 0;
+    for (; _ < O.length; ) {
+      const P = O[_];
       if (c(P))
         if ($ < y.length) {
-          const S = y[$];
-          if (f(S, P))
-            M += S, $++;
+          const T = y[$];
+          if (f(T, P))
+            M += T, $++;
           else {
             $++;
             continue;
@@ -2488,7 +2491,7 @@ function ms(e, t) {
           M += n;
       else
         M += P;
-      A++;
+      _++;
     }
     return M;
   }
@@ -2498,14 +2501,14 @@ function ms(e, t) {
   }
   function g(y) {
     const { required: k, optional: L } = u(o), O = k + L;
-    let M = "", $ = 0, A = 0;
-    for (; $ < y.length && A < O.length; ) {
-      const P = y[$], S = O[A];
+    let M = "", $ = 0, _ = 0;
+    for (; $ < y.length && _ < O.length; ) {
+      const P = y[$], T = O[_];
       if (P === n) {
         $++;
         continue;
       }
-      c(S) ? f(P, S) ? (M += P, $++, A++) : $++ : (P === S && $++, A++);
+      c(T) ? f(P, T) ? (M += P, $++, _++) : $++ : (P === T && $++, _++);
     }
     for (; $ < y.length; ) {
       const P = y[$];
@@ -2513,16 +2516,16 @@ function ms(e, t) {
         $++;
         continue;
       }
-      let S = !1, N = 0;
+      let T = !1, N = 0;
       for (let D = 0; D < O.length; D++)
         if (c(O[D])) {
           if (N === M.length) {
-            f(P, O[D]) && (M += P, S = !0);
+            f(P, O[D]) && (M += P, T = !0);
             break;
           }
           N++;
         }
-      if ($++, !S)
+      if ($++, !T)
         break;
     }
     return M;
@@ -2547,25 +2550,25 @@ function ms(e, t) {
     if (!y.isTrusted) return;
     const k = y.target, L = k.value, O = g(L), M = h(O);
     s.value = M, e.value = O, Re(() => {
-      const { required: $, optional: A } = u(o), P = $ + A;
-      let S = 0, N = 0;
+      const { required: $, optional: _ } = u(o), P = $ + _;
+      let T = 0, N = 0;
       for (let D = 0; D < P.length; D++)
         if (c(P[D]))
           if (N < O.length)
             N++;
           else {
-            S = D;
+            T = D;
             break;
           }
       if (N === O.length && O.length > 0) {
         N = 0;
         for (let D = 0; D < P.length; D++)
           if (c(P[D]) && (N++, N === O.length)) {
-            S = D + 1;
+            T = D + 1;
             break;
           }
       }
-      S = Math.min(S, M.length), k.setSelectionRange(S, S);
+      T = Math.min(T, M.length), k.setSelectionRange(T, T);
     });
   }
   function C(y) {
@@ -2573,28 +2576,28 @@ function ms(e, t) {
     setTimeout(() => {
       const L = k.value, O = g(L), M = h(O);
       s.value = M, e.value = O;
-      const { required: $, optional: A } = u(o), P = $ + A;
-      let S = 0, N = 0;
+      const { required: $, optional: _ } = u(o), P = $ + _;
+      let T = 0, N = 0;
       for (let D = 0; D < P.length; D++)
         if (c(P[D]))
           if (N < O.length)
             N++;
           else {
-            S = D;
+            T = D;
             break;
           }
       if (N === O.length && O.length > 0) {
         N = 0;
         for (let D = 0; D < P.length; D++)
           if (c(P[D]) && (N++, N === O.length)) {
-            S = D + 1;
+            T = D + 1;
             break;
           }
       }
-      S = Math.min(S, M.length), k.setSelectionRange(S, S);
+      T = Math.min(T, M.length), k.setSelectionRange(T, T);
     }, 0);
   }
-  function _(y) {
+  function A(y) {
     const k = y.target, L = k.selectionStart || 0;
     if (y.key === "Backspace") {
       if (y.metaKey || y.ctrlKey)
@@ -2687,42 +2690,42 @@ function ms(e, t) {
     }
     if (y.metaKey || y.ctrlKey || ["ArrowLeft", "ArrowRight", "Tab", "Home", "End", "Escape"].includes(y.key))
       return;
-    const { required: O, optional: M } = u(o), $ = O + M, A = g(s.value), P = $.split("").filter((D) => c(D)).length;
-    if (A.length >= P) {
+    const { required: O, optional: M } = u(o), $ = O + M, _ = g(s.value), P = $.split("").filter((D) => c(D)).length;
+    if (_.length >= P) {
       y.preventDefault();
       return;
     }
-    let S = -1, N = 0;
+    let T = -1, N = 0;
     for (let D = 0; D < $.length; D++)
       if (c($[D])) {
-        if (N === A.length) {
-          S = D;
+        if (N === _.length) {
+          T = D;
           break;
         }
         N++;
       }
-    S >= 0 && !f(y.key, $[S]) && y.preventDefault();
+    T >= 0 && !f(y.key, $[T]) && y.preventDefault();
   }
-  function T(y) {
+  function S(y) {
     a.value = !0, Re(() => {
       const k = y.target, { required: L, optional: O } = u(o), M = L + O;
       let $ = 0;
-      for (let A = 0; A < M.length; A++)
-        if (c(M[A])) {
-          $ = A;
+      for (let _ = 0; _ < M.length; _++)
+        if (c(M[_])) {
+          $ = _;
           break;
         }
       if (je(e)) {
-        let A = 0;
+        let _ = 0;
         for (let P = 0; P < M.length; P++)
           if (c(M[P])) {
-            if (A >= je(e).length) {
+            if (_ >= je(e).length) {
               $ = P;
               break;
             }
-            A++;
+            _++;
           }
-        A === je(e).length && ($ = s.value.length);
+        _ === je(e).length && ($ = s.value.length);
       }
       k.setSelectionRange($, $);
     });
@@ -2738,8 +2741,8 @@ function ms(e, t) {
     displayValue: s,
     handleInput: x,
     handlePaste: C,
-    handleKeydown: _,
-    handleFocus: T,
+    handleKeydown: A,
+    handleFocus: S,
     handleBlur: V,
     placeholder: p()
   };
@@ -2776,7 +2779,7 @@ const la = /* @__PURE__ */ B({
     });
     return (c, f) => (d(), G(b(Rt), {
       modelValue: b(n),
-      "onUpdate:modelValue": f[0] || (f[0] = (h) => Ao(n) ? n.value = h : null),
+      "onUpdate:modelValue": f[0] || (f[0] = (h) => _o(n) ? n.value = h : null),
       label: c.label,
       placeholder: b(u),
       error: c.error,
@@ -2839,7 +2842,7 @@ const la = /* @__PURE__ */ B({
     }, [
       a.viewButtons ? (d(), G(b(Ge), {
         key: 0,
-        contrast: "",
+        "button-style": "contrast",
         icon: b(zo),
         class: "input-number__button input-number__button--decrement",
         "icon-only": "",
@@ -2863,7 +2866,7 @@ const la = /* @__PURE__ */ B({
       ]),
       a.viewButtons ? (d(), G(b(Ge), {
         key: 1,
-        contrast: "",
+        "button-style": "contrast",
         icon: b(Xt),
         class: "input-number__button input-number__button--increment",
         "icon-only": "",
@@ -3085,7 +3088,7 @@ const la = /* @__PURE__ */ B({
       ], 64))), 256))
     ]));
   }
-}), Ts = { class: "toast-message__icon" }, Vs = { class: "toast-message__content" }, _s = { class: "toast-message__title" }, As = ["innerHTML"], Is = /* @__PURE__ */ B({
+}), Ts = { class: "toast-message__icon" }, Vs = { class: "toast-message__content" }, As = { class: "toast-message__title" }, _s = ["innerHTML"], Is = /* @__PURE__ */ B({
   __name: "ToastMessage",
   props: {
     msg: {}
@@ -3120,12 +3123,12 @@ const la = /* @__PURE__ */ B({
         (d(), G(Ve(l.value)))
       ]),
       R("div", Vs, [
-        R("div", _s, F(h.msg.summary), 1),
+        R("div", As, F(h.msg.summary), 1),
         h.msg.detail ? (d(), v("div", {
           key: 0,
           class: "toast-message__text",
           innerHTML: h.msg.detail
-        }, null, 8, As)) : z("", !0)
+        }, null, 8, _s)) : z("", !0)
       ]),
       R("button", {
         class: "toast-message__close",
@@ -3457,62 +3460,62 @@ const pa = {
         r();
         return;
       }
-      const x = p.getBoundingClientRect(), C = 8, _ = 8, T = (M) => {
+      const x = p.getBoundingClientRect(), C = 8, A = 8, S = (M) => {
         switch (M) {
           case "top":
             return {
-              top: w.top - x.height - _,
+              top: w.top - x.height - A,
               left: w.left + w.width / 2 - x.width / 2
             };
           case "bottom":
             return {
-              top: w.bottom + _,
+              top: w.bottom + A,
               left: w.left + w.width / 2 - x.width / 2
             };
           case "left":
             return {
               top: w.top + w.height / 2 - x.height / 2,
-              left: w.left - x.width - _
+              left: w.left - x.width - A
             };
           case "right":
             return {
               top: w.top + w.height / 2 - x.height / 2,
-              left: w.right + _
+              left: w.right + A
             };
           case "topleft":
             return {
-              top: w.top - x.height - _,
+              top: w.top - x.height - A,
               left: w.left
             };
           case "topright":
             return {
-              top: w.top - x.height - _,
+              top: w.top - x.height - A,
               left: w.right - x.width
             };
           case "bottomleft":
             return {
-              top: w.bottom + _,
+              top: w.bottom + A,
               left: w.left
             };
           case "bottomright":
             return {
-              top: w.bottom + _,
+              top: w.bottom + A,
               left: w.right - x.width
             };
           default:
             return { top: 0, left: 0 };
         }
       }, V = (M) => {
-        const $ = T(M);
+        const $ = S(M);
         return $.top >= C && $.left >= C && $.top + x.height <= window.innerHeight - C && $.left + x.width <= window.innerWidth - C;
       }, y = [g];
       ["bottomright", "bottom", "top", "right", "left", "bottomleft", "topright", "topleft"].forEach((M) => {
         y.includes(M) || y.push(M);
       });
-      let L = g, O = T(g);
+      let L = g, O = S(g);
       for (const M of y)
         if (V(M)) {
-          L = M, O = T(M);
+          L = M, O = S(M);
           break;
         }
       O.top = Math.max(C, Math.min(O.top, window.innerHeight - x.height - C)), O.left = Math.max(C, Math.min(O.left, window.innerWidth - x.width - C)), n.value = L, o.value = {
@@ -3860,7 +3863,7 @@ const pa = {
       ])
     ]));
   }
-}), Va = /* @__PURE__ */ ie(di, [["__scopeId", "data-v-644da951"]]), fi = ["aria-selected"], _a = /* @__PURE__ */ B({
+}), Va = /* @__PURE__ */ ie(di, [["__scopeId", "data-v-644da951"]]), fi = ["aria-selected"], Aa = /* @__PURE__ */ B({
   __name: "Tab",
   props: {
     value: {}
@@ -3876,7 +3879,7 @@ const pa = {
       q(i.$slots, "default")
     ], 10, fi));
   }
-}), pi = { class: "tabs" }, Aa = /* @__PURE__ */ B({
+}), pi = { class: "tabs" }, _a = /* @__PURE__ */ B({
   __name: "Tabs",
   props: {
     value: {}
@@ -3999,8 +4002,8 @@ const wi = async (e, t, o) => {
       fn: x
     } = a[w], {
       x: C,
-      y: _,
-      data: T,
+      y: A,
+      data: S,
       reset: V
     } = await x({
       x: c,
@@ -4016,11 +4019,11 @@ const wi = async (e, t, o) => {
         floating: t
       }
     });
-    c = C ?? c, f = _ ?? f, p = {
+    c = C ?? c, f = A ?? f, p = {
       ...p,
       [m]: {
         ...p[m],
-        ...T
+        ...S
       }
     }, V && g <= 50 && (g++, typeof V == "object" && (V.placement && (h = V.placement), V.rects && (u = V.rects === !0 ? await s.getElementRects({
       reference: e,
@@ -4065,7 +4068,7 @@ async function vo(e, t) {
     y: l,
     width: s.floating.width,
     height: s.floating.height
-  } : s.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), T = await (i.isElement == null ? void 0 : i.isElement(_)) ? await (i.getScale == null ? void 0 : i.getScale(_)) || {
+  } : s.reference, A = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), S = await (i.isElement == null ? void 0 : i.isElement(A)) ? await (i.getScale == null ? void 0 : i.getScale(A)) || {
     x: 1,
     y: 1
   } : {
@@ -4074,14 +4077,14 @@ async function vo(e, t) {
   }, V = Ee(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: C,
-    offsetParent: _,
+    offsetParent: A,
     strategy: r
   }) : C);
   return {
-    top: (x.top - V.top + g.top) / T.y,
-    bottom: (V.bottom - x.bottom + g.bottom) / T.y,
-    left: (x.left - V.left + g.left) / T.x,
-    right: (V.right - x.right + g.right) / T.x
+    top: (x.top - V.top + g.top) / S.y,
+    bottom: (V.bottom - x.bottom + g.bottom) / S.y,
+    left: (x.left - V.left + g.left) / S.x,
+    right: (V.right - x.right + g.right) / S.x
   };
 }
 const yi = (e) => ({
@@ -4105,15 +4108,15 @@ const yi = (e) => ({
     const f = ct(c), h = {
       x: o,
       y: n
-    }, p = lt(l), g = nt(p), w = await s.getDimensions(u), m = p === "y", x = m ? "top" : "left", C = m ? "bottom" : "right", _ = m ? "clientHeight" : "clientWidth", T = i.reference[g] + i.reference[p] - h[p] - i.floating[g], V = h[p] - i.reference[p], y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
-    let k = y ? y[_] : 0;
-    (!k || !await (s.isElement == null ? void 0 : s.isElement(y))) && (k = a.floating[_] || i.floating[g]);
-    const L = T / 2 - V / 2, O = k / 2 - w[g] / 2 - 1, M = Pe(f[x], O), $ = Pe(f[C], O), A = M, P = k - w[g] - $, S = k / 2 - w[g] / 2 + L, N = Xe(A, S, P), D = !r.arrow && Me(l) != null && S !== N && i.reference[g] / 2 - (S < A ? M : $) - w[g] / 2 < 0, le = D ? S < A ? S - A : S - P : 0;
+    }, p = lt(l), g = nt(p), w = await s.getDimensions(u), m = p === "y", x = m ? "top" : "left", C = m ? "bottom" : "right", A = m ? "clientHeight" : "clientWidth", S = i.reference[g] + i.reference[p] - h[p] - i.floating[g], V = h[p] - i.reference[p], y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
+    let k = y ? y[A] : 0;
+    (!k || !await (s.isElement == null ? void 0 : s.isElement(y))) && (k = a.floating[A] || i.floating[g]);
+    const L = S / 2 - V / 2, O = k / 2 - w[g] / 2 - 1, M = Pe(f[x], O), $ = Pe(f[C], O), _ = M, P = k - w[g] - $, T = k / 2 - w[g] / 2 + L, N = Xe(_, T, P), D = !r.arrow && Me(l) != null && T !== N && i.reference[g] / 2 - (T < _ ? M : $) - w[g] / 2 < 0, le = D ? T < _ ? T - _ : T - P : 0;
     return {
       [p]: h[p] + le,
       data: {
         [p]: N,
-        centerOffset: S - N - le,
+        centerOffset: T - N - le,
         ...D && {
           alignmentOffset: le
         }
@@ -4145,33 +4148,33 @@ const yi = (e) => ({
       } = Te(e, t);
       if ((o = i.arrow) != null && o.alignmentOffset)
         return {};
-      const x = Se(l), C = $e(a), _ = Se(a) === a, T = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), V = h || (_ || !w ? [at(a)] : mn(a)), y = g !== "none";
-      !h && y && V.push(...wn(a, w, g, T));
+      const x = Se(l), C = $e(a), A = Se(a) === a, S = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), V = h || (A || !w ? [at(a)] : mn(a)), y = g !== "none";
+      !h && y && V.push(...wn(a, w, g, S));
       const k = [a, ...V], L = await vo(t, m), O = [];
       let M = ((n = i.flip) == null ? void 0 : n.overflows) || [];
       if (c && O.push(L[x]), f) {
-        const S = pn(l, s, T);
-        O.push(L[S[0]], L[S[1]]);
+        const T = pn(l, s, S);
+        O.push(L[T[0]], L[T[1]]);
       }
       if (M = [...M, {
         placement: l,
         overflows: O
-      }], !O.every((S) => S <= 0)) {
-        var $, A;
-        const S = ((($ = i.flip) == null ? void 0 : $.index) || 0) + 1, N = k[S];
+      }], !O.every((T) => T <= 0)) {
+        var $, _;
+        const T = ((($ = i.flip) == null ? void 0 : $.index) || 0) + 1, N = k[T];
         if (N && (!(f === "alignment" ? C !== $e(N) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         M.every((me) => me.overflows[0] > 0 && $e(me.placement) === C)))
           return {
             data: {
-              index: S,
+              index: T,
               overflows: M
             },
             reset: {
               placement: N
             }
           };
-        let D = (A = M.filter((le) => le.overflows[0] <= 0).sort((le, me) => le.overflows[1] - me.overflows[1])[0]) == null ? void 0 : A.placement;
+        let D = (_ = M.filter((le) => le.overflows[0] <= 0).sort((le, me) => le.overflows[1] - me.overflows[1])[0]) == null ? void 0 : _.placement;
         if (!D)
           switch (p) {
             case "bestFit": {
@@ -4283,12 +4286,12 @@ const ki = function(e) {
       }, c = await vo(t, r), f = $e(Se(l)), h = xt(f);
       let p = u[h], g = u[f];
       if (i) {
-        const m = h === "y" ? "top" : "left", x = h === "y" ? "bottom" : "right", C = p + c[m], _ = p - c[x];
-        p = Xe(C, p, _);
+        const m = h === "y" ? "top" : "left", x = h === "y" ? "bottom" : "right", C = p + c[m], A = p - c[x];
+        p = Xe(C, p, A);
       }
       if (s) {
-        const m = f === "y" ? "top" : "left", x = f === "y" ? "bottom" : "right", C = g + c[m], _ = g - c[x];
-        g = Xe(C, g, _);
+        const m = f === "y" ? "top" : "left", x = f === "y" ? "bottom" : "right", C = g + c[m], A = g - c[x];
+        g = Xe(C, g, A);
       }
       const w = a.fn({
         ...t,
@@ -4359,8 +4362,8 @@ function et(e, t, o, n) {
     const h = ee(i), p = n && oe(n) ? ee(n) : n;
     let g = h, w = Je(g);
     for (; w && n && p !== g; ) {
-      const m = Ye(w), x = w.getBoundingClientRect(), C = ne(w), _ = x.left + (w.clientLeft + parseFloat(C.paddingLeft)) * m.x, T = x.top + (w.clientTop + parseFloat(C.paddingTop)) * m.y;
-      r *= m.x, u *= m.y, c *= m.x, f *= m.y, r += _, u += T, g = ee(w), w = Je(g);
+      const m = Ye(w), x = w.getBoundingClientRect(), C = ne(w), A = x.left + (w.clientLeft + parseFloat(C.paddingLeft)) * m.x, S = x.top + (w.clientTop + parseFloat(C.paddingTop)) * m.y;
+      r *= m.x, u *= m.y, c *= m.x, f *= m.y, r += A, u += S, g = ee(w), w = Je(g);
     }
   }
   return Ee({
@@ -4400,7 +4403,7 @@ function Si(e) {
     scrollTop: 0
   }, u = Q(1);
   const c = Q(0), f = se(n);
-  if ((f || !f && !i) && ((Ae(n) !== "body" || He(s)) && (r = ze(n)), se(n))) {
+  if ((f || !f && !i) && ((_e(n) !== "body" || He(s)) && (r = ze(n)), se(n))) {
     const p = et(n);
     u = Ye(n), c.x = p.x + n.clientLeft, c.y = p.y + n.clientTop;
   }
@@ -4426,7 +4429,7 @@ function Vi(e) {
     y: a
   };
 }
-function _i(e, t) {
+function Ai(e, t) {
   const o = ee(e), n = ce(e), l = o.visualViewport;
   let i = n.clientWidth, s = n.clientHeight, a = 0, r = 0;
   if (l) {
@@ -4441,7 +4444,7 @@ function _i(e, t) {
     y: r
   };
 }
-const Ai = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+const _i = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function Ii(e, t) {
   const o = et(e, !0, t === "fixed"), n = o.top + e.clientTop, l = o.left + e.clientLeft, i = se(e) ? Ye(e) : Q(1), s = e.clientWidth * i.x, a = e.clientHeight * i.y, r = l * i.x, u = n * i.y;
   return {
@@ -4454,7 +4457,7 @@ function Ii(e, t) {
 function Gt(e, t, o) {
   let n;
   if (t === "viewport")
-    n = _i(e, o);
+    n = Ai(e, o);
   else if (t === "document")
     n = Vi(ce(e));
   else if (oe(t))
@@ -4472,18 +4475,18 @@ function Gt(e, t, o) {
 }
 function bo(e, t) {
   const o = we(e);
-  return o === t || !oe(o) || _e(o) ? !1 : ne(o).position === "fixed" || bo(o, t);
+  return o === t || !oe(o) || Ae(o) ? !1 : ne(o).position === "fixed" || bo(o, t);
 }
 function Mi(e, t) {
   const o = t.get(e);
   if (o)
     return o;
-  let n = kt(e, []).filter((a) => oe(a) && Ae(a) !== "body"), l = null;
+  let n = kt(e, []).filter((a) => oe(a) && _e(a) !== "body"), l = null;
   const i = ne(e).position === "fixed";
   let s = i ? we(e) : e;
-  for (; oe(s) && !_e(s); ) {
+  for (; oe(s) && !Ae(s); ) {
     const a = ne(s), r = st(s);
-    !r && a.position === "fixed" && (l = null), (i ? !r && !l : !r && a.position === "static" && !!l && Ai.has(l.position) || He(s) && !r && bo(e, s)) ? n = n.filter((c) => c !== s) : l = a, s = we(s);
+    !r && a.position === "fixed" && (l = null), (i ? !r && !l : !r && a.position === "static" && !!l && _i.has(l.position) || He(s) && !r && bo(e, s)) ? n = n.filter((c) => c !== s) : l = a, s = we(s);
   }
   return t.set(e, n), n;
 }
@@ -4526,7 +4529,7 @@ function Li(e, t, o) {
     r.x = Pt(l);
   }
   if (n || !n && !i)
-    if ((Ae(t) !== "body" || He(l)) && (a = ze(t)), n) {
+    if ((_e(t) !== "body" || He(l)) && (a = ze(t)), n) {
       const p = et(t, !0, i, t);
       r.x = p.x + t.clientLeft, r.y = p.y + t.clientTop;
     } else l && u();
@@ -4556,7 +4559,7 @@ function xo(e, t) {
     return o;
   if (!se(e)) {
     let l = we(e);
-    for (; l && !_e(l); ) {
+    for (; l && !Ae(l); ) {
       if (oe(l) && !pt(l))
         return l;
       l = we(l);
@@ -4566,7 +4569,7 @@ function xo(e, t) {
   let n = Nt(e, t);
   for (; n && eo(n) && pt(n); )
     n = Nt(n, t);
-  return n && _e(n) && pt(n) && !st(n) ? o : n || to(e) || o;
+  return n && Ae(n) && pt(n) && !st(n) ? o : n || to(e) || o;
 }
 const Di = async function(e) {
   const t = this.getOffsetParent || xo, o = this.getDimensions, n = await o(e.floating);
@@ -4638,15 +4641,15 @@ const Hi = {
         left: `${w}px`,
         top: `${m}px`
       }, o.showArrow && C.arrow && g) {
-        const { x: _, y: T } = C.arrow, V = x.split("-")[0], y = {
+        const { x: A, y: S } = C.arrow, V = x.split("-")[0], y = {
           top: "bottom",
           right: "left",
           bottom: "top",
           left: "right"
         }[V];
         a.value = {
-          left: _ != null ? `${_}px` : "",
-          top: T != null ? `${T}px` : "",
+          left: A != null ? `${A}px` : "",
+          top: S != null ? `${S}px` : "",
           right: "",
           bottom: "",
           [y]: "-4px"
@@ -4754,11 +4757,11 @@ export {
   ri as Step,
   Va as Stepper,
   ra as Switch,
-  _a as Tab,
+  Aa as Tab,
   Ma as TabList,
   Ia as TabPanel,
   Oa as TabPanels,
-  Aa as Tabs,
+  _a as Tabs,
   Pl as Tag,
   ua as Textarea,
   da as Toast,