@teammodlr/ui-kit 2.1.29 → 2.1.30

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, renderSlot as L, ref as b, watch as q, computed as p, openBlock as v, createElementBlock as y, normalizeClass as h, normalizeStyle as re, inject as fe, onMounted as pe, resolveComponent as le, createBlock as ne, mergeProps as $e, reactive as ze, toRef as X, provide as Se, Fragment as Q, renderList as he, createElementVNode as T, createVNode as J, withCtx as Z, createTextVNode as ie, toDisplayString as W, createCommentVNode as N, onBeforeUnmount as It, resolveDynamicComponent as rn, readonly as oo, onUnmounted as dr, withDirectives as _t, vModelCheckbox as cr, getCurrentScope as so, onScopeDispose as lo, unref as an, isRef as io, toRefs as uo, customRef as co, getCurrentInstance as fr, watchEffect as ct, nextTick as Ge, toHandlers as ft, Teleport as Le, Transition as Je, withModifiers as _e, withKeys as nt, shallowRef as Nt, TransitionGroup as fo, vModelRadio as po, vModelText as vo, toRaw as Mn, onActivated as mo, onDeactivated as ho, h as rt } from "vue";
+import { defineComponent as P, renderSlot as L, ref as b, watch as q, computed as p, openBlock as v, createElementBlock as y, normalizeClass as h, normalizeStyle as re, inject as fe, onMounted as pe, resolveComponent as le, createBlock as ne, mergeProps as $e, reactive as Ie, toRef as X, provide as Se, Fragment as Q, renderList as he, createElementVNode as T, createVNode as J, withCtx as Z, createTextVNode as ie, toDisplayString as W, createCommentVNode as N, onBeforeUnmount as It, resolveDynamicComponent as rn, readonly as oo, onUnmounted as dr, withDirectives as _t, vModelCheckbox as cr, getCurrentScope as so, onScopeDispose as lo, unref as an, isRef as io, toRefs as uo, customRef as co, getCurrentInstance as fr, watchEffect as ct, nextTick as Ge, toHandlers as ft, Teleport as Le, Transition as Je, withModifiers as Oe, withKeys as nt, shallowRef as Nt, TransitionGroup as fo, vModelRadio as po, vModelText as vo, toRaw as Mn, onActivated as mo, onDeactivated as ho, h as rt } from "vue";
 const go = {
   h: {
     type: Function,
@@ -172,7 +172,7 @@ const Ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
   },
   setup(e) {
-    const t = ze({
+    const t = Ie({
       size: X(e, "size"),
       rounded: X(e, "rounded"),
       max: X(e, "max")
@@ -279,7 +279,7 @@ const qo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       Array.from(t).forEach((s, o) => {
         s.label || (s.label = o + 1);
       });
-    }, r = ze({
+    }, r = Ie({
       separator: X(e, "seperator"),
       refreshItems: n
     }), a = p(() => [
@@ -508,7 +508,7 @@ const gs = P({
     }
   },
   setup(e) {
-    const t = ze({
+    const t = Ie({
       size: X(e, "size")
     });
     return Se(yr, t), {
@@ -777,7 +777,7 @@ const Tr = /* @__PURE__ */ V(Ms, [["render", Es]]);
 function As(e) {
   return so() ? (lo(e), !0) : !1;
 }
-function Ee(e) {
+function Ae(e) {
   return typeof e == "function" ? e() : an(e);
 }
 const sn = typeof window < "u" && typeof document < "u", Rs = Object.prototype.toString, zs = (e) => Rs.call(e) === "[object Object]", Xt = () => {
@@ -797,7 +797,7 @@ function js(e, t = {}) {
       },
       set(a) {
         var s;
-        if ((s = Ee(t.replaceRef)) != null ? s : !0)
+        if ((s = Ae(t.replaceRef)) != null ? s : !0)
           if (Array.isArray(e.value)) {
             const l = [...e.value];
             l[r] = a, e.value = l;
@@ -813,7 +813,7 @@ function js(e, t = {}) {
 }
 function Ve(e) {
   var t;
-  const n = Ee(e);
+  const n = Ae(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 const Qe = sn ? window : void 0;
@@ -825,7 +825,7 @@ function te(...e) {
   const s = [], o = () => {
     s.forEach((d) => d()), s.length = 0;
   }, l = (d, c, f, m) => (d.addEventListener(c, f, m), () => d.removeEventListener(c, f, m)), i = q(
-    () => [Ve(t), Ee(a)],
+    () => [Ve(t), Ae(a)],
     ([d, c]) => {
       if (o(), !d)
         return;
@@ -905,14 +905,14 @@ function Ps(e, t = {}) {
     containerElement: g,
     handle: O = e
   } = t, k = b(
-    (n = Ee(c)) != null ? n : { x: 0, y: 0 }
+    (n = Ae(c)) != null ? n : { x: 0, y: 0 }
   ), M = b(), B = (A) => a ? a.includes(A.pointerType) : !0, R = (A) => {
-    Ee(s) && A.preventDefault(), Ee(o) && A.stopPropagation();
+    Ae(s) && A.preventDefault(), Ae(o) && A.stopPropagation();
   }, C = (A) => {
     var _;
-    if (!B(A) || Ee(l) && A.target !== Ee(e))
+    if (!B(A) || Ae(l) && A.target !== Ae(e))
       return;
-    const z = ((_ = Ee(g)) != null ? _ : Ee(e)).getBoundingClientRect(), $ = {
+    const z = ((_ = Ae(g)) != null ? _ : Ae(e)).getBoundingClientRect(), $ = {
       x: A.clientX - z.left,
       y: A.clientY - z.top
     };
@@ -1122,7 +1122,7 @@ var ge = "top", Te = "bottom", Me = "right", ye = "left", un = "auto", pt = [ge,
 }, []), Rr = /* @__PURE__ */ [].concat(pt, [un]).reduce(function(e, t) {
   return e.concat([t, t + "-" + Ue, t + "-" + it]);
 }, []), ol = "beforeRead", sl = "read", ll = "afterRead", il = "beforeMain", ul = "main", dl = "afterMain", cl = "beforeWrite", fl = "write", pl = "afterWrite", vl = [ol, sl, ll, il, ul, dl, cl, fl, pl];
-function Re(e) {
+function ze(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
 function we(e) {
@@ -1152,7 +1152,7 @@ function ml(e) {
   var t = e.state;
   Object.keys(t.elements).forEach(function(n) {
     var r = t.styles[n] || {}, a = t.attributes[n] || {}, s = t.elements[n];
-    !Ce(s) || !Re(s) || (Object.assign(s.style, r), Object.keys(a).forEach(function(o) {
+    !Ce(s) || !ze(s) || (Object.assign(s.style, r), Object.keys(a).forEach(function(o) {
       var l = a[o];
       l === !1 ? s.removeAttribute(o) : s.setAttribute(o, l === !0 ? "" : l);
     }));
@@ -1176,7 +1176,7 @@ function hl(e) {
       var a = t.elements[r], s = t.attributes[r] || {}, o = Object.keys(t.styles.hasOwnProperty(r) ? t.styles[r] : n[r]), l = o.reduce(function(i, u) {
         return i[u] = "", i;
       }, {});
-      !Ce(a) || !Re(a) || (Object.assign(a.style, l), Object.keys(s).forEach(function(i) {
+      !Ce(a) || !ze(a) || (Object.assign(a.style, l), Object.keys(s).forEach(function(i) {
         a.removeAttribute(i);
       }));
     });
@@ -1190,7 +1190,7 @@ const gl = {
   effect: hl,
   requires: ["computeStyles"]
 };
-function Ae(e) {
+function Re(e) {
   return e.split("-")[0];
 }
 var Ne = Math.max, At = Math.min, Xe = Math.round;
@@ -1246,7 +1246,7 @@ function je(e) {
   return we(e).getComputedStyle(e);
 }
 function yl(e) {
-  return ["table", "td", "th"].indexOf(Re(e)) >= 0;
+  return ["table", "td", "th"].indexOf(ze(e)) >= 0;
 }
 function De(e) {
   return ((We(e) ? e.ownerDocument : (
@@ -1255,7 +1255,7 @@ function De(e) {
   )) || window.document).documentElement;
 }
 function Lt(e) {
-  return Re(e) === "html" ? e : (
+  return ze(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
     // $FlowFixMe[prop-missing]
@@ -1278,7 +1278,7 @@ function bl(e) {
       return null;
   }
   var a = Lt(e);
-  for (dn(a) && (a = a.host); Ce(a) && ["html", "body"].indexOf(Re(a)) < 0; ) {
+  for (dn(a) && (a = a.host); Ce(a) && ["html", "body"].indexOf(ze(a)) < 0; ) {
     var s = je(a);
     if (s.transform !== "none" || s.perspective !== "none" || s.contain === "paint" || ["transform", "perspective"].indexOf(s.willChange) !== -1 || t && s.willChange === "filter" || t && s.filter && s.filter !== "none")
       return a;
@@ -1289,7 +1289,7 @@ function bl(e) {
 function vt(e) {
   for (var t = we(e), n = An(e); n && yl(n) && je(n).position === "static"; )
     n = An(n);
-  return n && (Re(n) === "html" || Re(n) === "body" && je(n).position === "static") ? t : n || bl(e) || t;
+  return n && (ze(n) === "html" || ze(n) === "body" && je(n).position === "static") ? t : n || bl(e) || t;
 }
 function fn(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
@@ -1323,7 +1323,7 @@ var $l = function(t, n) {
   })) : t, jr(typeof t != "number" ? t : Lr(t, pt));
 };
 function kl(e) {
-  var t, n = e.state, r = e.name, a = e.options, s = n.elements.arrow, o = n.modifiersData.popperOffsets, l = Ae(n.placement), i = fn(l), u = [ye, Me].indexOf(l) >= 0, d = u ? "height" : "width";
+  var t, n = e.state, r = e.name, a = e.options, s = n.elements.arrow, o = n.modifiersData.popperOffsets, l = Re(n.placement), i = fn(l), u = [ye, Me].indexOf(l) >= 0, d = u ? "height" : "width";
   if (!(!s || !o)) {
     var c = $l(a.padding, n), f = cn(s), m = i === "y" ? ge : ye, g = i === "y" ? Te : Me, O = n.rects.reference[d] + n.rects.reference[i] - o[i] - n.rects.popper[d], k = o[i] - n.rects.reference[i], M = vt(s), B = M ? i === "y" ? M.clientHeight || 0 : M.clientWidth || 0 : 0, R = O / 2 - k / 2, C = c[m], w = B - f[d] - c[g], E = B / 2 - f[d] / 2 + R, A = ot(C, E, w), _ = i;
     n.modifiersData[r] = (t = {}, t[_] = A, t.centerOffset = A - E, t);
@@ -1404,7 +1404,7 @@ function Rn(e) {
 }
 function Ol(e) {
   var t = e.state, n = e.options, r = n.gpuAcceleration, a = r === void 0 ? !0 : r, s = n.adaptive, o = s === void 0 ? !0 : s, l = n.roundOffsets, i = l === void 0 ? !0 : l, u = {
-    placement: Ae(t.placement),
+    placement: Re(t.placement),
     variation: Ze(t.placement),
     popper: t.elements.popper,
     popperRect: t.rects.popper,
@@ -1512,7 +1512,7 @@ function mn(e) {
   return /auto|scroll|overlay|hidden/.test(n + a + r);
 }
 function Dr(e) {
-  return ["html", "body", "#document"].indexOf(Re(e)) >= 0 ? e.ownerDocument.body : Ce(e) && mn(e) ? e : Dr(Lt(e));
+  return ["html", "body", "#document"].indexOf(ze(e)) >= 0 ? e.ownerDocument.body : Ce(e) && mn(e) ? e : Dr(Lt(e));
 }
 function st(e, t) {
   var n;
@@ -1541,7 +1541,7 @@ function In(e, t, n) {
 function Ll(e) {
   var t = st(Lt(e)), n = ["absolute", "fixed"].indexOf(je(e).position) >= 0, r = n && Ce(e) ? vt(e) : e;
   return We(r) ? t.filter(function(a) {
-    return We(a) && Ir(a, r) && Re(a) !== "body";
+    return We(a) && Ir(a, r) && ze(a) !== "body";
   }) : [];
 }
 function Dl(e, t, n, r) {
@@ -1552,7 +1552,7 @@ function Dl(e, t, n, r) {
   return l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l;
 }
 function Pr(e) {
-  var t = e.reference, n = e.element, r = e.placement, a = r ? Ae(r) : null, s = r ? Ze(r) : null, o = t.x + t.width / 2 - n.width / 2, l = t.y + t.height / 2 - n.height / 2, i;
+  var t = e.reference, n = e.element, r = e.placement, a = r ? Re(r) : null, s = r ? Ze(r) : null, o = t.x + t.width / 2 - n.width / 2, l = t.y + t.height / 2 - n.height / 2, i;
   switch (a) {
     case ge:
       i = {
@@ -1634,14 +1634,14 @@ function Pl(e, t) {
       boundary: a,
       rootBoundary: s,
       padding: o
-    })[Ae(O)], g;
+    })[Re(O)], g;
   }, {});
   return Object.keys(m).sort(function(g, O) {
     return m[g] - m[O];
   });
 }
 function Vl(e) {
-  if (Ae(e) === un)
+  if (Re(e) === un)
     return [];
   var t = Mt(e);
   return [zn(e), t, zn(t)];
@@ -1649,8 +1649,8 @@ function Vl(e) {
 function Nl(e) {
   var t = e.state, n = e.options, r = e.name;
   if (!t.modifiersData[r]._skip) {
-    for (var a = n.mainAxis, s = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !0 : o, i = n.fallbackPlacements, u = n.padding, d = n.boundary, c = n.rootBoundary, f = n.altBoundary, m = n.flipVariations, g = m === void 0 ? !0 : m, O = n.allowedAutoPlacements, k = t.options.placement, M = Ae(k), B = M === k, R = i || (B || !g ? [Mt(k)] : Vl(k)), C = [k].concat(R).reduce(function(Ie, G) {
-      return Ie.concat(Ae(G) === un ? Pl(t, {
+    for (var a = n.mainAxis, s = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !0 : o, i = n.fallbackPlacements, u = n.padding, d = n.boundary, c = n.rootBoundary, f = n.altBoundary, m = n.flipVariations, g = m === void 0 ? !0 : m, O = n.allowedAutoPlacements, k = t.options.placement, M = Re(k), B = M === k, R = i || (B || !g ? [Mt(k)] : Vl(k)), C = [k].concat(R).reduce(function(_e, G) {
+      return _e.concat(Re(G) === un ? Pl(t, {
         placement: G,
         boundary: d,
         rootBoundary: c,
@@ -1659,7 +1659,7 @@ function Nl(e) {
         allowedAutoPlacements: O
       }) : G);
     }, []), w = t.rects.reference, E = t.rects.popper, A = /* @__PURE__ */ new Map(), _ = !0, j = C[0], z = 0; z < C.length; z++) {
-      var $ = C[z], S = Ae($), D = Ze($) === Ue, H = [ge, Te].indexOf(S) >= 0, K = H ? "width" : "height", I = ut(t, {
+      var $ = C[z], S = Re($), D = Ze($) === Ue, H = [ge, Te].indexOf(S) >= 0, K = H ? "width" : "height", I = ut(t, {
         placement: $,
         boundary: d,
         rootBoundary: c,
@@ -1668,8 +1668,8 @@ function Nl(e) {
       }), x = H ? D ? Me : ye : D ? Te : ge;
       w[K] > E[K] && (x = Mt(x));
       var Y = Mt(x), ae = [];
-      if (s && ae.push(I[S] <= 0), l && ae.push(I[x] <= 0, I[Y] <= 0), ae.every(function(Ie) {
-        return Ie;
+      if (s && ae.push(I[S] <= 0), l && ae.push(I[x] <= 0, I[Y] <= 0), ae.every(function(_e) {
+        return _e;
       })) {
         j = $, _ = !1;
         break;
@@ -1745,7 +1745,7 @@ const Wl = {
   fn: Hl
 };
 function xl(e, t, n) {
-  var r = Ae(e), a = [ye, ge].indexOf(r) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, t, {
+  var r = Re(e), a = [ye, ge].indexOf(r) >= 0 ? -1 : 1, s = typeof n == "function" ? n(Object.assign({}, t, {
     placement: e
   })) : n, o = s[0], l = s[1];
   return o = o || 0, l = (l || 0) * a, [ye, Me].indexOf(r) >= 0 ? {
@@ -1794,7 +1794,7 @@ function Yl(e) {
     rootBoundary: u,
     padding: c,
     altBoundary: d
-  }), M = Ae(t.placement), B = Ze(t.placement), R = !B, C = fn(M), w = Xl(C), E = t.modifiersData.popperOffsets, A = t.rects.reference, _ = t.rects.popper, j = typeof O == "function" ? O(Object.assign({}, t.rects, {
+  }), M = Re(t.placement), B = Ze(t.placement), R = !B, C = fn(M), w = Xl(C), E = t.modifiersData.popperOffsets, A = t.rects.reference, _ = t.rects.popper, j = typeof O == "function" ? O(Object.assign({}, t.rects, {
     placement: t.placement
   })) : O, z = typeof j == "number" ? {
     mainAxis: j,
@@ -1808,10 +1808,10 @@ function Yl(e) {
   };
   if (E) {
     if (s) {
-      var D, H = C === "y" ? ge : ye, K = C === "y" ? Te : Me, I = C === "y" ? "height" : "width", x = E[C], Y = x + k[H], ae = x - k[K], ue = m ? -_[I] / 2 : 0, be = B === Ue ? A[I] : _[I], se = B === Ue ? -_[I] : -A[I], ke = t.elements.arrow, Ie = m && ke ? cn(ke) : {
+      var D, H = C === "y" ? ge : ye, K = C === "y" ? Te : Me, I = C === "y" ? "height" : "width", x = E[C], Y = x + k[H], ae = x - k[K], ue = m ? -_[I] / 2 : 0, be = B === Ue ? A[I] : _[I], se = B === Ue ? -_[I] : -A[I], ke = t.elements.arrow, _e = m && ke ? cn(ke) : {
         width: 0,
         height: 0
-      }, G = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : _r(), de = G[H], ve = G[K], ce = ot(0, A[I], Ie[I]), xe = R ? A[I] / 2 - ue - ce - de - z.mainAxis : be - ce - de - z.mainAxis, Pt = R ? -A[I] / 2 + ue + ce + ve + z.mainAxis : se + ce + ve + z.mainAxis, tt = t.elements.arrow && vt(t.elements.arrow), F = tt ? C === "y" ? tt.clientTop || 0 : tt.clientLeft || 0 : 0, ee = (D = $ == null ? void 0 : $[C]) != null ? D : 0, U = x + xe - ee - F, Oe = x + Pt - ee, Ke = ot(m ? At(Y, U) : Y, x, m ? Ne(ae, Oe) : ae);
+      }, G = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : _r(), de = G[H], ve = G[K], ce = ot(0, A[I], _e[I]), xe = R ? A[I] / 2 - ue - ce - de - z.mainAxis : be - ce - de - z.mainAxis, Pt = R ? -A[I] / 2 + ue + ce + ve + z.mainAxis : se + ce + ve + z.mainAxis, tt = t.elements.arrow && vt(t.elements.arrow), F = tt ? C === "y" ? tt.clientTop || 0 : tt.clientLeft || 0 : 0, ee = (D = $ == null ? void 0 : $[C]) != null ? D : 0, U = x + xe - ee - F, Be = x + Pt - ee, Ke = ot(m ? At(Y, U) : Y, x, m ? Ne(ae, Be) : ae);
       E[C] = Ke, S[C] = Ke - x;
     }
     if (l) {
@@ -1850,7 +1850,7 @@ function ti(e, t, n) {
     x: 0,
     y: 0
   };
-  return (r || !r && !n) && ((Re(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  return (r || !r && !n) && ((ze(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
   mn(s)) && (l = Ql(t)), Ce(t) ? (i = Ye(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : s && (i.x = vn(s))), {
     x: o.left + l.scrollLeft - i.x,
     y: o.top + l.scrollTop - i.y,
@@ -2437,7 +2437,7 @@ const Ur = /* @__PURE__ */ V(Ai, [["render", Ii]]), _i = P({
     MButton: br
   },
   setup(e, { emit: t }) {
-    const { isSupported: n, open: r, sRGBHex: a } = Vs(), { nextZIndex: s } = et(), o = b(!1), l = b(!1), i = b(""), u = b(""), d = b(""), c = b(""), f = b(""), m = b(), g = b(), O = b(), k = X(e, "transfer"), M = X(e, "placement"), B = b(), R = b(0), C = b(100), w = b(!1), E = ze({
+    const { isSupported: n, open: r, sRGBHex: a } = Vs(), { nextZIndex: s } = et(), o = b(!1), l = b(!1), i = b(""), u = b(""), d = b(""), c = b(""), f = b(""), m = b(), g = b(), O = b(), k = X(e, "transfer"), M = X(e, "placement"), B = b(), R = b(0), C = b(100), w = b(!1), E = Ie({
       x: 0,
       y: 0
     }), A = b(e.zIndex ?? s()), { elementX: _, elementY: j } = Mr(m), { pressed: z } = Or(), { popper: $, transferTo: S, updatePopper: D } = Dt({
@@ -2604,7 +2604,7 @@ function Wi(e, t, n, r, a, s) {
               T("div", {
                 class: h(e.style.sliderThumb),
                 onMousedown: t[1] || (t[1] = (...u) => e.handleMouseDown && e.handleMouseDown(...u)),
-                onDragover: t[2] || (t[2] = _e(() => {
+                onDragover: t[2] || (t[2] = Oe(() => {
                 }, ["prevent"])),
                 style: re({ left: `${e.position.x * 100}%`, top: `${e.position.y * 100}%` })
               }, null, 38)
@@ -2696,7 +2696,7 @@ function Wi(e, t, n, r, a, s) {
               }, null, 8, ["onKeyup", "onBlur", "modelValue"])),
               J(i, {
                 icon: "",
-                onClick: t[12] || (t[12] = _e((u) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
+                onClick: t[12] || (t[12] = Oe((u) => e.rgbOrHex = !e.rgbOrHex, ["prevent"]))
               }, {
                 default: Z(() => [
                   (v(), y("svg", Ni, Hi))
@@ -2828,7 +2828,7 @@ const ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       offset: a ? [-2, 2] : [0, 14]
     }), k = Yr(s, d);
     Se("dropdown-select", null);
-    const M = ze({
+    const M = Ie({
       handleSelect: C,
       isOpen: o
     });
@@ -3162,7 +3162,7 @@ const vu = P({
   ],
   expose: ["submit"],
   setup(e, { emit: t }) {
-    const n = [], r = ze({
+    const n = [], r = Ie({
       add: (i, u, d, c) => {
         const f = n.find((m) => m.name === i);
         f ? (f.focus = u, f.validate = d, f.setError = c) : n.push({
@@ -3221,7 +3221,7 @@ function mu(e, t, n, r, a, s) {
     class: h([
       e.computedClasses
     ]),
-    onSubmit: t[0] || (t[0] = _e((...o) => e.submit && e.submit(...o), ["prevent"]))
+    onSubmit: t[0] || (t[0] = Oe((...o) => e.submit && e.submit(...o), ["prevent"]))
   }, [
     L(e.$slots, "default", { loading: e.loading })
   ], 38);
@@ -3460,7 +3460,7 @@ const Wu = /* @__PURE__ */ V(Tu, [["render", Hu]]), xu = P({
     };
     Se("m-message", a);
     function s(u, d) {
-      const c = Math.random().toString(16).slice(2, 14), f = ze({
+      const c = Math.random().toString(16).slice(2, 14), f = Ie({
         ...d,
         content: u,
         key: c,
@@ -4231,7 +4231,7 @@ const Qd = P({
       set(o) {
         n(o);
       }
-    }), a = ze({
+    }), a = Ie({
       size: X(e, "size"),
       name: X(e, "name"),
       modelValue: r,
@@ -4319,7 +4319,7 @@ function uc(e, t, n, r, a, s) {
     ]),
     e.closeable ? (v(), y("button", {
       key: 0,
-      onClick: t[0] || (t[0] = _e((...o) => e.close && e.close(...o), ["stop"])),
+      onClick: t[0] || (t[0] = Oe((...o) => e.close && e.close(...o), ["stop"])),
       class: h(e.style.close),
       tabindex: "0"
     }, [
@@ -4467,12 +4467,12 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             throw new Error("Option value is undefined");
           if (U[e.optionLabel] === void 0)
             throw new Error("Option label is undefined");
-          let Oe = U[e.optionValue], Ke;
-          return e.multiple && Array.isArray(S.value) ? Ke = S.value.includes(Oe) : Ke = S.value === Oe, {
-            value: Oe,
+          let Be = U[e.optionValue], Ke;
+          return e.multiple && Array.isArray(S.value) ? Ke = S.value.includes(Be) : Ke = S.value === Be, {
+            value: Be,
             label: U[e.optionLabel],
             active: Ke,
-            onClick: () => ue(Oe)
+            onClick: () => ue(Be)
           };
         });
         return e.allowBlank && ee.unshift({
@@ -4487,11 +4487,11 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           throw new Error("Option value is undefined");
         if (ee[e.optionLabel] === void 0)
           throw new Error("Option label is undefined");
-        let U = ee[e.optionValue], Oe;
-        return e.multiple && Array.isArray(S.value) ? Oe = S.value.includes(U) : Oe = S.value === U, {
+        let U = ee[e.optionValue], Be;
+        return e.multiple && Array.isArray(S.value) ? Be = S.value.includes(U) : Be = S.value === U, {
           value: U,
           label: ee[e.optionLabel],
-          active: Oe,
+          active: Be,
           onClick: () => ue(U)
         };
       });
@@ -4583,7 +4583,7 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           break;
       }
     }
-    const ke = p(() => `m-transition__${e.transitionName}`), Ie = p(() => [
+    const ke = p(() => `m-transition__${e.transitionName}`), _e = p(() => [
       "m-select__container",
       {
         "m-form__input": R
@@ -4662,7 +4662,7 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       computedOptions: I,
       selectedIndex: i,
       search: c,
-      containerComputedClasses: Ie,
+      containerComputedClasses: _e,
       selectComputedClasses: de,
       computedWrapperClasses: G,
       computedConsistentWidth: K,
@@ -4725,8 +4725,8 @@ function Gc(e, t, n, r, a, s) {
       "aria-disabled": e.disabled ? "true" : "false",
       "aria-labelledby": `${e.id}-label`,
       tabindex: "0",
-      onFocusin: t[2] || (t[2] = (...l) => e.focusSelect && e.focusSelect(...l)),
-      onClick: t[3] || (t[3] = (...l) => e.onSelectClick && e.onSelectClick(...l))
+      onFocusin: t[2] || (t[2] = Oe((...l) => e.focusSelect && e.focusSelect(...l), ["stop"])),
+      onClick: t[3] || (t[3] = Oe((...l) => e.onSelectClick && e.onSelectClick(...l), ["stop"]))
     }), [
       T("div", {
         class: h(e.selectComputedClasses)
@@ -4789,7 +4789,7 @@ function Gc(e, t, n, r, a, s) {
                       [e.style.checkAllButton]: !0,
                       [e.style.checkAllButtonActive]: e.computedOptions.length > 0 && e.computedOptions.length === e.selected.length
                     }),
-                    onClick: t[0] || (t[0] = _e((...l) => e.toggleAllItems && e.toggleAllItems(...l), ["prevent"])),
+                    onClick: t[0] || (t[0] = Oe((...l) => e.toggleAllItems && e.toggleAllItems(...l), ["prevent"])),
                     "aria-description": "Select all items"
                   }, [
                     e.computedOptions.length > 0 && e.computedOptions.length === e.selected.length ? (v(), y("svg", Nc, Hc)) : N("", !0)
@@ -4818,7 +4818,7 @@ function Gc(e, t, n, r, a, s) {
                     [e.style.optionSelected]: l.active,
                     [e.style.optionFocused]: e.selectedIndex === i
                   }),
-                  onClick: _e(l.onClick, ["prevent"]),
+                  onClick: Oe(l.onClick, ["prevent"]),
                   onHover: (u) => e.selectedIndex = i
                 }, [
                   T("span", {
@@ -4973,7 +4973,7 @@ const rf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function lf(e, t, n, r, a, s) {
   return v(), y("label", {
     class: h(e.style.base),
-    onClick: t[1] || (t[1] = _e((...o) => e.toggle && e.toggle(...o), ["prevent"]))
+    onClick: t[1] || (t[1] = Oe((...o) => e.toggle && e.toggle(...o), ["prevent"]))
   }, [
     _t(T("input", $e({
       "onUpdate:modelValue": t[0] || (t[0] = (o) => e.checked = o),
@@ -5020,7 +5020,7 @@ const uf = /* @__PURE__ */ V(af, [["render", lf]]), df = P({
       tabsContentRef: b(null),
       selectTab: (c) => {
       },
-      state: ze({
+      state: Ie({
         active: ""
       })
     }), l = p(() => ({
@@ -5057,7 +5057,7 @@ function pf(e, t, n, r, a, s) {
       type: "button",
       ref: "tabRef",
       class: h(e.computedTabClasses),
-      onClick: t[0] || (t[0] = _e((...o) => e.handleClick && e.handleClick(...o), ["prevent"])),
+      onClick: t[0] || (t[0] = Oe((...o) => e.handleClick && e.handleClick(...o), ["prevent"])),
       disabled: e.disabled
     }, [
       L(e.$slots, "tab", {
@@ -5098,7 +5098,7 @@ const vf = /* @__PURE__ */ V(df, [["render", pf]]), mf = P({
     ct(() => {
       s.value = e.modelValue;
     });
-    const o = ze({
+    const o = Ie({
       active: p(() => s.value)
     }), l = p(() => ({
       "m-tab-group": !0,
@@ -5352,7 +5352,7 @@ function Df(e, t, n, r, a, s) {
                     modelValue: e.selected,
                     "onUpdate:modelValue": t[0] || (t[0] = (O) => e.selected = O),
                     value: f,
-                    onClick: t[1] || (t[1] = _e(() => {
+                    onClick: t[1] || (t[1] = Oe(() => {
                     }, ["stop"]))
                   }, null, 8, ["modelValue", "value"])
                 ]),
@@ -6693,7 +6693,7 @@ var He = function(e) {
       return !0;
   }
   return !1;
-}, lt = typeof window < "u" ? window : {}, kt = /* @__PURE__ */ new WeakMap(), Zn = /auto|scroll/, Sv = /^tb|vertical/, Tv = /msie|trident/i.test(lt.navigator && lt.navigator.userAgent), Be = function(e) {
+}, lt = typeof window < "u" ? window : {}, kt = /* @__PURE__ */ new WeakMap(), Zn = /auto|scroll/, Sv = /^tb|vertical/, Tv = /msie|trident/i.test(lt.navigator && lt.navigator.userAgent), Ee = function(e) {
   return parseFloat(e || "0");
 }, qe = function(e, t, n) {
   return e === void 0 && (e = 0), t === void 0 && (t = 0), n === void 0 && (n = !1), new kv((n ? t : e) || 0, (n ? e : t) || 0);
@@ -6707,7 +6707,7 @@ var He = function(e) {
     return kt.get(e);
   if (qa(e))
     return kt.set(e, Jn), Jn;
-  var n = getComputedStyle(e), r = gn(e) && e.ownerSVGElement && e.getBBox(), a = !Tv && n.boxSizing === "border-box", s = Sv.test(n.writingMode || ""), o = !r && Zn.test(n.overflowY || ""), l = !r && Zn.test(n.overflowX || ""), i = r ? 0 : Be(n.paddingTop), u = r ? 0 : Be(n.paddingRight), d = r ? 0 : Be(n.paddingBottom), c = r ? 0 : Be(n.paddingLeft), f = r ? 0 : Be(n.borderTopWidth), m = r ? 0 : Be(n.borderRightWidth), g = r ? 0 : Be(n.borderBottomWidth), O = r ? 0 : Be(n.borderLeftWidth), k = c + u, M = i + d, B = O + m, R = f + g, C = l ? e.offsetHeight - R - e.clientHeight : 0, w = o ? e.offsetWidth - B - e.clientWidth : 0, E = a ? k + B : 0, A = a ? M + R : 0, _ = r ? r.width : Be(n.width) - E - w, j = r ? r.height : Be(n.height) - A - C, z = _ + k + w + B, $ = j + M + C + R, S = He({
+  var n = getComputedStyle(e), r = gn(e) && e.ownerSVGElement && e.getBBox(), a = !Tv && n.boxSizing === "border-box", s = Sv.test(n.writingMode || ""), o = !r && Zn.test(n.overflowY || ""), l = !r && Zn.test(n.overflowX || ""), i = r ? 0 : Ee(n.paddingTop), u = r ? 0 : Ee(n.paddingRight), d = r ? 0 : Ee(n.paddingBottom), c = r ? 0 : Ee(n.paddingLeft), f = r ? 0 : Ee(n.borderTopWidth), m = r ? 0 : Ee(n.borderRightWidth), g = r ? 0 : Ee(n.borderBottomWidth), O = r ? 0 : Ee(n.borderLeftWidth), k = c + u, M = i + d, B = O + m, R = f + g, C = l ? e.offsetHeight - R - e.clientHeight : 0, w = o ? e.offsetWidth - B - e.clientWidth : 0, E = a ? k + B : 0, A = a ? M + R : 0, _ = r ? r.width : Ee(n.width) - E - w, j = r ? r.height : Ee(n.height) - A - C, z = _ + k + w + B, $ = j + M + C + R, S = He({
     devicePixelContentBoxSize: qe(Math.round(_ * devicePixelRatio), Math.round(j * devicePixelRatio), s),
     borderBoxSize: qe(z, $, s),
     contentBoxSize: qe(_, j, s),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@teammodlr/ui-kit",
-    "version": "2.1.29",
+    "version": "2.1.30",
     "description": "",
     "main": "lib/index.cjs.js",
     "module": "lib/index.es.js",

package/src/components/select/Select.vue

@@ -15,8 +15,8 @@
             :aria-disabled="disabled ? 'true' : 'false'"
             :aria-labelledby="`${id}-label`"
             tabindex="0"
-            @focusin="focusSelect"
-            @click="onSelectClick">
+            @focusin.stop="focusSelect"
+            @click.stop="onSelectClick">
             <div :class="selectComputedClasses">
                 <template
                     v-if="