@useinsider/ab-components 0.0.74 → 0.0.76

package/dist/ab-components.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, computed as L, createElementBlock as b, openBlock as f, normalizeClass as x, createBlock as Z, createCommentVNode as R, unref as p, toDisplayString as F, createElementVNode as M, renderSlot as le, ref as E, watch as G, onMounted as Fe, nextTick as qe, normalizeStyle as te, createVNode as pe, Fragment as se, renderList as Ve, reactive as It, withDirectives as nt, withModifiers as st, vModelText as nn, vShow as zt, withCtx as ot, useCssVars as on, onBeforeUnmount as Nt, Transition as an, shallowRef as ln, getCurrentScope as rn, onScopeDispose as sn, shallowReadonly as Oe, onBeforeMount as un, Teleport as cn } from "vue";
+import { defineComponent as Y, computed as L, createElementBlock as b, openBlock as f, normalizeClass as w, createBlock as Z, createCommentVNode as R, unref as p, toDisplayString as F, createElementVNode as M, renderSlot as le, ref as E, watch as G, onMounted as Fe, nextTick as qe, normalizeStyle as te, createVNode as pe, Fragment as se, renderList as Ve, reactive as It, withDirectives as nt, withModifiers as st, vModelText as nn, vShow as zt, withCtx as ot, useCssVars as on, onBeforeUnmount as Nt, Transition as an, shallowRef as ln, getCurrentScope as rn, onScopeDispose as sn, shallowReadonly as Oe, onBeforeMount as un, Teleport as cn } from "vue";
 const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8", _n = "_button_12xg6_1", fn = "_button__label_12xg6_60", mn = "_button__solid_12xg6_72", hn = "_fill_12xg6_1147", Ie = {
   button__size_default: dn,
   button__size_small: pn,
@@ -69,7 +69,7 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       return t.fill && i.push(Ie.fill), t.selected && i.push(Ie["button--selected"]), t.customClass && i.push(t.customClass), i;
     });
     return (i, r) => (f(), b("button", {
-      class: x(l.value),
+      class: w(l.value),
       disabled: t.disabled,
       onClick: a
     }, [
@@ -81,7 +81,7 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       }, null, 8, ["name", "size", "color"])) : R("", !0),
       i.label ? (f(), b("span", {
         key: 1,
-        class: x(p(Ie).button__label)
+        class: w(p(Ie).button__label)
       }, F(i.label), 3)) : R("", !0),
       i.rightIconName ? (f(), Z(p(ne), {
         key: 2,
@@ -91,7 +91,7 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       }, null, 8, ["name", "size", "color"])) : R("", !0)
     ], 10, gn));
   }
-}), vn = "_checkbox__label_1cxkl_1", bn = "_checkbox_1cxkl_1", wn = "_checkbox__input_1cxkl_57", yn = "_checkbox__box_1cxkl_65", xn = "_checkbox__disabled_1cxkl_87", An = "_checkbox__checked_1cxkl_87", De = {
+}), vn = "_checkbox__label_wgkvb_1", bn = "_checkbox_wgkvb_1", wn = "_checkbox__input_wgkvb_57", yn = "_checkbox__box_wgkvb_65", xn = "_checkbox__disabled_wgkvb_87", An = "_checkbox__checked_wgkvb_87", De = {
   checkbox__label: vn,
   checkbox: bn,
   checkbox__input: wn,
@@ -121,7 +121,7 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       n("update:modelValue", r), n("change", r);
     }
     return (l, i) => (f(), b("label", {
-      class: x([
+      class: w([
         p(De).checkbox,
         {
           [p(De).checkbox__checked]: a.value,
@@ -134,14 +134,14 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
         id: l.id,
         type: "checkbox",
         checked: a.value,
-        class: x(p(De).checkbox__input),
+        class: w(p(De).checkbox__input),
         disabled: l.disabled,
         name: l.name,
         value: l.value,
         onChange: s
       }, null, 42, kn),
       M("span", {
-        class: x(p(De).checkbox__box)
+        class: w(p(De).checkbox__box)
       }, [
         a.value ? (f(), Z(p(ne), {
           key: 0,
@@ -151,7 +151,7 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       ], 2),
       l.label ? (f(), b("span", {
         key: 0,
-        class: x(p(De).checkbox__label)
+        class: w(p(De).checkbox__label)
       }, F(l.label), 3)) : R("", !0),
       le(l.$slots, "default")
     ], 10, Cn));
@@ -232,15 +232,15 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       if (!(d != null && d.target)) return;
       const _ = d.target, k = _.selectionStart;
       if (k === null) return;
-      const w = k - 1, y = d.target.value, V = C(), z = [...y.matchAll(V)].map((N) => N.index);
-      d.target.value = y.replace(V, ""), z.length > 0 && w >= 0 && _.setSelectionRange(w, w);
+      const y = k - 1, x = d.target.value, V = C(), z = [...x.matchAll(V)].map((N) => N.index);
+      d.target.value = x.replace(V, ""), z.length > 0 && y >= 0 && _.setSelectionRange(y, y);
     }, S = (d) => {
       if (!(d != null && d.target)) return;
-      const _ = d.target.value, k = d.target, w = k.selectionStart;
-      if (w === null) return;
-      let y = w - 1;
+      const _ = d.target.value, k = d.target, y = k.selectionStart;
+      if (y === null) return;
+      let x = y - 1;
       const V = B(), z = [..._.matchAll(V)].map((q) => q.index), N = _.split("");
-      z.length > 1 && y >= 0 && (N[y] = ""), d.target.value = N.join(""), z.length > 1 && y >= 0 && k.setSelectionRange(y, y);
+      z.length > 1 && x >= 0 && (N[x] = ""), d.target.value = N.join(""), z.length > 1 && x >= 0 && k.setSelectionRange(x, x);
     }, B = () => {
       let d = "";
       return t.allowDecimal && (d += "."), t.allowComma && (d += ","), new RegExp(`[${d}]`, "g");
@@ -258,16 +258,16 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
     }, P = (d) => {
       n("click", d);
     }, U = (d) => {
-      var w;
+      var y;
       const _ = d;
       u.value && (m(_), S(_)), A(_);
-      const k = ((w = _ == null ? void 0 : _.target) == null ? void 0 : w.value) || "";
+      const k = ((y = _ == null ? void 0 : _.target) == null ? void 0 : y.value) || "";
       a.value = k, n("input", k), n("update:modelValue", k);
     }, O = (d) => {
-      var w;
+      var y;
       const _ = d;
       u.value && (m(_), S(_)), A(_);
-      const k = ((w = _ == null ? void 0 : _.target) == null ? void 0 : w.value) || "";
+      const k = ((y = _ == null ? void 0 : _.target) == null ? void 0 : y.value) || "";
       a.value = k, n("change", k), n("update:modelValue", k);
     }, D = (d) => {
       var et, ve;
@@ -292,9 +292,9 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       if (!u.value)
         return;
       d.preventDefault();
-      const _ = d.target, k = _.selectionStart, w = _.selectionEnd;
-      if (k === null || w === null) return;
-      const y = _.value, V = y.includes(".") || y.includes(","), z = ((ve = d.clipboardData) == null ? void 0 : ve.getData("text/plain")) || "", N = B(), q = C();
+      const _ = d.target, k = _.selectionStart, y = _.selectionEnd;
+      if (k === null || y === null) return;
+      const x = _.value, V = x.includes(".") || x.includes(","), z = ((ve = d.clipboardData) == null ? void 0 : ve.getData("text/plain")) || "", N = B(), q = C();
       let K = z.replace(q, "");
       const _t = [...K.matchAll(N)], ge = [];
       _t.forEach((X) => {
@@ -304,7 +304,7 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       V || ge.shift(), ge.forEach((X) => {
         ke[X] = "";
       }), K = ke.join("");
-      const Je = k + K.length, Le = y.slice(0, k) + K + y.slice(w);
+      const Je = k + K.length, Le = x.slice(0, k) + K + x.slice(y);
       _.value = Le, _.setSelectionRange(Je, Je), a.value = Le, n("input", Le), n("update:modelValue", Le);
     }, T = (d) => {
       n("leftIconClick", d);
@@ -332,7 +332,7 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
     }), (d, _) => (f(), b("fieldset", {
       ref_key: "componentRoot",
       ref: oe,
-      class: x(["in-basic-text-input-wrapper qa-text-input", [
+      class: w(["in-basic-text-input-wrapper qa-text-input", [
         `in-basic-text-input-wrapper__${d.states}`,
         `in-basic-text-input-wrapper__${d.theme}`,
         { "in-basic-text-input-wrapper__disable": d.disabledStatus }
@@ -479,22 +479,22 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
   emits: ["color-change", "close"],
   setup(e, { emit: o }) {
     const t = e, n = o, a = E(0), s = E(0), l = E(0.4), i = E(1), r = E("666666"), u = E([]), c = E(!1), g = E(null), A = E(null), m = E(null), S = L(() => {
-      const _ = t.presetColors || [], k = [], w = 8;
+      const _ = t.presetColors || [], k = [], y = 8;
       if (_.length === 0)
         return k;
-      const y = _.slice(0, w - 1);
-      k.push(y);
-      for (let V = w - 1; V < _.length; V += w)
-        k.push(_.slice(V, V + w));
+      const x = _.slice(0, y - 1);
+      k.push(x);
+      for (let V = y - 1; V < _.length; V += y)
+        k.push(_.slice(V, V + y));
       return k;
     }), B = L(() => {
       const _ = a.value, k = 1 - Math.abs(_ * 6 % 2 - 1);
-      let w = 0, y = 0, V = 0;
-      return _ < 1 / 6 ? (w = 1, y = k) : _ < 2 / 6 ? (w = k, y = 1) : _ < 3 / 6 ? (y = 1, V = k) : _ < 4 / 6 ? (y = k, V = 1) : _ < 5 / 6 ? (w = k, V = 1) : (w = 1, V = k), `rgb(${Math.round(w * 255)}, ${Math.round(y * 255)}, ${Math.round(V * 255)})`;
+      let y = 0, x = 0, V = 0;
+      return _ < 1 / 6 ? (y = 1, x = k) : _ < 2 / 6 ? (y = k, x = 1) : _ < 3 / 6 ? (x = 1, V = k) : _ < 4 / 6 ? (x = k, V = 1) : _ < 5 / 6 ? (y = k, V = 1) : (y = 1, V = k), `rgb(${Math.round(y * 255)}, ${Math.round(x * 255)}, ${Math.round(V * 255)})`;
     }), C = L(() => {
-      const _ = a.value, k = s.value, w = l.value, y = w * k, V = y * (1 - Math.abs(_ * 6 % 2 - 1)), z = w - y;
+      const _ = a.value, k = s.value, y = l.value, x = y * k, V = x * (1 - Math.abs(_ * 6 % 2 - 1)), z = y - x;
       let N = 0, q = 0, K = 0;
-      return _ < 1 / 6 ? (N = y, q = V) : _ < 2 / 6 ? (N = V, q = y) : _ < 3 / 6 ? (q = y, K = V) : _ < 4 / 6 ? (q = V, K = y) : _ < 5 / 6 ? (N = V, K = y) : (N = y, K = V), N = Math.round((N + z) * 255), q = Math.round((q + z) * 255), K = Math.round((K + z) * 255), `rgb(${N}, ${q}, ${K})`;
+      return _ < 1 / 6 ? (N = x, q = V) : _ < 2 / 6 ? (N = V, q = x) : _ < 3 / 6 ? (q = x, K = V) : _ < 4 / 6 ? (q = V, K = x) : _ < 5 / 6 ? (N = V, K = x) : (N = x, K = V), N = Math.round((N + z) * 255), q = Math.round((q + z) * 255), K = Math.round((K + z) * 255), `rgb(${N}, ${q}, ${K})`;
     }), h = L(() => {
       const _ = C.value.match(/\d+/g);
       return _ ? i.value < 1 ? `rgba(${_[0]}, ${_[1]}, ${_[2]}, ${i.value})` : `rgb(${_[0]}, ${_[1]}, ${_[2]})` : C.value;
@@ -518,10 +518,10 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       const _ = C.value.match(/\d+/g);
       if (!_)
         return;
-      const k = _.map((w) => parseInt(w).toString(16).padStart(2, "0")).join("").toUpperCase();
+      const k = _.map((y) => parseInt(y).toString(16).padStart(2, "0")).join("").toUpperCase();
       if (t.showOpacityInHex) {
-        const w = Math.round(i.value * 255).toString(16).padStart(2, "0").toUpperCase();
-        r.value = k + w;
+        const y = Math.round(i.value * 255).toString(16).padStart(2, "0").toUpperCase();
+        r.value = k + y;
       } else
         r.value = k;
     }
@@ -533,12 +533,12 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
         s.value = N, l.value = 1 - q;
       };
       k(_);
-      const w = (V) => {
+      const y = (V) => {
         k(V);
-      }, y = () => {
-        document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", y);
+      }, x = () => {
+        document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", x);
       };
-      document.addEventListener("mousemove", w), document.addEventListener("mouseup", y);
+      document.addEventListener("mousemove", y), document.addEventListener("mouseup", x);
     }
     function $(_) {
       const k = (V) => {
@@ -548,12 +548,12 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
         a.value = N;
       };
       k(_);
-      const w = (V) => {
+      const y = (V) => {
         k(V);
-      }, y = () => {
-        document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", y);
+      }, x = () => {
+        document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", x);
       };
-      document.addEventListener("mousemove", w), document.addEventListener("mouseup", y);
+      document.addEventListener("mousemove", y), document.addEventListener("mouseup", x);
     }
     function P(_) {
       const k = (V) => {
@@ -563,28 +563,28 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
         i.value = 1 - N;
       };
       k(_);
-      const w = (V) => {
+      const y = (V) => {
         k(V);
-      }, y = () => {
-        document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", y);
+      }, x = () => {
+        document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", x);
       };
-      document.addEventListener("mousemove", w), document.addEventListener("mouseup", y);
+      document.addEventListener("mousemove", y), document.addEventListener("mouseup", x);
     }
     function U(_) {
-      const k = t.showOpacityInHex ? 8 : 6, w = String(_).replace(/[^0-9A-Fa-f]/g, "").slice(0, k).toUpperCase();
-      r.value = w, t.showOpacityInHex ? (w.length === 6 || w.length === 8) && T(w) : w.length === 6 && T(w);
+      const k = t.showOpacityInHex ? 8 : 6, y = String(_).replace(/[^0-9A-Fa-f]/g, "").slice(0, k).toUpperCase();
+      r.value = y, t.showOpacityInHex ? (y.length === 6 || y.length === 8) && T(y) : y.length === 6 && T(y);
     }
     function O(_) {
       var V;
-      const k = ((V = _.clipboardData) == null ? void 0 : V.getData("text")) || "", w = t.showOpacityInHex ? 8 : 6, y = k.replace(/^#/, "").replace(/[^0-9A-Fa-f]/g, "").slice(0, w).toUpperCase();
-      t.showOpacityInHex ? y.length === 6 || y.length === 8 ? (r.value = y, T(y), _.preventDefault()) : y.length > 0 && (r.value = y, _.preventDefault()) : y.length === 6 ? (r.value = y, T(y), _.preventDefault()) : y.length > 0 && (r.value = y, _.preventDefault());
+      const k = ((V = _.clipboardData) == null ? void 0 : V.getData("text")) || "", y = t.showOpacityInHex ? 8 : 6, x = k.replace(/^#/, "").replace(/[^0-9A-Fa-f]/g, "").slice(0, y).toUpperCase();
+      t.showOpacityInHex ? x.length === 6 || x.length === 8 ? (r.value = x, T(x), _.preventDefault()) : x.length > 0 && (r.value = x, _.preventDefault()) : x.length === 6 ? (r.value = x, T(x), _.preventDefault()) : x.length > 0 && (r.value = x, _.preventDefault());
     }
     function D() {
       const _ = t.showOpacityInHex ? 8 : 6;
       r.value.length !== _ && v();
     }
     function T(_) {
-      const k = _.startsWith("#") ? _.slice(1) : _, w = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k), y = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k), V = y || w;
+      const k = _.startsWith("#") ? _.slice(1) : _, y = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k), x = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k), V = x || y;
       if (!V) {
         const ve = /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/.exec(_);
         if (ve) {
@@ -598,7 +598,7 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
         return;
       }
       const z = parseInt(V[1], 16) / 255, N = parseInt(V[2], 16) / 255, q = parseInt(V[3], 16) / 255;
-      y && V[4] ? i.value = parseInt(V[4], 16) / 255 : i.value = 1;
+      x && V[4] ? i.value = parseInt(V[4], 16) / 255 : i.value = 1;
       const K = Math.max(z, N, q), _t = Math.min(z, N, q), ge = K - _t;
       let ke = 0;
       ge !== 0 && (K === z ? ke = ((N - q) / ge + (N < q ? 6 : 0)) / 6 : K === N ? ke = ((q - z) / ge + 2) / 6 : ke = ((z - N) / ge + 4) / 6);
@@ -614,8 +614,8 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       const _ = C.value.match(/\d+/g);
       if (!_)
         return "ffffff";
-      const k = _.map((y) => parseInt(y).toString(16).padStart(2, "0")).join("").toUpperCase(), w = Math.round(i.value * 255).toString(16).padStart(2, "0").toUpperCase();
-      return `#${k}${w}`;
+      const k = _.map((x) => parseInt(x).toString(16).padStart(2, "0")).join("").toUpperCase(), y = Math.round(i.value * 255).toString(16).padStart(2, "0").toUpperCase();
+      return `#${k}${y}`;
     }
     function Q() {
       const _ = W();
@@ -695,7 +695,7 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
           pe(Wt, {
             id: "color-picker-hex-input",
             modelValue: r.value,
-            "onUpdate:modelValue": k[0] || (k[0] = (w) => r.value = w),
+            "onUpdate:modelValue": k[0] || (k[0] = (y) => r.value = y),
             name: "hex-input",
             "placeholder-text": "",
             "label-status": !1,
@@ -706,11 +706,11 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
             onBlur: D
           }, null, 8, ["modelValue"])
         ]),
-        (f(!0), b(se, null, Ve(S.value, (w, y) => (f(), b("div", {
-          key: `preset-row-${y}`,
+        (f(!0), b(se, null, Ve(S.value, (y, x) => (f(), b("div", {
+          key: `preset-row-${x}`,
           class: "color-picker__preset-row"
         }, [
-          y === 0 ? (f(), b("div", {
+          x === 0 ? (f(), b("div", {
             key: 0,
             class: "color-picker__no-color",
             onClick: d
@@ -720,8 +720,8 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
               size: 14
             })
           ])) : R("", !0),
-          (f(!0), b(se, null, Ve(w, (V, z) => (f(), Z(Vt, {
-            key: `preset-${y}-${z}`,
+          (f(!0), b(se, null, Ve(y, (V, z) => (f(), Z(Vt, {
+            key: `preset-${x}-${z}`,
             color: V,
             "is-transparent": V === "transparent",
             onClick: (N) => V === "transparent" ? H(0) : T(V)
@@ -739,10 +739,10 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
           ])
         ])) : R("", !0),
         _.showSaveButton && u.value.length > 0 ? (f(), b("div", Zn, [
-          (f(!0), b(se, null, Ve(u.value, (w, y) => (f(), Z(Vt, {
-            key: `saved-${y}`,
-            color: w,
-            onClick: (V) => oe(w)
+          (f(!0), b(se, null, Ve(u.value, (y, x) => (f(), Z(Vt, {
+            key: `saved-${x}`,
+            color: y,
+            onClick: (V) => oe(y)
           }, null, 8, ["color", "onClick"]))), 128)),
           M("button", {
             onClick: Q,
@@ -893,15 +893,15 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       M("div", {
         ref_key: "dropdownRef",
         ref: s,
-        class: x(p(j).dropdown)
+        class: w(p(j).dropdown)
       }, [
         T.label ? (f(), b("label", {
           key: 0,
-          class: x(p(j).dropdown__label),
+          class: w(p(j).dropdown__label),
           for: T.id
         }, F(T.label), 11, go)) : R("", !0),
         M("button", {
-          class: x([
+          class: w([
             p(j).dropdown__valueContent,
             {
               [p(j)["dropdown__valueContent--open"]]: i.value
@@ -910,11 +910,11 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
           onClick: B
         }, [
           M("span", {
-            class: x(p(j).dropdown__value)
+            class: w(p(j).dropdown__value)
           }, F(O.value), 3),
           T.placeholder && !O.value ? (f(), b("span", {
             key: 0,
-            class: x(p(j).dropdown__placeholder)
+            class: w(p(j).dropdown__placeholder)
           }, F(T.placeholder), 3)) : R("", !0),
           (f(), b("svg", {
             fill: "none",
@@ -922,7 +922,7 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
             viewBox: "0 0 16 17",
             width: "16",
             xmlns: "http://www.w3.org/2000/svg",
-            class: x(p(j).dropdown__arrowIcon)
+            class: w(p(j).dropdown__arrowIcon)
           }, H[2] || (H[2] = [
             M("path", {
               d: "M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",
@@ -934,21 +934,21 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
       nt((f(), b("div", {
         ref_key: "menuRef",
         ref: l,
-        class: x(p(j).menu),
+        class: w(p(j).menu),
         style: te(U.value),
         onClick: H[1] || (H[1] = st(() => {
         }, ["prevent"]))
       }, [
         n.searchable ? (f(), b("div", {
           key: 0,
-          class: x(p(j).menu__searchContainer)
+          class: w(p(j).menu__searchContainer)
         }, [
           M("div", {
-            class: x(p(j).menu__searchInputWrap)
+            class: w(p(j).menu__searchInputWrap)
           }, [
             nt(M("input", {
               type: "text",
-              class: x([
+              class: w([
                 p(j).menu__searchInput,
                 {
                   [p(j)["menu__searchInput--error"]]: c.value
@@ -963,21 +963,21 @@ const dn = "_button__size_default_12xg6_1", pn = "_button__size_small_12xg6_8",
             ]),
             c.value ? (f(), b("p", {
               key: 0,
-              class: x(p(j).menu__errorMessage)
+              class: w(p(j).menu__errorMessage)
             }, F(c.value), 3)) : R("", !0)
           ], 2),
           n.addable ? (f(), b("button", {
             key: 0,
-            class: x(p(j).menu__addButton),
+            class: w(p(j).menu__addButton),
             onClick: I
           }, F(T.addButtonText), 3)) : R("", !0)
         ], 2)) : R("", !0),
         M("ul", {
-          class: x(p(j).menu__itemContainer)
+          class: w(p(j).menu__itemContainer)
         }, [
           (f(!0), b(se, null, Ve(A, (W, Q) => (f(), b("li", {
             key: `${W.value}-${Q}`,
-            class: x([
+            class: w([
               p(j).menu__item,
               {
                 [p(j)["menu__item--active"]]: r.value && W.value === r.value.value
@@ -1152,7 +1152,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       return o.border && n.push(o.border), o.borderRadius && n.push(o.borderRadius), o.borderTriangle && o.borderTrianglePosition && o.borderTriangleAlign && n.push(`in-box_${o.borderTrianglePosition}-${o.borderTriangleAlign}`), n.join(" ");
     });
     return (n, a) => (f(), b("div", {
-      class: x(["in-box", t.value])
+      class: w(["in-box", t.value])
     }, [
       le(n.$slots, "default", {}, void 0, !0)
     ], 2));
@@ -1197,7 +1197,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   setup(e) {
     const o = e, t = L(() => o.theme === "dark"), n = L(() => `in-info-box__${o.variant}`), a = L(() => `in-info-box__size-${o.size}`), s = L(() => t.value ? "inverse" : "default");
     return (l, i) => (f(), b("div", {
-      class: x([
+      class: w([
         p(J)["in-info-box"],
         t.value ? p(J)["in-info-box__background-inverse"] : p(J)["in-info-box__background-default"],
         p(J)[a.value],
@@ -1205,20 +1205,20 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       ])
     }, [
       M("div", {
-        class: x([
+        class: w([
           p(J)["in-info-box__container"],
           { [p(J)["in-info-box__container-full-width"]]: l.fullWidthContentStatus }
         ])
       }, [
         l.titleStatus ? (f(), b("div", {
           key: 0,
-          class: x([
+          class: w([
             p(J)["in-info-box__heading-wrapper"],
             { [p(J)["in-info-box__heading-wrapper-full-width"]]: l.fullWidthContentStatus }
           ])
         }, [
           M("div", {
-            class: x([
+            class: w([
               p(J)["in-info-box__heading"],
               p(J)[`in-info-box__heading-${s.value}`],
               { [p(J)["in-info-box__heading-full-width"]]: l.fullWidthContentStatus }
@@ -1227,7 +1227,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           }, null, 10, So),
           l.titleStatus && l.descriptionStatus ? (f(), b("div", {
             key: 0,
-            class: x([
+            class: w([
               p(J)["in-info-box__heading-details"],
               p(J)[`in-info-box__heading-details-${s.value}`]
             ]),
@@ -1235,7 +1235,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           }, null, 10, Io)) : R("", !0)
         ], 2)) : R("", !0),
         M("div", {
-          class: x(p(J)["in-info-box__content"])
+          class: w(p(J)["in-info-box__content"])
         }, [
           le(l.$slots, "default")
         ], 2)
@@ -1314,7 +1314,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         key: 0,
         ref_key: "contentRef",
         ref: i,
-        class: x(["popover__content", { "popover__content--visible": r.value }]),
+        class: w(["popover__content", { "popover__content--visible": r.value }]),
         style: te(u.value),
         onClick: C[0] || (C[0] = st(() => {
         }, ["prevent"]))
@@ -1345,12 +1345,13 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     validateAddItem: { type: Function, default: () => null },
     showSelectedIcon: { type: Boolean, default: !1 },
     menuHeight: { default: 154 },
-    width: {}
+    width: {},
+    mode: { default: "primary" }
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { expose: o, emit: t }) {
     on((v) => ({
-      "19b881e9": `${n.menuHeight}px`
+      "23ba40ce": `${n.menuHeight}px`
     }));
     const n = e, a = t, s = E(!1), l = E(null), i = E(""), r = E(null), u = E([...n.items]), c = E([...n.items]), g = () => {
       s.value = !s.value;
@@ -1424,7 +1425,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       ]),
       default: ot(() => [
         M("div", {
-          class: "in-dropdown-menu__menu",
+          class: w(["in-dropdown-menu__menu", [`in-dropdown-menu__menu--${n.mode}`]]),
           onClick: I[1] || (I[1] = st(() => {
           }, ["prevent"]))
         }, [
@@ -1463,7 +1464,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
               }, [
                 v.$slots.item ? (f(), b("div", {
                   key: 0,
-                  class: x(["in-dropdown-menu__item-content", [
+                  class: w(["in-dropdown-menu__item-content", [
                     {
                       "in-dropdown-menu__item--active": l.value && $.value === l.value.value
                     }
@@ -1477,7 +1478,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
                 ], 10, $o)) : (f(), Z(p(at), {
                   key: 1,
                   fill: "",
-                  class: x(["in-dropdown-menu__item-button", [
+                  class: w(["in-dropdown-menu__item-button", [
                     {
                       "in-dropdown-menu__item-button--active": l.value && $.value === l.value.value
                     }
@@ -1492,12 +1493,12 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
               ]);
             }), 128))
           ])
-        ])
+        ], 2)
       ]),
       _: 3
     }, 8, ["width", "modelValue"]));
   }
-}), ai = /* @__PURE__ */ me(Lo, [["__scopeId", "data-v-4a084e0a"]]), Ro = { class: "in-tabs" }, Oo = ["disabled", "onClick"], Do = /* @__PURE__ */ Y({
+}), ai = /* @__PURE__ */ me(Lo, [["__scopeId", "data-v-24275cb4"]]), Ro = { class: "in-tabs" }, Oo = ["disabled", "onClick"], Do = /* @__PURE__ */ Y({
   __name: "InTabs",
   props: {
     tabs: {},
@@ -1523,7 +1524,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     ), (l, i) => (f(), b("div", Ro, [
       (f(!0), b(se, null, Ve(l.tabs, (r, u) => (f(), b("button", {
         key: `${r.value}-${u}`,
-        class: x([
+        class: w([
           "in-tabs__tab",
           {
             "in-tabs__tab--active": a.value === r.value
@@ -1592,7 +1593,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     return o({
       textareaRef: l
     }), (h, v) => (f(), b("fieldset", {
-      class: x([
+      class: w([
         p(de)["in-form-item"],
         p(de)["in-textarea-wrapper"],
         { [p(de)["in-form-item_invalid"]]: h.invalid }
@@ -1601,7 +1602,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       h.withLabel ? (f(), b("label", {
         key: 0,
         for: h.id,
-        class: x([
+        class: w([
           p(de)["in-textarea-wrapper__label"],
           { [p(de)["in-textarea-wrapper__label_disable"]]: h.disabled }
         ])
@@ -1610,7 +1611,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         id: h.id,
         ref_key: "textareaRef",
         ref: l,
-        class: x([
+        class: w([
           p(de)["in-textarea-wrapper__textarea"],
           { [p(de)["in-textarea-wrapper__textarea_disable"]]: h.disabled },
           { [p(de)["in-textarea-wrapper__textarea_smart"]]: h.type === "smart" },
@@ -1633,7 +1634,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       }, "        ", 46, Ho),
       h.invalid ? (f(), b("p", {
         key: 1,
-        class: x([
+        class: w([
           p(de)["in-textarea-wrapper__error-message"]
         ])
       }, F(h.invalidMessage), 3)) : R("", !0)
@@ -1664,7 +1665,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       a.value && !a.value.disabled && (a.value.checked = !a.value.checked, a.value.dispatchEvent(new Event("change", { bubbles: !0 })));
     };
     return (r, u) => (f(), b("fieldset", {
-      class: x(["in-form-item in-toggle-wrapper", [
+      class: w(["in-form-item in-toggle-wrapper", [
         {
           "in-toggle-wrapper_disable": r.disabled,
           "in-toggle-wrapper_checked": r.checked
@@ -1773,7 +1774,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       return t.fill && u.push(Pe.fill), t.customClass && u.push(t.customClass), u;
     });
     return (u, c) => (f(), b("button", {
-      class: x(r.value),
+      class: w(r.value),
       disabled: t.disabled,
       onClick: a
     }, [
@@ -1783,7 +1784,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         size: u.iconSize
       }, null, 8, ["name", "size"])) : R("", !0),
       M("input", {
-        class: x(p(Pe).inputButton__input),
+        class: w(p(Pe).inputButton__input),
         value: u.inputValue,
         placeholder: u.inputPlaceholder,
         disabled: t.disabled,
@@ -1836,33 +1837,33 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     }), (r, u) => (f(), b(se, null, [
       r.hasOverlay ? (f(), b("div", {
         key: 0,
-        class: x(p(ye).modalOverlay),
+        class: w(p(ye).modalOverlay),
         onClick: s
       }, null, 2)) : R("", !0),
       pe(an, { name: "modal-transition" }, {
         default: ot(() => [
           nt(M("div", {
-            class: x([p(ye).modalWrapper, p(ye)[t.size]])
+            class: w([p(ye).modalWrapper, p(ye)[t.size]])
           }, [
             M("div", {
-              class: x([p(ye).modal, p(ye)[t.size]])
+              class: w([p(ye).modal, p(ye)[t.size]])
             }, [
               M("button", {
-                class: x(p(ye).close),
+                class: w(p(ye).close),
                 onClick: s
               }, " × ", 2),
               M("div", {
-                class: x(p(ye).header)
+                class: w(p(ye).header)
               }, [
                 M("p", null, F(r.title), 1)
               ], 2),
               M("div", {
-                class: x(p(ye).section)
+                class: w(p(ye).section)
               }, [
                 le(r.$slots, "section", {}, void 0, !0)
               ], 2),
               M("div", {
-                class: x(p(ye).footer)
+                class: w(p(ye).footer)
               }, [
                 pe(p(at), {
                   color: "secondary",
@@ -1929,17 +1930,17 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     return (i, r) => {
       var u;
       return f(), b("div", {
-        class: x([p(xe).wrapper, p(xe)[`wrapper__size_${i.size}`]])
+        class: w([p(xe).wrapper, p(xe)[`wrapper__size_${i.size}`]])
       }, [
         i.label ? (f(), b("label", {
           key: 0,
-          class: x(p(xe).wrapper__label),
+          class: w(p(xe).wrapper__label),
           for: i.id
         }, F(i.label), 11, ga)) : R("", !0),
         M("input", {
           id: i.id,
           type: "number",
-          class: x([
+          class: w([
             p(xe).wrapper__field,
             {
               [p(xe)["wrapper--error"]]: i.error || i.errorStatus
@@ -1959,15 +1960,15 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         }, null, 42, va),
         i.counter || i.error ? (f(), b("div", {
           key: 1,
-          class: x(p(xe).wrapper__bottom)
+          class: w(p(xe).wrapper__bottom)
         }, [
           i.error ? (f(), b("div", {
             key: 0,
-            class: x(p(xe).wrapper__errorMessage)
+            class: w(p(xe).wrapper__errorMessage)
           }, F(i.error), 3)) : R("", !0),
           i.counter ? (f(), b("div", {
             key: 1,
-            class: x(p(xe).wrapper__counter)
+            class: w(p(xe).wrapper__counter)
           }, F(((u = i.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : R("", !0)
         ], 2)) : R("", !0)
       ], 2);
@@ -2000,7 +2001,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       }
     });
     return (n, a) => (f(), b("div", {
-      class: x([
+      class: w([
         p(mt).container,
         p(mt)[`container__${n.variant}`]
       ])
@@ -2010,25 +2011,25 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         size: 24
       }, null, 8, ["name"]),
       M("span", {
-        class: x(p(mt).container__text)
+        class: w(p(mt).container__text)
       }, F(n.text), 3)
     ], 2));
   }
-}), ka = "_wrapper_1kgon_36", Ba = "_button_1kgon_43", Sa = "_button__label_1kgon_72", Ia = "_button__icon_1kgon_75", ee = {
+}), ka = "_wrapper_1i7bu_36", Ba = "_button_1i7bu_43", Sa = "_button__label_1i7bu_72", Ia = "_button__icon_1i7bu_75", ee = {
   wrapper: ka,
-  "wrapper--horizontal": "_wrapper--horizontal_1kgon_40",
+  "wrapper--horizontal": "_wrapper--horizontal_1i7bu_40",
   button: Ba,
-  "button--first": "_button--first_1kgon_46",
-  "button--last": "_button--last_1kgon_49",
-  "wrapper--vertical": "_wrapper--vertical_1kgon_52",
-  "wrapper--disabled": "_wrapper--disabled_1kgon_64",
-  "wrapper--icon-only": "_wrapper--icon-only_1kgon_68",
+  "button--first": "_button--first_1i7bu_46",
+  "button--last": "_button--last_1i7bu_49",
+  "wrapper--vertical": "_wrapper--vertical_1i7bu_52",
+  "wrapper--disabled": "_wrapper--disabled_1i7bu_64",
+  "wrapper--icon-only": "_wrapper--icon-only_1i7bu_68",
   button__label: Sa,
   button__icon: Ia,
-  "wrapper--label-only": "_wrapper--label-only_1kgon_78",
-  "button--selected": "_button--selected_1kgon_101",
-  "button--disabled": "_button--disabled_1kgon_121",
-  "wrapper--small": "_wrapper--small_1kgon_134"
+  "wrapper--label-only": "_wrapper--label-only_1i7bu_78",
+  "button--selected": "_button--selected_1i7bu_101",
+  "button--disabled": "_button--disabled_1i7bu_121",
+  "wrapper--small": "_wrapper--small_1i7bu_134"
 }, Va = ["data-mode", "disabled", "onClick"], pi = /* @__PURE__ */ Y({
   __name: "SegmentButton",
   props: {
@@ -2043,14 +2044,14 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   emits: ["update:modelValue", "click"],
   setup(e, { emit: o }) {
     const t = e, n = o, a = E(t.modelValue || ""), s = (l) => {
-      t.disabled || l.disabled || (a.value = l.value, n("update:modelValue", l.value), n("click", l.value));
+      t.disabled || l.disabled || (n("update:modelValue", l.value), n("click", l.value));
     };
     return G(() => t.modelValue, (l) => {
       a.value !== l && (a.value = l || "");
     }), G(() => t.segments, (l) => {
       l.some((i) => i.value === a.value) || (a.value = "", n("update:modelValue", ""));
     }, { deep: !0 }), (l, i) => (f(), b("div", {
-      class: x([
+      class: w([
         p(ee).wrapper,
         p(ee)[`wrapper--${l.orientation}`],
         p(ee)[`wrapper--${l.size}`],
@@ -2063,7 +2064,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         key: `${r.value}-${u}`,
         type: "button",
         "data-mode": r.mode,
-        class: x([
+        class: w([
           p(ee).button,
           {
             [p(ee)["button--selected"]]: r.value === a.value,
@@ -2077,23 +2078,23 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       }, [
         l.iconOnly && r.icon ? (f(), Z(p(ne), {
           key: 0,
-          class: x(p(ee).button__icon),
+          class: w(p(ee).button__icon),
           name: r.icon,
           size: 24
         }, null, 8, ["class", "name"])) : R("", !0),
         l.labelOnly && r.label ? (f(), b("span", {
           key: 1,
-          class: x(p(ee).button__label)
+          class: w(p(ee).button__label)
         }, F(r.label), 3)) : R("", !0),
         !l.iconOnly && !l.labelOnly ? (f(), b(se, { key: 2 }, [
           r.icon ? (f(), Z(p(ne), {
             key: 0,
-            class: x(p(ee).button__icon),
+            class: w(p(ee).button__icon),
             name: r.icon
           }, null, 8, ["class", "name"])) : R("", !0),
           r.label ? (f(), b("span", {
             key: 1,
-            class: x(p(ee).button__label)
+            class: w(p(ee).button__label)
           }, F(r.label), 3)) : R("", !0)
         ], 64)) : R("", !0)
       ], 10, Va))), 128))
@@ -2142,11 +2143,11 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     }), (i, r) => {
       var u;
       return f(), b("div", {
-        class: x([p(re).wrapper, i.mode === "smart" ? p(re)["wrapper--smart"] : p(re)["wrapper--primary"]])
+        class: w([p(re).wrapper, i.mode === "smart" ? p(re)["wrapper--smart"] : p(re)["wrapper--primary"]])
       }, [
         i.label ? (f(), b("label", {
           key: 0,
-          class: x(p(re).wrapper__label),
+          class: w(p(re).wrapper__label),
           for: i.id
         }, F(i.label), 11, Oa)) : R("", !0),
         i.multiline ? (f(), b("textarea", {
@@ -2154,7 +2155,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           id: i.id,
           ref_key: "textareaRef",
           ref: a,
-          class: x([
+          class: w([
             p(re).wrapper__field,
             {
               [p(re)["wrapper--error"]]: i.error
@@ -2174,7 +2175,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           key: 2,
           id: i.id,
           type: "text",
-          class: x([
+          class: w([
             p(re).wrapper__field,
             {
               [p(re)["wrapper--error"]]: i.error
@@ -2191,15 +2192,15 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           onPaste: r[7] || (r[7] = (c) => n("paste", c))
         }, null, 42, Pa)),
         M("div", {
-          class: x(p(re).wrapper__bottom)
+          class: w(p(re).wrapper__bottom)
         }, [
           i.error ? (f(), b("div", {
             key: 0,
-            class: x(p(re).wrapper__errorMessage)
+            class: w(p(re).wrapper__errorMessage)
           }, F(i.error), 3)) : R("", !0),
           i.counter ? (f(), b("div", {
             key: 1,
-            class: x(p(re).wrapper__counter)
+            class: w(p(re).wrapper__counter)
           }, F(((u = i.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : R("", !0)
         ], 2)
       ], 2);
@@ -2225,7 +2226,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       n("click", !t.checked);
     };
     return (s, l) => (f(), b("fieldset", {
-      class: x([
+      class: w([
         p(Ke).wrapper,
         {
           [p(Ke).wrapper_checked]: s.checked,
@@ -2237,13 +2238,13 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         id: s.id,
         type: "checkbox",
         checked: s.checked,
-        class: x(p(Ke).wrapper__input),
+        class: w(p(Ke).wrapper__input),
         disabled: s.disabled,
         name: s.name,
         onClick: a
       }, null, 10, Ua),
       M("label", {
-        class: x(p(Ke).wrapper__label),
+        class: w(p(Ke).wrapper__label),
         for: s.id
       }, null, 10, Ya)
     ], 2));
@@ -2532,14 +2533,14 @@ const ol = (e) => ({
     }, m = xt(a), S = yt(m), B = await l.getDimensions(u), C = m === "y", h = C ? "top" : "left", v = C ? "bottom" : "right", I = C ? "clientHeight" : "clientWidth", $ = s.reference[S] + s.reference[m] - A[m] - s.floating[S], P = A[m] - s.reference[m], U = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
     let O = U ? U[I] : 0;
     (!O || !await (l.isElement == null ? void 0 : l.isElement(U))) && (O = i.floating[I] || s.floating[S]);
-    const D = $ / 2 - P / 2, T = O / 2 - B[S] / 2 - 1, H = Ne(g[h], T), W = Ne(g[v], T), Q = H, oe = O - B[S] - W, d = O / 2 - B[S] / 2 + D, _ = gt(Q, d, oe), k = !r.arrow && Xe(a) != null && d !== _ && s.reference[S] / 2 - (d < Q ? H : W) - B[S] / 2 < 0, w = k ? d < Q ? d - Q : d - oe : 0;
+    const D = $ / 2 - P / 2, T = O / 2 - B[S] / 2 - 1, H = Ne(g[h], T), W = Ne(g[v], T), Q = H, oe = O - B[S] - W, d = O / 2 - B[S] / 2 + D, _ = gt(Q, d, oe), k = !r.arrow && Xe(a) != null && d !== _ && s.reference[S] / 2 - (d < Q ? H : W) - B[S] / 2 < 0, y = k ? d < Q ? d - Q : d - oe : 0;
     return {
-      [m]: A[m] + w,
+      [m]: A[m] + y,
       data: {
         [m]: _,
-        centerOffset: d - _ - w,
+        centerOffset: d - _ - y,
         ...k && {
-          alignmentOffset: w
+          alignmentOffset: y
         }
       },
       reset: k
@@ -2585,7 +2586,7 @@ const ol = (e) => ({
         const d = (((W = s.flip) == null ? void 0 : W.index) || 0) + 1, _ = O[d];
         if (_ && (!(g === "alignment" ? v !== Ae(_) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        H.every((y) => Ae(y.placement) === v ? y.overflows[0] > 0 : !0)))
+        H.every((x) => Ae(x.placement) === v ? x.overflows[0] > 0 : !0)))
           return {
             data: {
               index: d,
@@ -2595,21 +2596,21 @@ const ol = (e) => ({
               placement: _
             }
           };
-        let k = (Q = H.filter((w) => w.overflows[0] <= 0).sort((w, y) => w.overflows[1] - y.overflows[1])[0]) == null ? void 0 : Q.placement;
+        let k = (Q = H.filter((y) => y.overflows[0] <= 0).sort((y, x) => y.overflows[1] - x.overflows[1])[0]) == null ? void 0 : Q.placement;
         if (!k)
           switch (m) {
             case "bestFit": {
               var oe;
-              const w = (oe = H.filter((y) => {
+              const y = (oe = H.filter((x) => {
                 if (U) {
-                  const V = Ae(y.placement);
+                  const V = Ae(x.placement);
                   return V === v || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   V === "y";
                 }
                 return !0;
-              }).map((y) => [y.placement, y.overflows.filter((V) => V > 0).reduce((V, z) => V + z, 0)]).sort((y, V) => y[1] - V[1])[0]) == null ? void 0 : oe[0];
-              w && (k = w);
+              }).map((x) => [x.placement, x.overflows.filter((V) => V > 0).reduce((V, z) => V + z, 0)]).sort((x, V) => x[1] - V[1])[0]) == null ? void 0 : oe[0];
+              y && (k = y);
               break;
             }
             case "initialPlacement":
@@ -3459,7 +3460,7 @@ const Yl = "_bubble_6zub9_1", Kl = "_trigger_6zub9_43", Ql = "_trigger__icon_6zu
         id: D.id,
         ref_key: "triggerRef",
         ref: i,
-        class: x(p(Qe).trigger),
+        class: w(p(Qe).trigger),
         onMouseenter: h,
         onMouseleave: v
       }, [
@@ -3473,13 +3474,13 @@ const Yl = "_bubble_6zub9_1", Kl = "_trigger_6zub9_43", Ql = "_trigger__icon_6zu
         M("div", {
           ref_key: "tooltipRef",
           ref: l,
-          class: x(["qa-tooltip", p(Qe).bubble]),
+          class: w(["qa-tooltip", p(Qe).bubble]),
           style: te(P.value),
           onMouseenter: h,
           onMouseleave: v
         }, [
           M("div", {
-            class: x(p(Qe).bubble__content)
+            class: w(p(Qe).bubble__content)
           }, [
             M("div", { innerHTML: c.value }, null, 8, Xl),
             le(D.$slots, "contentSlot")
@@ -3487,7 +3488,7 @@ const Yl = "_bubble_6zub9_1", Kl = "_trigger_6zub9_43", Ql = "_trigger__icon_6zu
           M("div", {
             ref_key: "floatingArrowRef",
             ref: r,
-            class: x(p(Qe).arrow),
+            class: w(p(Qe).arrow),
             style: te(O.value)
           }, null, 6)
         ], 38)