@useinsider/ab-components 0.0.63 → 0.0.64

package/dist/ab-components.es.js

@@ -221,14 +221,14 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
     ), u = L(() => t.type === "number"), c = L(() => {
       const d = ["e", "E", "+", "\\"], p = typeof t.minValue == "number" ? t.minValue : Number(t.minValue);
       return !isNaN(p) && p >= 0 && d.push("-"), t.allowDecimal || d.push("."), t.allowComma || d.push(","), d;
-    }), f = (d) => c.value.includes(d), x = (d) => {
+    }), m = (d) => c.value.includes(d), x = (d) => {
       var p;
       if (t.preventXss && (d != null && d.target)) {
         const B = String(d.target.value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
         d.target.value !== B && (d.target.value = B);
       }
       return l.value = ((p = d == null ? void 0 : d.target) == null ? void 0 : p.value) || "", d;
-    }, m = (d) => {
+    }, f = (d) => {
       if (!(d != null && d.target)) return;
       const p = d.target, B = p.selectionStart;
       if (B === null) return;
@@ -250,7 +250,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
     }, g = (d) => {
       n("keyup", d);
     }, v = (d) => {
-      d.key === "Enter" && n("keypress", d), u.value && f(d.key) && d.preventDefault();
+      d.key === "Enter" && n("keypress", d), u.value && m(d.key) && d.preventDefault();
     }, V = (d) => {
       n("focus", d);
     }, E = (d) => {
@@ -260,13 +260,13 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
     }, W = (d) => {
       var w;
       const p = d;
-      u.value && (m(p), S(p)), x(p);
+      u.value && (f(p), S(p)), x(p);
       const B = ((w = p == null ? void 0 : p.target) == null ? void 0 : w.value) || "";
       l.value = B, n("input", B), n("update:modelValue", B);
     }, D = (d) => {
       var w;
       const p = d;
-      u.value && (m(p), S(p)), x(p);
+      u.value && (f(p), S(p)), x(p);
       const B = ((w = p == null ? void 0 : p.target) == null ? void 0 : w.value) || "";
       l.value = B, n("change", B), n("update:modelValue", B);
     }, N = (d) => {
@@ -478,7 +478,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
   },
   emits: ["color-change", "close"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = $(0), i = $(0), s = $(0.4), a = $(1), r = $("666666"), u = $([]), c = $(!1), f = $(null), x = $(null), m = $(null), S = L(() => {
+    const t = e, n = o, l = $(0), i = $(0), s = $(0.4), a = $(1), r = $("666666"), u = $([]), c = $(!1), m = $(null), x = $(null), f = $(null), S = L(() => {
       const p = t.presetColors || [], B = [], w = 8;
       if (p.length === 0)
         return B;
@@ -527,9 +527,9 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
     }
     function V(p) {
       const B = (M) => {
-        if (!f.value)
+        if (!m.value)
           return;
-        const z = f.value.getBoundingClientRect(), H = Math.max(0, Math.min(1, (M.clientX - z.left) / z.width)), K = Math.max(0, Math.min(1, (M.clientY - z.top) / z.height));
+        const z = m.value.getBoundingClientRect(), H = Math.max(0, Math.min(1, (M.clientX - z.left) / z.width)), K = Math.max(0, Math.min(1, (M.clientY - z.top) / z.height));
         i.value = H, s.value = 1 - K;
       };
       B(p);
@@ -557,9 +557,9 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
     }
     function P(p) {
       const B = (M) => {
-        if (!m.value)
+        if (!f.value)
           return;
-        const z = m.value.getBoundingClientRect(), H = Math.max(0, Math.min(1, (M.clientX - z.left) / z.width));
+        const z = f.value.getBoundingClientRect(), H = Math.max(0, Math.min(1, (M.clientX - z.left) / z.width));
         a.value = 1 - H;
       };
       B(p);
@@ -647,7 +647,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
               }),
               onMousedown: V,
               ref_key: "colorPickerRef",
-              ref: f
+              ref: m
             }, [
               T("div", {
                 class: "color-picker__color-indicator",
@@ -674,7 +674,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
             class: "color-picker__opacity-slider",
             onMousedown: P,
             ref_key: "opacitySliderRef",
-            ref: m
+            ref: f
           }, [
             B[1] || (B[1] = T("div", { class: "color-picker__opacity-checkerboard" }, null, -1)),
             T("div", {
@@ -827,11 +827,11 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { emit: o }) {
-    const t = Ft, n = e, l = o, i = $(), s = $(), a = $(!1), r = $(null), u = $(""), c = $(null), f = $({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), x = It([...n.items]), m = It([...n.items]), S = () => {
+    const t = Ft, n = e, l = o, i = $(), s = $(), a = $(!1), r = $(null), u = $(""), c = $(null), m = $({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), x = It([...n.items]), f = It([...n.items]), S = () => {
       if (!i.value)
         return;
       const { offsetTop: k, offsetLeft: O, offsetWidth: q } = i.value, G = window.innerHeight, te = k + i.value.offsetHeight, d = te + n.menuHeight > G;
-      f.value = {
+      m.value = {
         x: O + window.scrollX,
         y: d ? k + window.scrollY : te + window.scrollY,
         width: q,
@@ -841,13 +841,13 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
     }, I = () => {
       S(), a.value = !a.value;
     }, C = () => {
-      c.value = null, u.value = "", x.splice(0, x.length, ...m);
+      c.value = null, u.value = "", x.splice(0, x.length, ...f);
     }, g = () => {
       a.value = !1, C();
     }, v = (k) => {
       r.value = k, l("select-item", k), l("update:modelValue", k.value), g();
     }, V = () => {
-      const k = u.value.trim(), O = n.validateAddItem(k, m);
+      const k = u.value.trim(), O = n.validateAddItem(k, f);
       if (O) {
         c.value = O, l("add-error", O);
         return;
@@ -856,21 +856,21 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
         text: k,
         value: k
       };
-      m.push(q), C(), l("item-added", q);
+      f.push(q), C(), l("item-added", q);
     }, E = () => {
-      const k = Wt(m, "text", u.value);
+      const k = Wt(f, "text", u.value);
       x.splice(0, x.length, ...k);
     }, P = () => {
       c.value = "";
     }, W = L(() => ({
-      top: f.value.shouldOpenUp ? `${f.value.y - 10}px` : `${f.value.y}px`,
-      left: `${f.value.x}px`,
-      width: `${f.value.width}px`,
+      top: m.value.shouldOpenUp ? `${m.value.y - 10}px` : `${m.value.y}px`,
+      left: `${m.value.x}px`,
+      width: `${m.value.width}px`,
       height: `${n.menuHeight}px`
     }));
     We(() => {
       if (S(), n.modelValue) {
-        const k = m.find((O) => O.value === n.modelValue);
+        const k = f.find((O) => O.value === n.modelValue);
         k && (r.value = k);
       }
     });
@@ -878,13 +878,13 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
     Q(() => n.modelValue, (k) => {
       var O;
       if (((O = r.value) == null ? void 0 : O.value) !== k) {
-        const q = m.find((G) => G.value === k);
+        const q = f.find((G) => G.value === k);
         q && (r.value = q);
       }
     }), Q(
       () => n.items,
       (k) => {
-        m.splice(0, m.length, ...k), x.splice(0, x.length, ...k);
+        f.splice(0, f.length, ...k), x.splice(0, x.length, ...k);
       },
       { deep: !0 }
     );
@@ -1111,7 +1111,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         return o.fillOpacity !== void 0 ? typeof o.fillOpacity == "number" ? o.fillOpacity : parseFloat(o.fillOpacity) : i.value.opacity;
     });
     return (r, u) => {
-      var c, f;
+      var c, m;
       return n.value ? (h(), b("svg", {
         key: 1,
         class: "icon icon-custom",
@@ -1123,7 +1123,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           "--icon-color": s.value,
           ...a.value !== void 0 && a.value !== null ? { "--icon-fill-opacity": String(a.value) } : {}
         }),
-        innerHTML: (f = l.value) == null ? void 0 : f.content
+        innerHTML: (m = l.value) == null ? void 0 : m.content
       }, null, 12, Ao)) : (h(), b("svg", {
         key: 0,
         class: "icon",
@@ -1253,11 +1253,11 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   emits: ["update:modelValue", "open", "close"],
   setup(e, { expose: o, emit: t }) {
     const n = Ft, l = e, i = t, s = $(null), a = $(null), r = $(!1), u = $({}), c = $(l.modelValue);
-    function f() {
+    function m() {
       if (!s.value || !a.value) return;
       const I = s.value.getBoundingClientRect(), C = a.value.getBoundingClientRect();
       if (C.width === 0 || C.height === 0) {
-        r.value = !1, requestAnimationFrame(() => requestAnimationFrame(f));
+        r.value = !1, requestAnimationFrame(() => requestAnimationFrame(m));
         return;
       }
       const g = 4;
@@ -1282,22 +1282,22 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     Q(
       () => l.modelValue,
       (I) => {
-        c.value = I, I && Ve(f);
+        c.value = I, I && Ve(m);
       }
     );
     const x = () => {
-      c.value = !c.value, i("update:modelValue", c.value), c.value ? (i("open"), Ve(f)) : i("close");
-    }, m = () => {
+      c.value = !c.value, i("update:modelValue", c.value), c.value ? (i("open"), Ve(m)) : i("close");
+    }, f = () => {
       c.value = !1, r.value = !1, i("update:modelValue", !1), i("close");
     }, S = L(() => ({
-      handler: m,
+      handler: f,
       exclude: [s, a],
       capture: l.closeOnClickOutside
     }));
     return o({
       isOpen: c,
       toggle: x,
-      close: m
+      close: f
     }), (I, C) => (h(), b("div", {
       ref_key: "popoverRef",
       ref: s,
@@ -1348,7 +1348,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     on((v) => ({
       de94caea: `${n.menuHeight}px`
     }));
-    const n = e, l = t, i = $(!1), s = $(null), a = $(""), r = $(null), u = $([...n.items]), c = $([...n.items]), f = () => {
+    const n = e, l = t, i = $(!1), s = $(null), a = $(""), r = $(null), u = $([...n.items]), c = $([...n.items]), m = () => {
       i.value = !i.value;
     }, x = () => {
       r.value = null, a.value = "", u.value = [...c.value];
@@ -1359,10 +1359,10 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         v || x();
       }
     );
-    const m = () => {
+    const f = () => {
       i.value = !1, x();
     }, S = (v) => {
-      s.value = v, l("select-item", v), l("update:modelValue", v.value), m();
+      s.value = v, l("select-item", v), l("update:modelValue", v.value), f();
     }, I = () => {
       const v = a.value.trim(), V = n.validateAddItem(v, c.value);
       if (V) {
@@ -1403,8 +1403,8 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       { deep: !0 }
     ), o({
       isOpen: i,
-      toggleMenu: f,
-      closeMenu: m,
+      toggleMenu: m,
+      closeMenu: f,
       selectedItem: s
     }), (v, V) => (h(), J(_(Mo), {
       modelValue: i.value,
@@ -1413,7 +1413,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       trigger: ot(({ isOpen: E }) => [
         oe(v.$slots, "trigger", {
           isOpen: E,
-          toggle: f
+          toggle: m
         }, void 0, !0)
       ]),
       default: ot(() => [
@@ -1571,12 +1571,12 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       C(), i("keyup", g);
     }, c = (g) => {
       C(), i("keypress", g);
-    }, f = (g) => {
+    }, m = (g) => {
       C(), i("click", g);
     }, x = (g) => {
       const v = g.target;
       C(), i("update:modelValue", v.value);
-    }, m = (g) => {
+    }, f = (g) => {
       C(), i("cut", g);
     }, S = (g) => {
       C(), i("paste", g);
@@ -1621,9 +1621,9 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         maxlength: g.maxLength,
         onKeyup: u,
         onKeypress: c,
-        onCut: m,
+        onCut: f,
         onPaste: S,
-        onClick: f,
+        onClick: m,
         onBlur: I,
         onInput: x
       }, "        ", 46, zo),
@@ -2067,7 +2067,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           }
         ]),
         disabled: u.disabled || t.disabled,
-        onClick: (f) => i(u)
+        onClick: (m) => i(u)
       }, [
         u.icon ? (h(), J(_(ae), {
           key: 0,
@@ -2337,48 +2337,48 @@ function Et(e, o, t) {
     reference: n,
     floating: l
   } = e;
-  const i = Ae(o), s = xt(o), a = yt(s), r = $e(o), u = i === "y", c = n.x + n.width / 2 - l.width / 2, f = n.y + n.height / 2 - l.height / 2, x = n[a] / 2 - l[a] / 2;
-  let m;
+  const i = Ae(o), s = xt(o), a = yt(s), r = $e(o), u = i === "y", c = n.x + n.width / 2 - l.width / 2, m = n.y + n.height / 2 - l.height / 2, x = n[a] / 2 - l[a] / 2;
+  let f;
   switch (r) {
     case "top":
-      m = {
+      f = {
         x: c,
         y: n.y - l.height
       };
       break;
     case "bottom":
-      m = {
+      f = {
         x: c,
         y: n.y + n.height
       };
       break;
     case "right":
-      m = {
+      f = {
         x: n.x + n.width,
-        y: f
+        y: m
       };
       break;
     case "left":
-      m = {
+      f = {
         x: n.x - l.width,
-        y: f
+        y: m
       };
       break;
     default:
-      m = {
+      f = {
         x: n.x,
         y: n.y
       };
   }
   switch (Xe(o)) {
     case "start":
-      m[s] -= x * (t && u ? -1 : 1);
+      f[s] -= x * (t && u ? -1 : 1);
       break;
     case "end":
-      m[s] += x * (t && u ? -1 : 1);
+      f[s] += x * (t && u ? -1 : 1);
       break;
   }
-  return m;
+  return f;
 }
 const ll = async (e, o, t) => {
   const {
@@ -2393,8 +2393,8 @@ const ll = async (e, o, t) => {
     strategy: l
   }), {
     x: c,
-    y: f
-  } = Et(u, n, r), x = n, m = {}, S = 0;
+    y: m
+  } = Et(u, n, r), x = n, f = {}, S = 0;
   for (let I = 0; I < a.length; I++) {
     const {
       name: C,
@@ -2406,11 +2406,11 @@ const ll = async (e, o, t) => {
       reset: P
     } = await g({
       x: c,
-      y: f,
+      y: m,
       initialPlacement: n,
       placement: x,
       strategy: l,
-      middlewareData: m,
+      middlewareData: f,
       rects: u,
       platform: s,
       elements: {
@@ -2418,10 +2418,10 @@ const ll = async (e, o, t) => {
         floating: o
       }
     });
-    c = v ?? c, f = V ?? f, m = {
-      ...m,
+    c = v ?? c, m = V ?? m, f = {
+      ...f,
       [C]: {
-        ...m[C],
+        ...f[C],
         ...E
       }
     }, P && S <= 50 && (S++, typeof P == "object" && (P.placement && (x = P.placement), P.rects && (u = P.rects === !0 ? await s.getElementRects({
@@ -2430,15 +2430,15 @@ const ll = async (e, o, t) => {
       strategy: l
     }) : P.rects), {
       x: c,
-      y: f
+      y: m
     } = Et(u, x, r)), I = -1);
   }
   return {
     x: c,
-    y: f,
+    y: m,
     placement: x,
     strategy: l,
-    middlewareData: m
+    middlewareData: f
   };
 };
 async function Gt(e, o) {
@@ -2454,15 +2454,15 @@ async function Gt(e, o) {
   } = e, {
     boundary: u = "clippingAncestors",
     rootBoundary: c = "viewport",
-    elementContext: f = "floating",
+    elementContext: m = "floating",
     altBoundary: x = !1,
-    padding: m = 0
-  } = je(o, e), S = Yt(m), C = a[x ? f === "floating" ? "reference" : "floating" : f], g = it(await i.getClippingRect({
+    padding: f = 0
+  } = je(o, e), S = Yt(f), C = a[x ? m === "floating" ? "reference" : "floating" : m], g = it(await i.getClippingRect({
     element: (t = await (i.isElement == null ? void 0 : i.isElement(C))) == null || t ? C : C.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
     boundary: u,
     rootBoundary: c,
     strategy: r
-  })), v = f === "floating" ? {
+  })), v = m === "floating" ? {
     x: n,
     y: l,
     width: s.floating.width,
@@ -2504,17 +2504,17 @@ const sl = (e) => ({
     } = je(e, o) || {};
     if (u == null)
       return {};
-    const f = Yt(c), x = {
+    const m = Yt(c), x = {
       x: t,
       y: n
-    }, m = xt(l), S = yt(m), I = await s.getDimensions(u), C = m === "y", g = C ? "top" : "left", v = C ? "bottom" : "right", V = C ? "clientHeight" : "clientWidth", E = i.reference[S] + i.reference[m] - x[m] - i.floating[S], P = x[m] - i.reference[m], W = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
+    }, f = xt(l), S = yt(f), I = await s.getDimensions(u), C = f === "y", g = C ? "top" : "left", v = C ? "bottom" : "right", V = C ? "clientHeight" : "clientWidth", E = i.reference[S] + i.reference[f] - x[f] - i.floating[S], P = x[f] - i.reference[f], W = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
     let D = W ? W[V] : 0;
     (!D || !await (s.isElement == null ? void 0 : s.isElement(W))) && (D = a.floating[V] || i.floating[S]);
-    const N = E / 2 - P / 2, k = D / 2 - I[S] / 2 - 1, O = Ne(f[g], k), q = Ne(f[v], k), G = O, te = D - I[S] - q, d = D / 2 - I[S] / 2 + N, p = gt(G, d, te), B = !r.arrow && Xe(l) != null && d !== p && i.reference[S] / 2 - (d < G ? O : q) - I[S] / 2 < 0, w = B ? d < G ? d - G : d - te : 0;
+    const N = E / 2 - P / 2, k = D / 2 - I[S] / 2 - 1, O = Ne(m[g], k), q = Ne(m[v], k), G = O, te = D - I[S] - q, d = D / 2 - I[S] / 2 + N, p = gt(G, d, te), B = !r.arrow && Xe(l) != null && d !== p && i.reference[S] / 2 - (d < G ? O : q) - I[S] / 2 < 0, w = B ? d < G ? d - G : d - te : 0;
     return {
-      [m]: x[m] + w,
+      [f]: x[f] + w,
       data: {
-        [m]: p,
+        [f]: p,
         centerOffset: d - p - w,
         ...B && {
           alignmentOffset: w
@@ -2538,9 +2538,9 @@ const sl = (e) => ({
         elements: u
       } = o, {
         mainAxis: c = !0,
-        crossAxis: f = !0,
+        crossAxis: m = !0,
         fallbackPlacements: x,
-        fallbackStrategy: m = "bestFit",
+        fallbackStrategy: f = "bestFit",
         fallbackAxisSideDirection: S = "none",
         flipAlignment: I = !0,
         ...C
@@ -2551,7 +2551,7 @@ const sl = (e) => ({
       !x && W && P.push(...ol(a, I, S, E));
       const D = [a, ...P], N = await Gt(o, C), k = [];
       let O = ((n = i.flip) == null ? void 0 : n.overflows) || [];
-      if (c && k.push(N[g]), f) {
+      if (c && k.push(N[g]), m) {
         const d = Za(l, s, E);
         k.push(N[d[0]], N[d[1]]);
       }
@@ -2561,7 +2561,7 @@ const sl = (e) => ({
       }], !k.every((d) => d <= 0)) {
         var q, G;
         const d = (((q = i.flip) == null ? void 0 : q.index) || 0) + 1, p = D[d];
-        if (p && (!(f === "alignment" ? v !== Ae(p) : !1) || // We leave the current main axis only if every placement on that axis
+        if (p && (!(m === "alignment" ? v !== Ae(p) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         O.every((y) => Ae(y.placement) === v ? y.overflows[0] > 0 : !0)))
           return {
@@ -2575,7 +2575,7 @@ const sl = (e) => ({
           };
         let B = (G = O.filter((w) => w.overflows[0] <= 0).sort((w, y) => w.overflows[1] - y.overflows[1])[0]) == null ? void 0 : G.placement;
         if (!B)
-          switch (m) {
+          switch (f) {
             case "bestFit": {
               var te;
               const w = (te = O.filter((y) => {
@@ -2610,26 +2610,26 @@ async function ul(e, o) {
     placement: t,
     platform: n,
     elements: l
-  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = $e(t), a = Xe(t), r = Ae(t) === "y", u = rl.has(s) ? -1 : 1, c = i && r ? -1 : 1, f = je(o, e);
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = $e(t), a = Xe(t), r = Ae(t) === "y", u = rl.has(s) ? -1 : 1, c = i && r ? -1 : 1, m = je(o, e);
   let {
     mainAxis: x,
-    crossAxis: m,
+    crossAxis: f,
     alignmentAxis: S
-  } = typeof f == "number" ? {
-    mainAxis: f,
+  } = typeof m == "number" ? {
+    mainAxis: m,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: f.mainAxis || 0,
-    crossAxis: f.crossAxis || 0,
-    alignmentAxis: f.alignmentAxis
+    mainAxis: m.mainAxis || 0,
+    crossAxis: m.crossAxis || 0,
+    alignmentAxis: m.alignmentAxis
   };
-  return a && typeof S == "number" && (m = a === "end" ? S * -1 : S), r ? {
-    x: m * c,
+  return a && typeof S == "number" && (f = a === "end" ? S * -1 : S), r ? {
+    x: f * c,
     y: x * u
   } : {
     x: x * u,
-    y: m * c
+    y: f * c
   };
 }
 const cl = function(e) {
@@ -2682,20 +2682,20 @@ const cl = function(e) {
       } = je(e, o), u = {
         x: t,
         y: n
-      }, c = await Gt(o, r), f = Ae($e(l)), x = Ut(f);
-      let m = u[x], S = u[f];
+      }, c = await Gt(o, r), m = Ae($e(l)), x = Ut(m);
+      let f = u[x], S = u[m];
       if (i) {
-        const C = x === "y" ? "top" : "left", g = x === "y" ? "bottom" : "right", v = m + c[C], V = m - c[g];
-        m = gt(v, m, V);
+        const C = x === "y" ? "top" : "left", g = x === "y" ? "bottom" : "right", v = f + c[C], V = f - c[g];
+        f = gt(v, f, V);
       }
       if (s) {
-        const C = f === "y" ? "top" : "left", g = f === "y" ? "bottom" : "right", v = S + c[C], V = S - c[g];
+        const C = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", v = S + c[C], V = S - c[g];
         S = gt(v, S, V);
       }
       const I = a.fn({
         ...o,
-        [x]: m,
-        [f]: S
+        [x]: f,
+        [m]: S
       });
       return {
         ...I,
@@ -2704,7 +2704,7 @@ const cl = function(e) {
           y: I.y - n,
           enabled: {
             [x]: i,
-            [f]: s
+            [m]: s
           }
         }
       };
@@ -2870,18 +2870,18 @@ function Ee(e, o, t, n) {
   let s = de(1);
   o && (n ? se(n) && (s = qe(n)) : s = qe(e));
   const a = xl(i, t, n) ? jt(i) : de(0);
-  let r = (l.left + a.x) / s.x, u = (l.top + a.y) / s.y, c = l.width / s.x, f = l.height / s.y;
+  let r = (l.left + a.x) / s.x, u = (l.top + a.y) / s.y, c = l.width / s.x, m = l.height / s.y;
   if (i) {
-    const x = ne(i), m = n && se(n) ? ne(n) : n;
+    const x = ne(i), f = n && se(n) ? ne(n) : n;
     let S = x, I = bt(S);
-    for (; I && n && m !== S; ) {
+    for (; I && n && f !== S; ) {
       const C = qe(I), g = I.getBoundingClientRect(), v = ie(I), V = g.left + (I.clientLeft + parseFloat(v.paddingLeft)) * C.x, E = g.top + (I.clientTop + parseFloat(v.paddingTop)) * C.y;
-      r *= C.x, u *= C.y, c *= C.x, f *= C.y, r += V, u += E, S = ne(I), I = bt(S);
+      r *= C.x, u *= C.y, c *= C.x, m *= C.y, r += V, u += E, S = ne(I), I = bt(S);
     }
   }
   return it({
     width: c,
-    height: f,
+    height: m,
     x: r,
     y: u
   });
@@ -2911,12 +2911,12 @@ function Al(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, u = de(1);
-  const c = de(0), f = _e(n);
-  if ((f || !f && !i) && ((Le(n) !== "body" || Ze(s)) && (r = dt(n)), _e(n))) {
-    const m = Ee(n);
-    u = qe(n), c.x = m.x + n.clientLeft, c.y = m.y + n.clientTop;
+  const c = de(0), m = _e(n);
+  if ((m || !m && !i) && ((Le(n) !== "body" || Ze(s)) && (r = dt(n)), _e(n))) {
+    const f = Ee(n);
+    u = qe(n), c.x = f.x + n.clientLeft, c.y = f.y + n.clientTop;
   }
-  const x = s && !f && !i ? Xt(s, r) : de(0);
+  const x = s && !m && !i ? Xt(s, r) : de(0);
   return {
     width: t.width * u.x,
     height: t.height * u.y,
@@ -2949,7 +2949,7 @@ function Bl(e, o) {
   }
   const u = _t(n);
   if (u <= 0) {
-    const c = n.ownerDocument, f = c.body, x = getComputedStyle(f), m = c.compatMode === "CSS1Compat" && parseFloat(x.marginLeft) + parseFloat(x.marginRight) || 0, S = Math.abs(n.clientWidth - f.clientWidth - m);
+    const c = n.ownerDocument, m = c.body, x = getComputedStyle(m), f = c.compatMode === "CSS1Compat" && parseFloat(x.marginLeft) + parseFloat(x.marginRight) || 0, S = Math.abs(n.clientWidth - m.clientWidth - f);
     S <= Rt && (i -= S);
   } else u <= Rt && (i += u);
   return {
@@ -3013,8 +3013,8 @@ function Ml(e) {
     strategy: l
   } = e;
   const s = [...t === "clippingAncestors" ? ct(o) ? [] : Vl(o, this._c) : [].concat(t), n], a = s[0], r = s.reduce((u, c) => {
-    const f = Ot(o, c, l);
-    return u.top = Te(f.top, u.top), u.right = Ne(f.right, u.right), u.bottom = Ne(f.bottom, u.bottom), u.left = Te(f.left, u.left), u;
+    const m = Ot(o, c, l);
+    return u.top = Te(m.top, u.top), u.right = Ne(m.right, u.right), u.bottom = Ne(m.bottom, u.bottom), u.left = Te(m.left, u.left), u;
   }, Ot(o, a, l));
   return {
     width: r.right - r.left,
@@ -3045,13 +3045,13 @@ function $l(e, o, t) {
   }
   if (n || !n && !i)
     if ((Le(o) !== "body" || Ze(l)) && (a = dt(o)), n) {
-      const m = Ee(o, !0, i, o);
-      r.x = m.x + o.clientLeft, r.y = m.y + o.clientTop;
+      const f = Ee(o, !0, i, o);
+      r.x = f.x + o.clientLeft, r.y = f.y + o.clientTop;
     } else l && u();
   i && !n && l && u();
-  const c = l && !n && !i ? Xt(l, a) : de(0), f = s.left + a.scrollLeft - r.x - c.x, x = s.top + a.scrollTop - r.y - c.y;
+  const c = l && !n && !i ? Xt(l, a) : de(0), m = s.left + a.scrollLeft - r.x - c.x, x = s.top + a.scrollTop - r.y - c.y;
   return {
-    x: f,
+    x: m,
     y: x,
     width: s.width,
     height: s.height
@@ -3127,13 +3127,13 @@ function Ol(e, o) {
     a === void 0 && (a = !1), r === void 0 && (r = 1), i();
     const u = e.getBoundingClientRect(), {
       left: c,
-      top: f,
+      top: m,
       width: x,
-      height: m
+      height: f
     } = u;
-    if (a || o(), !x || !m)
+    if (a || o(), !x || !f)
       return;
-    const S = tt(f), I = tt(l.clientWidth - (c + x)), C = tt(l.clientHeight - (f + m)), g = tt(c), V = {
+    const S = tt(m), I = tt(l.clientWidth - (c + x)), C = tt(l.clientHeight - (m + f)), g = tt(c), V = {
       rootMargin: -S + "px " + -I + "px " + -C + "px " + -g + "px",
       threshold: Te(0, Ne(1, r)) || 1
     };
@@ -3176,15 +3176,15 @@ function Dl(e, o, t, n) {
       passive: !0
     }), i && g.addEventListener("resize", t);
   });
-  const f = u && a ? Ol(u, t) : null;
-  let x = -1, m = null;
-  s && (m = new ResizeObserver((g) => {
+  const m = u && a ? Ol(u, t) : null;
+  let x = -1, f = null;
+  s && (f = new ResizeObserver((g) => {
     let [v] = g;
-    v && v.target === u && m && (m.unobserve(o), cancelAnimationFrame(x), x = requestAnimationFrame(() => {
+    v && v.target === u && f && (f.unobserve(o), cancelAnimationFrame(x), x = requestAnimationFrame(() => {
       var V;
-      (V = m) == null || V.observe(o);
+      (V = f) == null || V.observe(o);
     })), t();
-  }), u && !r && m.observe(u), m.observe(o));
+  }), u && !r && f.observe(u), f.observe(o));
   let S, I = r ? Ee(e) : null;
   r && C();
   function C() {
@@ -3195,7 +3195,7 @@ function Dl(e, o, t, n) {
     var g;
     c.forEach((v) => {
       l && v.removeEventListener("scroll", t), i && v.removeEventListener("resize", t);
-    }), f == null || f(), (g = m) == null || g.disconnect(), m = null, r && cancelAnimationFrame(S);
+    }), m == null || m(), (g = f) == null || g.disconnect(), f = null, r && cancelAnimationFrame(S);
   };
 }
 const Pl = cl, zl = dl, Hl = il, ql = sl, Nl = (e, o, t) => {
@@ -3258,15 +3258,15 @@ function Ul(e, o, t) {
   }), r = L(() => {
     var D;
     return (D = He(t.transform)) != null ? D : !0;
-  }), u = L(() => wt(e.value)), c = L(() => wt(o.value)), f = $(0), x = $(0), m = $(a.value), S = $(s.value), I = ln({}), C = $(!1), g = L(() => {
+  }), u = L(() => wt(e.value)), c = L(() => wt(o.value)), m = $(0), x = $(0), f = $(a.value), S = $(s.value), I = ln({}), C = $(!1), g = L(() => {
     const D = {
-      position: m.value,
+      position: f.value,
       left: "0",
       top: "0"
     };
     if (!c.value)
       return D;
-    const N = Pt(c.value, f.value), k = Pt(c.value, x.value);
+    const N = Pt(c.value, m.value), k = Pt(c.value, x.value);
     return r.value ? {
       ...D,
       transform: "translate(" + N + "px, " + k + "px)",
@@ -3274,7 +3274,7 @@ function Ul(e, o, t) {
         willChange: "transform"
       }
     } : {
-      position: m.value,
+      position: f.value,
       left: N + "px",
       top: k + "px"
     };
@@ -3289,7 +3289,7 @@ function Ul(e, o, t) {
       placement: s.value,
       strategy: a.value
     }).then((N) => {
-      f.value = N.x, x.value = N.y, m.value = N.strategy, S.value = N.placement, I.value = N.middlewareData, C.value = D !== !1;
+      m.value = N.x, x.value = N.y, f.value = N.strategy, S.value = N.placement, I.value = N.middlewareData, C.value = D !== !1;
     });
   }
   function E() {
@@ -3315,9 +3315,9 @@ function Ul(e, o, t) {
   }), Q(l, W, {
     flush: "sync"
   }), sn() && rn(E), {
-    x: De(f),
+    x: De(m),
     y: De(x),
-    strategy: De(m),
+    strategy: De(f),
     placement: De(S),
     middlewareData: De(I),
     isPositioned: De(C),
@@ -3375,16 +3375,16 @@ const Kl = "_bubble_6zub9_1", Ql = "_trigger_6zub9_43", jl = "_trigger__icon_6zu
     }, t = $(null), n = $(null), l = $(!1);
     typeof window < "u" && window.wasTooltipShown === void 0 && (window.wasTooltipShown = !1);
     const i = e, s = $(null), a = $(null), r = $(null), u = $(!1), c = L(() => i.preventXss ? Gl(i.text) : i.text);
-    let f = null;
-    const { floatingStyles: x, update: m, middlewareData: S, placement: I } = Ul(a, s, {
+    let m = null;
+    const { floatingStyles: x, update: f, middlewareData: S, placement: I } = Ul(a, s, {
       placement: L(() => i.placement || "bottom"),
       strategy: "fixed",
-      whileElementsMounted: (k, O, q) => (f && (f(), f = null), k && O ? (Ve(() => {
-        k && O && (f = Dl(k, O, q));
+      whileElementsMounted: (k, O, q) => k && O ? (Ve(() => {
+        k && O && (m = Dl(k, O, q));
       }), () => {
-        f && (f(), f = null);
+        m && (m(), m = null);
       }) : () => {
-      }),
+      },
       middleware: [
         Pl(10),
         Hl(),
@@ -3417,16 +3417,16 @@ const Kl = "_bubble_6zub9_1", Ql = "_trigger_6zub9_43", jl = "_trigger__icon_6zu
     }, V = () => {
       g();
     }, E = () => {
-      l.value && a.value && s.value && m();
+      l.value && a.value && s.value && f();
     };
     Q(() => i.placement, () => {
-      l.value && a.value && s.value && m();
+      l.value && a.value && s.value && f();
     }), un(Yl), We(() => {
       l.value = !0, Ve(() => {
-        l.value && a.value && m();
+        l.value && a.value && f();
       }), typeof window < "u" && window.addEventListener("resize", E);
     }), qt(() => {
-      l.value = !1, f && (f(), f = null), typeof window < "u" && window.removeEventListener("resize", E), t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), u.value = !1, s.value = null, a.value = null, r.value = null;
+      l.value = !1, m && (m(), m = null), typeof window < "u" && window.removeEventListener("resize", E), t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), u.value = !1, s.value = null, a.value = null, r.value = null;
     });
     const P = L(() => i.status || u.value), W = L(() => ({
       ...x.value,