@teammodlr/ui-kit 3.0.0-beta.10 → 3.0.0-beta.11

package/lib/index.es.js

@@ -446,7 +446,7 @@ function Ut(e) {
   const n = Ve(e);
   return (t = n == null ? void 0 : n.$el) !== null && t !== void 0 ? t : n;
 }
-function _t(...e) {
+function $t(...e) {
   const t = (o, a, r, s) => (o.addEventListener(a, r, s), () => o.removeEventListener(a, r, s)), n = y(() => {
     const o = _o(Ve(e[0])).filter((a) => a != null);
     return o.every((a) => typeof a != "string") ? o : void 0;
@@ -481,7 +481,7 @@ function Ru(...e) {
   let t, n, o = {};
   e.length === 3 ? (t = e[0], n = e[1], o = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (t = !0, n = e[0], o = e[1]) : (t = e[0], n = e[1]) : (t = !0, n = e[0]);
   const { target: a = ta, eventName: r = "keydown", passive: s = !1, dedupe: l = !1 } = o, u = Iu(t);
-  return _t(a, r, (d) => {
+  return $t(a, r, (d) => {
     d.repeat && Ve(l) || u(d) && n(d);
   }, s);
 }
@@ -570,7 +570,7 @@ const Wr = ju(), Lu = /* @__PURE__ */ xr(() => {
       padding: 0,
       margin: 0
     };
-    u > 0 && (document.body.style.paddingRight = typeof d.padding == "number" ? `${d.padding}px` : String(d.padding), document.body.style.marginRight = typeof d.margin == "number" ? `${d.margin}px` : String(d.margin), document.documentElement.style.setProperty("--scrollbar-width", `${u}px`), document.body.style.overflow = "hidden"), Ya && (a = _t(document, "touchmove", (f) => Nu(f), { passive: !1 })), me(() => {
+    u > 0 && (document.body.style.paddingRight = typeof d.padding == "number" ? `${d.padding}px` : String(d.padding), document.body.style.marginRight = typeof d.margin == "number" ? `${d.margin}px` : String(d.margin), document.documentElement.style.setProperty("--scrollbar-width", `${u}px`), document.body.style.overflow = "hidden"), Ya && (a = $t(document, "touchmove", (f) => Nu(f), { passive: !1 })), me(() => {
       n.value && (document.body.style.pointerEvents = "none", document.body.style.overflow = "hidden");
     });
   }, {
@@ -1074,7 +1074,7 @@ function ad(e, t) {
 function Nn(e) {
   return e && getComputedStyle(e).animationName || "none";
 }
-var kt = k({
+var Mt = k({
   name: "Presence",
   props: {
     present: {
@@ -1261,11 +1261,11 @@ var ld = /* @__PURE__ */ k({
       requestAnimationFrame(() => {
         c.value = !1;
       });
-    }), _t(l, "beforematch", (m) => {
+    }), $t(l, "beforematch", (m) => {
       requestAnimationFrame(() => {
         a.onOpenToggle(), o("contentFound");
       });
-    }), (m, h) => (g(), q(v(kt), {
+    }), (m, h) => (g(), q(v(Mt), {
       ref_key: "presentRef",
       ref: r,
       present: m.forceMount || v(a).open.value,
@@ -2004,7 +2004,7 @@ var Ld = /* @__PURE__ */ k({
   ],
   setup(e, { emit: t }) {
     const n = e, o = t, a = Ft(), r = mt(o), { forwardRef: s } = Z();
-    return (l, u) => (g(), q(v(kt), { present: l.forceMount || v(a).open.value }, {
+    return (l, u) => (g(), q(v(Mt), { present: l.forceMount || v(a).open.value }, {
       default: $(() => [v(a).modal.value ? (g(), q(Vd, J({
         key: 0,
         ref: v(s)
@@ -2077,7 +2077,7 @@ var Ld = /* @__PURE__ */ k({
     const t = Ft(), { forwardRef: n } = Z();
     return (o, a) => {
       var r;
-      return (r = v(t)) != null && r.modal.value ? (g(), q(v(kt), {
+      return (r = v(t)) != null && r.modal.value ? (g(), q(v(Mt), {
         key: 0,
         present: o.forceMount || v(t).open.value
       }, {
@@ -2551,10 +2551,10 @@ const mc = ["top", "right", "bottom", "left"], Pt = Math.min, Qe = Math.max, Qn
 function Ro(e, t, n) {
   return Qe(e, Pt(t, n));
 }
-function $t(e, t) {
+function St(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function St(e) {
+function Ot(e) {
   return e.split("-")[0];
 }
 function cn(e) {
@@ -2601,11 +2601,11 @@ function Cc(e, t, n) {
 }
 function _c(e, t, n, o) {
   const a = cn(e);
-  let r = Cc(St(e), n === "start", o);
+  let r = Cc(Ot(e), n === "start", o);
   return a && (r = r.map((s) => s + "-" + a), t && (r = r.concat(r.map(Fo)))), r;
 }
 function eo(e) {
-  const t = St(e);
+  const t = Ot(e);
   return yc[t] + e.slice(t.length);
 }
 function $c(e) {
@@ -2648,7 +2648,7 @@ function rr(e, t, n) {
     reference: o,
     floating: a
   } = e;
-  const r = gt(t), s = da(t), l = ua(s), u = St(t), i = r === "y", d = o.x + o.width / 2 - a.width / 2, c = o.y + o.height / 2 - a.height / 2, f = o[l] / 2 - a[l] / 2;
+  const r = gt(t), s = da(t), l = ua(s), u = Ot(t), i = r === "y", d = o.x + o.width / 2 - a.width / 2, c = o.y + o.height / 2 - a.height / 2, f = o[l] / 2 - a[l] / 2;
   let p;
   switch (u) {
     case "top":
@@ -2707,7 +2707,7 @@ async function Sc(e, t) {
     elementContext: c = "floating",
     altBoundary: f = !1,
     padding: p = 0
-  } = $t(t, e), m = us(p), b = l[f ? c === "floating" ? "reference" : "floating" : c], _ = to(await r.getClippingRect({
+  } = St(t, e), m = us(p), b = l[f ? c === "floating" ? "reference" : "floating" : c], _ = to(await r.getClippingRect({
     element: (n = await (r.isElement == null ? void 0 : r.isElement(b))) == null || n ? b : b.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
     boundary: i,
     rootBoundary: d,
@@ -2815,7 +2815,7 @@ const Oc = 50, kc = async (e, t, n) => {
     } = t, {
       element: i,
       padding: d = 0
-    } = $t(e, t) || {};
+    } = St(e, t) || {};
     if (i == null)
       return {};
     const c = us(d), f = {
@@ -2858,10 +2858,10 @@ const Oc = 50, kc = async (e, t, n) => {
         fallbackAxisSideDirection: m = "none",
         flipAlignment: h = !0,
         ...b
-      } = $t(e, t);
+      } = St(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const _ = St(a), C = gt(l), M = St(l) === l, D = await (u.isRTL == null ? void 0 : u.isRTL(i.floating)), E = f || (M || !h ? [eo(l)] : hc(l)), F = m !== "none";
+      const _ = Ot(a), C = gt(l), M = Ot(l) === l, D = await (u.isRTL == null ? void 0 : u.isRTL(i.floating)), E = f || (M || !h ? [eo(l)] : hc(l)), F = m !== "none";
       !f && F && E.push(..._c(l, h, m, D));
       const R = [l, ...E], x = await u.detectOverflow(t, b), V = [];
       let B = ((o = r.flip) == null ? void 0 : o.overflows) || [];
@@ -2941,7 +2941,7 @@ const qc = function(e) {
       } = t, {
         strategy: a = "referenceHidden",
         ...r
-      } = $t(e, t);
+      } = St(e, t);
       switch (a) {
         case "referenceHidden": {
           const s = await o.detectOverflow(t, {
@@ -2978,7 +2978,7 @@ async function Bc(e, t) {
     placement: n,
     platform: o,
     elements: a
-  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(a.floating)), s = St(n), l = cn(n), u = gt(n) === "y", i = ds.has(s) ? -1 : 1, d = r && u ? -1 : 1, c = $t(t, e);
+  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(a.floating)), s = Ot(n), l = cn(n), u = gt(n) === "y", i = ds.has(s) ? -1 : 1, d = r && u ? -1 : 1, c = St(t, e);
   let {
     mainAxis: f,
     crossAxis: p,
@@ -3048,10 +3048,10 @@ const Ac = function(e) {
           }
         },
         ...i
-      } = $t(e, t), d = {
+      } = St(e, t), d = {
         x: n,
         y: o
-      }, c = await r.detectOverflow(t, i), f = gt(St(a)), p = ia(f);
+      }, c = await r.detectOverflow(t, i), f = gt(Ot(a)), p = ia(f);
       let m = d[p], h = d[f];
       if (s) {
         const _ = p === "y" ? "top" : "left", C = p === "y" ? "bottom" : "right", M = m + c[_], D = m - c[C];
@@ -3093,12 +3093,12 @@ const Ac = function(e) {
         offset: l = 0,
         mainAxis: u = !0,
         crossAxis: i = !0
-      } = $t(e, t), d = {
+      } = St(e, t), d = {
         x: n,
         y: o
       }, c = gt(a), f = ia(c);
       let p = d[f], m = d[c];
-      const h = $t(l, t), b = typeof h == "number" ? {
+      const h = St(l, t), b = typeof h == "number" ? {
         mainAxis: h,
         crossAxis: 0
       } : {
@@ -3112,7 +3112,7 @@ const Ac = function(e) {
       }
       if (i) {
         var _, C;
-        const M = f === "y" ? "width" : "height", D = ds.has(St(a)), E = r.reference[c] - r.floating[M] + (D && ((_ = s.offset) == null ? void 0 : _[c]) || 0) + (D ? 0 : b.crossAxis), F = r.reference[c] + r.reference[M] + (D ? 0 : ((C = s.offset) == null ? void 0 : C[c]) || 0) - (D ? b.crossAxis : 0);
+        const M = f === "y" ? "width" : "height", D = ds.has(Ot(a)), E = r.reference[c] - r.floating[M] + (D && ((_ = s.offset) == null ? void 0 : _[c]) || 0) + (D ? 0 : b.crossAxis), F = r.reference[c] + r.reference[M] + (D ? 0 : ((C = s.offset) == null ? void 0 : C[c]) || 0) - (D ? b.crossAxis : 0);
         m < E ? m = E : m > F && (m = F);
       }
       return {
@@ -3136,7 +3136,7 @@ const Ac = function(e) {
         apply: u = () => {
         },
         ...i
-      } = $t(e, t), d = await s.detectOverflow(t, i), c = St(a), f = cn(a), p = gt(a) === "y", {
+      } = St(e, t), d = await s.detectOverflow(t, i), c = Ot(a), f = cn(a), p = gt(a) === "y", {
         width: m,
         height: h
       } = r.floating;
@@ -3182,7 +3182,7 @@ function ca(e) {
 function pt(e) {
   return po() ? e instanceof Element || e instanceof tt(e).Element : !1;
 }
-function Mt(e) {
+function Tt(e) {
   return po() ? e instanceof HTMLElement || e instanceof tt(e).HTMLElement : !1;
 }
 function ir(e) {
@@ -3220,7 +3220,7 @@ function fa(e) {
 }
 function jc(e) {
   let t = Et(e);
-  for (; Mt(t) && !nn(t); ) {
+  for (; Tt(t) && !nn(t); ) {
     if (fa(t))
       return t;
     if (vo(t))
@@ -3261,7 +3261,7 @@ function Et(e) {
 }
 function cs(e) {
   const t = Et(e);
-  return nn(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Mt(t) && qn(t) ? t : cs(t);
+  return nn(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Tt(t) && qn(t) ? t : cs(t);
 }
 function _n(e, t, n) {
   var o;
@@ -3279,7 +3279,7 @@ function jo(e) {
 function fs(e) {
   const t = vt(e);
   let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
-  const a = Mt(e), r = a ? e.offsetWidth : n, s = a ? e.offsetHeight : o, l = Qn(n) !== r || Qn(o) !== s;
+  const a = Tt(e), r = a ? e.offsetWidth : n, s = a ? e.offsetHeight : o, l = Qn(n) !== r || Qn(o) !== s;
   return l && (n = r, o = s), {
     width: n,
     height: o,
@@ -3291,7 +3291,7 @@ function va(e) {
 }
 function en(e) {
   const t = va(e);
-  if (!Mt(t))
+  if (!Tt(t))
     return ht(1);
   const n = t.getBoundingClientRect(), {
     width: o,
@@ -3362,7 +3362,7 @@ function Vc(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, i = ht(1);
-  const d = ht(0), c = Mt(o);
+  const d = ht(0), c = Tt(o);
   if ((c || !c && !r) && ((Gt(o) !== "body" || qn(s)) && (u = mo(o)), c)) {
     const p = Ht(o);
     i = en(o), d.x = p.x + o.clientLeft, d.y = p.y + o.clientTop;
@@ -3411,7 +3411,7 @@ function Hc(e, t) {
   };
 }
 function Wc(e, t) {
-  const n = Ht(e, !0, t === "fixed"), o = n.top + e.clientTop, a = n.left + e.clientLeft, r = Mt(e) ? en(e) : ht(1), s = e.clientWidth * r.x, l = e.clientHeight * r.y, u = a * r.x, i = o * r.y;
+  const n = Ht(e, !0, t === "fixed"), o = n.top + e.clientTop, a = n.left + e.clientLeft, r = Tt(e) ? en(e) : ht(1), s = e.clientWidth * r.x, l = e.clientHeight * r.y, u = a * r.x, i = o * r.y;
   return {
     width: s,
     height: l,
@@ -3486,7 +3486,7 @@ function Gc(e) {
   };
 }
 function Xc(e, t, n) {
-  const o = Mt(t), a = Ct(t), r = n === "fixed", s = Ht(e, !0, r, t);
+  const o = Tt(t), a = Ct(t), r = n === "fixed", s = Ht(e, !0, r, t);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
@@ -3513,7 +3513,7 @@ function qo(e) {
   return vt(e).position === "static";
 }
 function cr(e, t) {
-  if (!Mt(e) || vt(e).position === "fixed")
+  if (!Tt(e) || vt(e).position === "fixed")
     return null;
   if (t)
     return t(e);
@@ -3524,7 +3524,7 @@ function ys(e, t) {
   const n = tt(e);
   if (vo(e))
     return n;
-  if (!Mt(e)) {
+  if (!Tt(e)) {
     let a = Et(e);
     for (; a && !nn(a); ) {
       if (pt(a) && !qo(a))
@@ -4614,12 +4614,12 @@ var Df = /* @__PURE__ */ k({
 function Ff() {
   const e = w(!1);
   return Oe(() => {
-    _t("keydown", () => {
+    $t("keydown", () => {
       e.value = !0;
     }, {
       capture: !0,
       passive: !0
-    }), _t(["pointerdown", "pointermove"], () => {
+    }), $t(["pointerdown", "pointermove"], () => {
       e.value = !1;
     }, {
       capture: !0,
@@ -5100,7 +5100,7 @@ var Kf = /* @__PURE__ */ k({
   },
   setup(e) {
     const t = Wf({ modelValue: w(!1) });
-    return (n, o) => (g(), q(v(kt), { present: n.forceMount || v(Jn)(v(t).modelValue.value) || v(t).modelValue.value === !0 }, {
+    return (n, o) => (g(), q(v(Mt), { present: n.forceMount || v(Jn)(v(t).modelValue.value) || v(t).modelValue.value === !0 }, {
       default: $(() => [L(v(pe), {
         as: n.as,
         "as-child": n.asChild,
@@ -5478,7 +5478,7 @@ var Kf = /* @__PURE__ */ k({
   ],
   setup(e, { emit: t }) {
     const a = at(e, t), r = Xt(), s = Bn();
-    return (l, u) => (g(), q(v(kt), { present: l.forceMount || v(r).open.value }, {
+    return (l, u) => (g(), q(v(Mt), { present: l.forceMount || v(r).open.value }, {
       default: $(() => [v(s).modal.value ? (g(), q(Xf, ye(J({ key: 0 }, {
         ...l.$attrs,
         ...v(a)
@@ -5789,7 +5789,7 @@ var cp = /* @__PURE__ */ k({
   ],
   setup(e, { emit: t }) {
     const a = at(e, t), r = Xt(), s = Bn(), l = Is(), u = go(), { forwardRef: i, currentElement: d } = Z();
-    return l.contentId || (l.contentId = nt(void 0, "reka-menu-sub-content")), (c, f) => (g(), q(v(kt), { present: c.forceMount || v(r).open.value }, {
+    return l.contentId || (l.contentId = nt(void 0, "reka-menu-sub-content")), (c, f) => (g(), q(v(Mt), { present: c.forceMount || v(r).open.value }, {
       default: $(() => [L(ba, J(v(a), {
         id: v(l).contentId,
         ref: v(i),
@@ -7133,7 +7133,7 @@ var Vp = /* @__PURE__ */ k({
   ],
   setup(e, { emit: t }) {
     const n = e, o = t, a = An(), r = at(n, o), { forwardRef: s } = Z();
-    return a.contentId || (a.contentId = nt(void 0, "reka-popover-content")), (l, u) => (g(), q(v(kt), { present: l.forceMount || v(a).open.value }, {
+    return a.contentId || (a.contentId = nt(void 0, "reka-popover-content")), (l, u) => (g(), q(v(Mt), { present: l.forceMount || v(a).open.value }, {
       default: $(() => [v(a).modal.value ? (g(), q(Kp, J({ key: 0 }, v(r), { ref: v(s) }), {
         default: $(() => [S(l.$slots, "default")]),
         _: 3
@@ -8152,9 +8152,9 @@ var Tv = /* @__PURE__ */ k({
       "ArrowLeft",
       "ArrowRight"
     ];
-    _t("keydown", (p) => {
+    $t("keydown", (p) => {
       c.includes(p.key) && (d.value = !0);
-    }), _t("keyup", () => {
+    }), $t("keyup", () => {
       d.value = !1;
     });
     function f() {
@@ -8444,7 +8444,7 @@ var Iv = /* @__PURE__ */ k({
       });
     }), ln(() => {
       o.unregisterContent(t.value);
-    }), (u, i) => (g(), q(v(kt), {
+    }), (u, i) => (g(), q(v(Mt), {
       present: u.forceMount || s.value,
       "force-mount": ""
     }, {
@@ -8828,10 +8828,10 @@ var Wv = /* @__PURE__ */ k({
       });
     });
     return Oe(() => {
-      _t(window, "scroll", (d) => {
+      $t(window, "scroll", (d) => {
         const c = d.target;
         c != null && c.contains(a.trigger.value) && a.onClose();
-      }, { capture: !0 }), _t(window, Js, a.onClose);
+      }, { capture: !0 }), $t(window, Js, a.onClose);
     }), (d, c) => (g(), q(v(io), {
       "as-child": "",
       "disable-outside-pointer-events": !1,
@@ -9013,7 +9013,7 @@ var Wv = /* @__PURE__ */ k({
   emits: ["escapeKeyDown", "pointerDownOutside"],
   setup(e, { emit: t }) {
     const n = e, o = t, a = wo(), r = at(n, o), { forwardRef: s } = Z();
-    return (l, u) => (g(), q(v(kt), { present: l.forceMount || v(a).open.value }, {
+    return (l, u) => (g(), q(v(Mt), { present: l.forceMount || v(a).open.value }, {
       default: $(() => [(g(), q(et(v(a).disableHoverableContent.value ? Qs : Xv), J({ ref: v(s) }, v(r)), {
         default: $(() => [S(l.$slots, "default")]),
         _: 3
@@ -10493,7 +10493,7 @@ function yl(e, t) {
   }
   return !1;
 }
-function Ot(e) {
+function kt(e) {
   return ot(e).getComputedStyle(e);
 }
 function pg(e) {
@@ -10519,18 +10519,18 @@ function Co(e) {
 }
 function hr(e) {
   return !ut(e) || // https://github.com/popperjs/popper-core/issues/837
-  Ot(e).position === "fixed" ? null : e.offsetParent;
+  kt(e).position === "fixed" ? null : e.offsetParent;
 }
 function vg(e) {
   var t = /firefox/i.test(zo()), n = /Trident/i.test(zo());
   if (n && ut(e)) {
-    var o = Ot(e);
+    var o = kt(e);
     if (o.position === "fixed")
       return null;
   }
   var a = Co(e);
   for (qa(a) && (a = a.host); ut(a) && ["html", "body"].indexOf(wt(a)) < 0; ) {
-    var r = Ot(a);
+    var r = kt(a);
     if (r.transform !== "none" || r.perspective !== "none" || r.contain === "paint" || ["transform", "perspective"].indexOf(r.willChange) !== -1 || t && r.willChange === "filter" || t && r.filter && r.filter !== "none")
       return a;
     a = a.parentNode;
@@ -10538,9 +10538,9 @@ function vg(e) {
   return null;
 }
 function En(e) {
-  for (var t = ot(e), n = hr(e); n && pg(n) && Ot(n).position === "static"; )
+  for (var t = ot(e), n = hr(e); n && pg(n) && kt(n).position === "static"; )
     n = hr(n);
-  return n && (wt(n) === "html" || wt(n) === "body" && Ot(n).position === "static") ? t : n || vg(e) || t;
+  return n && (wt(n) === "html" || wt(n) === "body" && kt(n).position === "static") ? t : n || vg(e) || t;
 }
 function Aa(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
@@ -10621,7 +10621,7 @@ function br(e) {
   var _ = s.hasOwnProperty("x"), C = s.hasOwnProperty("y"), M = Ze, D = Ye, E = window;
   if (i) {
     var F = En(n), R = "clientHeight", x = "clientWidth";
-    if (F === ot(n) && (F = jt(n), Ot(F).position !== "static" && l === "absolute" && (R = "scrollHeight", x = "scrollWidth")), F = F, a === Ye || (a === Ze || a === ct) && r === On) {
+    if (F === ot(n) && (F = jt(n), kt(F).position !== "static" && l === "absolute" && (R = "scrollHeight", x = "scrollWidth")), F = F, a === Ye || (a === Ze || a === ct) && r === On) {
       D = dt;
       var V = c && F === E && E.visualViewport ? E.visualViewport.height : (
         // $FlowFixMe[prop-missing]
@@ -10751,7 +10751,7 @@ function Tg(e, t) {
 }
 function qg(e) {
   var t, n = jt(e), o = Da(e), a = (t = e.ownerDocument) == null ? void 0 : t.body, r = zt(n.scrollWidth, n.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), s = zt(n.scrollHeight, n.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), l = -o.scrollLeft + Pa(e), u = -o.scrollTop;
-  return Ot(a || n).direction === "rtl" && (l += zt(n.clientWidth, a ? a.clientWidth : 0) - r), {
+  return kt(a || n).direction === "rtl" && (l += zt(n.clientWidth, a ? a.clientWidth : 0) - r), {
     width: r,
     height: s,
     x: l,
@@ -10759,7 +10759,7 @@ function qg(e) {
   };
 }
 function Ea(e) {
-  var t = Ot(e), n = t.overflow, o = t.overflowX, a = t.overflowY;
+  var t = kt(e), n = t.overflow, o = t.overflowX, a = t.overflowY;
   return /auto|scroll|overlay|hidden/.test(n + a + o);
 }
 function wl(e) {
@@ -10790,7 +10790,7 @@ function Cr(e, t, n) {
   return t === pl ? Ho(Tg(e, n)) : Wt(t) ? Bg(t, n) : Ho(qg(jt(e)));
 }
 function Ag(e) {
-  var t = bn(Co(e)), n = ["absolute", "fixed"].indexOf(Ot(e).position) >= 0, o = n && ut(e) ? En(e) : e;
+  var t = bn(Co(e)), n = ["absolute", "fixed"].indexOf(kt(e).position) >= 0, o = n && ut(e) ? En(e) : e;
   return Wt(o) ? t.filter(function(a) {
     return Wt(a) && yl(a, o) && wt(a) !== "body";
   }) : [];
@@ -11065,8 +11065,8 @@ function Wg(e) {
       F[D] = ze, H[D] = ze - X;
     }
     if (l) {
-      var Je, je = D === "x" ? Ye : Ze, Nt = D === "x" ? dt : ct, rt = F[E], U = E === "y" ? "height" : "width", le = rt + b[je], ae = rt - b[Nt], ge = [Ye, Ze].indexOf(_) !== -1, st = (Je = j == null ? void 0 : j[E]) != null ? Je : 0, Ge = ge ? le : rt - R[U] - x[U] - st + B.altAxis, lt = ge ? rt + R[U] + x[U] - st - B.altAxis : ae, Tt = p && ge ? mg(Ge, rt, lt) : hn(p ? Ge : le, rt, p ? lt : ae);
-      F[E] = Tt, H[E] = Tt - rt;
+      var Je, je = D === "x" ? Ye : Ze, Nt = D === "x" ? dt : ct, rt = F[E], U = E === "y" ? "height" : "width", le = rt + b[je], ae = rt - b[Nt], ge = [Ye, Ze].indexOf(_) !== -1, st = (Je = j == null ? void 0 : j[E]) != null ? Je : 0, Ge = ge ? le : rt - R[U] - x[U] - st + B.altAxis, lt = ge ? rt + R[U] + x[U] - st - B.altAxis : ae, qt = p && ge ? mg(Ge, rt, lt) : hn(p ? Ge : le, rt, p ? lt : ae);
+      F[E] = qt, H[E] = qt - rt;
     }
     t.modifiersData[o] = H;
   }
@@ -11690,7 +11690,7 @@ const Al = /* @__PURE__ */ ee($h, [["render", kh]]), Mh = k({
     },
     transfer: {
       type: Boolean,
-      default: !1
+      default: !0
     },
     placement: {
       type: String,
@@ -13315,7 +13315,7 @@ function Xb(e, t) {
     ...t
   }), n;
 }
-const Yb = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", Zb = Xb, Jb = () => Xe.toasts, Qb = () => Xe.getActiveToasts(), qt = Object.assign(Zb, {
+const Yb = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", Zb = Xb, Jb = () => Xe.toasts, Qb = () => Xe.getActiveToasts(), _t = Object.assign(Zb, {
   success: Xe.success,
   info: Xe.info,
   warning: Xe.warning,
@@ -13545,7 +13545,7 @@ var u1 = /* @__PURE__ */ k({
       u.value = !1, a.value = null, K.value = null;
     }
     return (P, fe) => {
-      var de, Y, te, se, be, Ue, Fe, ze, Je, je, Nt, rt, U, le, ae, ge, st, Ge, lt, Tt, fn, ja, La, Na, Va, xa, za;
+      var de, Y, te, se, be, Ue, Fe, ze, Je, je, Nt, rt, U, le, ae, ge, st, Ge, lt, qt, fn, ja, La, Na, Va, xa, za;
       return g(), A("li", {
         tabindex: "0",
         ref_key: "toastRef",
@@ -13610,7 +13610,7 @@ var u1 = /* @__PURE__ */ k({
         }, [X.value ? (g(), q(et(P.toast.title), ye(J({ key: 0 }, P.toast.componentProps)), null, 16)) : (g(), A(ue, { key: 1 }, [Se(ie(P.toast.title), 1)], 64))], 2), P.toast.description ? (g(), A("div", {
           key: 0,
           "data-description": "",
-          class: T(v(Bt)(P.descriptionClass, E.value, (Tt = P.classes) == null ? void 0 : Tt.description, (fn = P.toast.classes) == null ? void 0 : fn.description))
+          class: T(v(Bt)(P.descriptionClass, E.value, (qt = P.classes) == null ? void 0 : qt.description, (fn = P.toast.classes) == null ? void 0 : fn.description))
         }, [re.value ? (g(), q(et(P.toast.description), ye(J({ key: 0 }, P.toast.componentProps)), null, 16)) : (g(), A(ue, { key: 1 }, [Se(ie(P.toast.description), 1)], 64))], 2)) : G("v-if", !0)], 2),
         P.toast.cancel ? (g(), A("button", {
           key: 1,
@@ -14098,8 +14098,8 @@ const x1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function a(i) {
       return i === 0 ? 1 / 0 : i ?? e.timeout;
     }
-    function r(i) {
-      const d = {
+    function r(i, d = !1) {
+      const c = {
         id: i.id,
         duration: a(i.timeout),
         closeButton: i.closeButton ?? i.closable,
@@ -14108,24 +14108,24 @@ const x1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         onDismiss: () => s(i.id, !0),
         onAutoClose: () => s(i.id, !0)
       };
-      switch (i.type) {
+      switch (d && _t.dismiss(i.id), i.type) {
         case "success":
-          qt.success(i.content, d);
+          _t.success(i.content, c);
           break;
         case "info":
-          qt.info(i.content, d);
+          _t.info(i.content, c);
           break;
         case "warning":
-          qt.warning(i.content, d);
+          _t.warning(i.content, c);
           break;
         case "error":
-          qt.error(i.content, d);
+          _t.error(i.content, c);
           break;
         case "loading":
-          qt.loading(i.content, d);
+          _t.loading(i.content, c);
           break;
         default:
-          qt(i.content, d);
+          _t(i.content, c);
           break;
       }
     }
@@ -14145,12 +14145,12 @@ const x1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         type: d.type,
         onClose: d.onClose,
         destroy: () => {
-          s(c, !1), qt.dismiss(c);
+          s(c, !1), _t.dismiss(c);
         }
       }), p = Q(
         () => [f.content, f.type, f.timeout, f.closable, f.closeButton, f.richColors, n.value],
-        () => {
-          r(f);
+        (m, h) => {
+          r(f, !!h);
         },
         { immediate: !0 }
       );
@@ -14159,7 +14159,7 @@ const x1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function u() {
       for (const [i, d] of t.entries())
         d.closed = !0, d.stop();
-      t.clear(), qt.dismiss();
+      t.clear(), _t.dismiss();
     }
     return {
       sonnerPosition: n,
@@ -15400,8 +15400,8 @@ const I0 = k({
       if (ge === -1)
         return null;
       const st = (lt) => {
-        var Tt, fn;
-        return ((Tt = o.value) == null ? void 0 : Tt.contains(lt)) || (le == null ? void 0 : le.contains(lt)) || ((fn = s.value) == null ? void 0 : fn.contains(lt));
+        var qt, fn;
+        return ((qt = o.value) == null ? void 0 : qt.contains(lt)) || (le == null ? void 0 : le.contains(lt)) || ((fn = s.value) == null ? void 0 : fn.contains(lt));
       };
       let Ge = U ? ge - 1 : ge + 1;
       for (; Ge >= 0 && Ge < ae.length; ) {

package/package.json

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

package/src/components/colorpicker/ColorPicker.vue

@@ -147,7 +147,7 @@ export default defineComponent({
         },
         transfer: {
             type: Boolean,
-            default: false
+            default: true
         },
         placement: {
             type: String as PropType<Placement>,

package/src/components/messageprovider/MessageProvider.vue

@@ -100,7 +100,7 @@ export default defineComponent({
             return timeout ?? props.timeout;
         }
 
-        function syncToast(message: PrivateMessageReactive) {
+        function syncToast(message: PrivateMessageReactive, isUpdate = false) {
             const options: ExternalToast = {
                 id: message.id,
                 duration: normalizeDuration(message.timeout),
@@ -111,6 +111,10 @@ export default defineComponent({
                 onAutoClose: () => closeMessage(message.id, true),
             };
 
+            if (isUpdate) {
+                toast.dismiss(message.id);
+            }
+
             switch (message.type) {
                 case 'success':
                     toast.success(message.content, options);
@@ -171,8 +175,8 @@ export default defineComponent({
 
             const stop = watch(
                 () => [message.content, message.type, message.timeout, message.closable, message.closeButton, message.richColors, sonnerPosition.value],
-                () => {
-                    syncToast(message);
+                (newVal, oldVal) => {
+                    syncToast(message, !!oldVal);
                 },
                 { immediate: true }
             );