@useinsider/ab-components 0.0.81 → 0.0.82-beta.2

package/dist/ab-components.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, computed as R, createElementBlock as v, openBlock as f, normalizeClass as w, createBlock as j, createCommentVNode as $, unref as c, toDisplayString as W, createElementVNode as M, renderSlot as ie, ref as E, watch as X, onMounted as Fe, nextTick as Qe, normalizeStyle as ne, createVNode as pe, Fragment as ae, renderList as Ve, reactive as It, withDirectives as ot, withModifiers as rt, vModelText as nn, vShow as zt, withCtx as Ge, useCssVars as on, onBeforeUnmount as Nt, Transition as an, shallowRef as ln, getCurrentScope as sn, onScopeDispose as rn, shallowReadonly as Oe, onBeforeMount as un, Teleport as cn } from "vue";
+import { defineComponent as Y, computed as R, createElementBlock as v, openBlock as f, normalizeClass as w, createBlock as j, createCommentVNode as E, unref as c, toDisplayString as W, createElementVNode as M, renderSlot as ie, ref as L, watch as X, onMounted as Fe, nextTick as Qe, normalizeStyle as ne, createVNode as pe, Fragment as ae, renderList as Ve, reactive as It, withDirectives as ot, withModifiers as rt, vModelText as nn, vShow as zt, withCtx as Ge, useCssVars as on, onBeforeUnmount as Nt, Transition as an, shallowRef as ln, getCurrentScope as sn, onScopeDispose as rn, shallowReadonly as Oe, onBeforeMount as un, Teleport as cn } from "vue";
 const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8", _n = "_button_aw3lw_1", fn = "_button__label_aw3lw_60", mn = "_button__solid_aw3lw_72", hn = "_fill_aw3lw_1302", Ie = {
   button__size_default: dn,
   button__size_small: pn,
@@ -82,17 +82,17 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
         color: i.iconColor,
         name: r.value,
         size: i.iconSize
-      }, null, 8, ["color", "name", "size"])) : $("", !0),
+      }, null, 8, ["color", "name", "size"])) : E("", !0),
       i.label ? (f(), v("span", {
         key: 1,
         class: w(c(Ie).button__label)
-      }, W(i.label), 3)) : $("", !0),
+      }, W(i.label), 3)) : E("", !0),
       i.rightIconName ? (f(), j(c(ee), {
         key: 2,
         color: i.iconColor,
         name: i.rightIconName,
         size: i.iconSize
-      }, null, 8, ["color", "name", "size"])) : $("", !0)
+      }, null, 8, ["color", "name", "size"])) : E("", !0)
     ], 10, gn));
   }
 }), 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 = {
@@ -151,12 +151,12 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
           key: 0,
           name: "line-check-netural",
           size: 16
-        })) : $("", !0)
+        })) : E("", !0)
       ], 2),
       a.label ? (f(), v("span", {
         key: 0,
         class: w(c(De).checkbox__label)
-      }, W(a.label), 3)) : $("", !0),
+      }, W(a.label), 3)) : E("", !0),
       ie(a.$slots, "default")
     ], 10, Cn));
   }
@@ -218,7 +218,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "keyup", "keypress", "click", "paste", "leftIconClick", "rightIconClick"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(""), r = R(() => t.preventXss ? String(t.labelText).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : t.labelText), a = R(() => t.states === "default"), i = R(
+    const t = e, n = o, l = L(""), r = R(() => t.preventXss ? String(t.labelText).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : t.labelText), a = R(() => t.states === "default"), i = R(
       () => t.states === "warning" || t.states === "error"
     ), s = R(
       () => t.helperMessageStatus || i.value
@@ -233,17 +233,20 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
       }
       return l.value = ((_ = p == null ? void 0 : p.target) == null ? void 0 : _.value) || "", p;
     }, m = (p) => {
-      if (!(p != null && p.target)) return;
-      const _ = p.target, k = _.selectionStart;
-      if (k === null) return;
-      const y = k - 1, x = p.target.value, V = C(), z = [...x.matchAll(V)].map((N) => N.index);
+      if (!(p != null && p.target))
+        return;
+      const _ = p.target, { selectionStart: k } = _;
+      if (k === null)
+        return;
+      const y = k - 1, { value: x } = p.target, V = C(), z = [...x.matchAll(V)].map((N) => N.index);
       p.target.value = x.replace(V, ""), z.length > 0 && y >= 0 && _.setSelectionRange(y, y);
     }, S = (p) => {
-      if (!(p != null && p.target)) return;
-      const _ = p.target.value, k = p.target, y = k.selectionStart;
-      if (y === null) return;
-      let x = y - 1;
-      const V = B(), z = [..._.matchAll(V)].map((G) => G.index), N = _.split("");
+      if (!(p != null && p.target))
+        return;
+      const { value: _ } = p.target, k = p.target, { selectionStart: y } = k;
+      if (y === null)
+        return;
+      const x = y - 1, V = B(), z = [..._.matchAll(V)].map((G) => G.index), N = _.split("");
       z.length > 1 && x >= 0 && (N[x] = ""), p.target.value = N.join(""), z.length > 1 && x >= 0 && k.setSelectionRange(x, x);
     }, B = () => {
       let p = "";
@@ -257,9 +260,9 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
       p.key === "Enter" && n("keypress", p), u.value && g(p.key) && p.preventDefault();
     }, I = (p) => {
       n("focus", p);
-    }, L = (p) => {
+    }, T = (p) => {
       n("blur", p);
-    }, P = (p) => {
+    }, D = (p) => {
       n("click", p);
     }, q = (p) => {
       var y;
@@ -273,12 +276,13 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
       u.value && (m(_), S(_)), A(_);
       const k = ((y = _ == null ? void 0 : _.target) == null ? void 0 : y.value) || "";
       l.value = k, n("change", k), n("update:modelValue", k);
-    }, D = (p) => {
+    }, P = (p) => {
       var tt, ve;
       if (t.maxCharacterLength && typeof t.maxCharacterLength == "number") {
         const J = p.target, se = J.selectionStart, be = J.selectionEnd;
-        if (se === null || be === null) return;
-        const Ue = J.value, we = ((tt = p.clipboardData) == null ? void 0 : tt.getData("text/plain")) || "", ft = Ue.length, Be = be - se, Se = t.maxCharacterLength - ft + Be;
+        if (se === null || be === null)
+          return;
+        const { value: Ue } = J, we = ((tt = p.clipboardData) == null ? void 0 : tt.getData("text/plain")) || "", ft = Ue.length, Be = be - se, Se = t.maxCharacterLength - ft + Be;
         if (Se <= 0) {
           p.preventDefault();
           return;
@@ -297,8 +301,9 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
         return;
       p.preventDefault();
       const _ = p.target, k = _.selectionStart, y = _.selectionEnd;
-      if (k === null || y === null) return;
-      const x = _.value, V = x.includes(".") || x.includes(","), z = ((ve = p.clipboardData) == null ? void 0 : ve.getData("text/plain")) || "", N = B(), G = C();
+      if (k === null || y === null)
+        return;
+      const { value: x } = _, V = x.includes(".") || x.includes(","), z = ((ve = p.clipboardData) == null ? void 0 : ve.getData("text/plain")) || "", N = B(), G = C();
       let K = z.replace(G, "");
       const _t = [...K.matchAll(N)], ge = [];
       _t.forEach((J) => {
@@ -310,7 +315,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
       }), K = ke.join("");
       const et = k + K.length, Le = x.slice(0, k) + K + x.slice(y);
       _.value = Le, _.setSelectionRange(et, et), l.value = Le, n("input", Le), n("update:modelValue", Le);
-    }, T = (p) => {
+    }, $ = (p) => {
       n("leftIconClick", p);
     }, H = (p) => {
       n("rightIconClick", p);
@@ -319,7 +324,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
         var p;
         (p = Q.value) == null || p.focus();
       });
-    }, Q = E(null), oe = E(null);
+    }, Q = L(null), oe = L(null);
     return X(
       () => t.modelValue,
       (p) => {
@@ -344,18 +349,18 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
     }, [
       p.labelStatus ? (f(), v("label", Bn, [
         M("span", { innerHTML: r.value }, null, 8, Sn)
-      ])) : $("", !0),
+      ])) : E("", !0),
       M("div", In, [
         p.$slots.leftSlot ? (f(), v("div", Vn, [
           ie(p.$slots, "leftSlot", {}, void 0, !0)
-        ])) : $("", !0),
+        ])) : E("", !0),
         p.leftIconStatus ? (f(), j(c(ee), {
           key: 1,
           class: "in-basic-text-input-wrapper__icon-left",
           name: p.leftIconName,
           size: 24,
-          onClick: T
-        }, null, 8, ["name"])) : $("", !0),
+          onClick: $
+        }, null, 8, ["name"])) : E("", !0),
         M("input", {
           id: p.id,
           ref_key: "textInput",
@@ -373,31 +378,31 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
           type: p.type,
           onChange: O,
           onFocus: I,
-          onBlur: L,
+          onBlur: T,
           onKeyup: h,
           onKeypress: b,
-          onClick: P,
+          onClick: D,
           onInput: q,
-          onPaste: D
+          onPaste: P
         }, null, 40, Mn),
-        p.suffixTextStatus && p.suffixText ? (f(), v("span", Tn, W(p.suffixText), 1)) : $("", !0),
+        p.suffixTextStatus && p.suffixText ? (f(), v("span", Tn, W(p.suffixText), 1)) : E("", !0),
         p.rightIconStatus ? (f(), j(c(ee), {
           key: 3,
           class: "in-basic-text-input-wrapper__icon-right",
           name: p.rightIconName,
           size: 24,
           onClick: H
-        }, null, 8, ["name"])) : $("", !0),
+        }, null, 8, ["name"])) : E("", !0),
         p.$slots.rightSlot ? (f(), v("div", $n, [
           ie(p.$slots, "rightSlot", {}, void 0, !0)
-        ])) : $("", !0)
+        ])) : E("", !0)
       ]),
       s.value ? (f(), v("div", En, [
         p.helperMessageStatus || i.value ? (f(), v("div", Ln, [
-          a.value ? (f(), v("p", Rn, W(p.helperMessage), 1)) : $("", !0),
-          i.value && !p.disabledStatus ? (f(), v("p", On, W(p.stateMessage), 1)) : $("", !0)
-        ])) : $("", !0)
-      ])) : $("", !0)
+          a.value ? (f(), v("p", Rn, W(p.helperMessage), 1)) : E("", !0),
+          i.value && !p.disabledStatus ? (f(), v("p", On, W(p.stateMessage), 1)) : E("", !0)
+        ])) : E("", !0)
+      ])) : E("", !0)
     ], 2));
   }
 }), me = (e, o) => {
@@ -405,7 +410,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
   for (const [n, l] of o)
     t[n] = l;
   return t;
-}, Wt = /* @__PURE__ */ me(Dn, [["__scopeId", "data-v-be2df566"]]), Pn = {
+}, Wt = /* @__PURE__ */ me(Dn, [["__scopeId", "data-v-ea54bc51"]]), Pn = {
   key: 0,
   class: "color-swatch__transparent"
 }, Hn = /* @__PURE__ */ Y({
@@ -436,7 +441,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
           key: 0,
           class: "color-swatch__color-overlay",
           style: ne({ background: n.color })
-        }, null, 4)) : $("", !0)
+        }, null, 4)) : E("", !0)
       ])) : (f(), v("div", {
         key: 1,
         class: "color-swatch__color",
@@ -482,7 +487,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
   },
   emits: ["color-change", "close"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(0), r = E(0), a = E(0.4), i = E(1), s = E("666666"), u = E([]), d = E(!1), g = E(null), A = E(null), m = E(null), S = R(() => {
+    const t = e, n = o, l = L(0), r = L(0), a = L(0.4), i = L(1), s = L("666666"), u = L([]), d = L(!1), g = L(null), A = L(null), m = L(null), S = R(() => {
       const _ = t.presetColors || [], k = [], y = 8;
       if (_.length === 0)
         return k;
@@ -508,7 +513,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
     }), X(
       () => t.color,
       (_) => {
-        _ && (d.value = !0, _.toLowerCase() === "transparent" ? p() : T(_), setTimeout(() => {
+        _ && (d.value = !0, _.toLowerCase() === "transparent" ? p() : $(_), setTimeout(() => {
           d.value = !1;
         }, 0));
       },
@@ -544,7 +549,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
       };
       document.addEventListener("mousemove", y), document.addEventListener("mouseup", x);
     }
-    function L(_) {
+    function T(_) {
       const k = (V) => {
         if (!A.value)
           return;
@@ -559,7 +564,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
       };
       document.addEventListener("mousemove", y), document.addEventListener("mouseup", x);
     }
-    function P(_) {
+    function D(_) {
       const k = (V) => {
         if (!m.value)
           return;
@@ -576,18 +581,18 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
     }
     function q(_) {
       const k = t.showOpacityInHex ? 8 : 6, y = String(_).replace(/[^0-9A-Fa-f]/g, "").slice(0, k).toUpperCase();
-      s.value = y, t.showOpacityInHex ? (y.length === 6 || y.length === 8) && T(y) : y.length === 6 && T(y);
+      s.value = y, t.showOpacityInHex ? (y.length === 6 || y.length === 8) && $(y) : y.length === 6 && $(y);
     }
     function O(_) {
       var V;
       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 ? (s.value = x, T(x), _.preventDefault()) : x.length > 0 && (s.value = x, _.preventDefault()) : x.length === 6 ? (s.value = x, T(x), _.preventDefault()) : x.length > 0 && (s.value = x, _.preventDefault());
+      t.showOpacityInHex ? x.length === 6 || x.length === 8 ? (s.value = x, $(x), _.preventDefault()) : x.length > 0 && (s.value = x, _.preventDefault()) : x.length === 6 ? (s.value = x, $(x), _.preventDefault()) : x.length > 0 && (s.value = x, _.preventDefault());
     }
-    function D() {
+    function P() {
       const _ = t.showOpacityInHex ? 8 : 6;
       s.value.length !== _ && b();
     }
-    function T(_) {
+    function $(_) {
       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(_);
@@ -626,7 +631,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
       u.value.includes(_) || u.value.push(_);
     }
     function oe(_) {
-      T(_);
+      $(_);
     }
     function p() {
       s.value = "", i.value = 0, l.value = 0, r.value = 0, a.value = 0.4, n("color-change", "transparent");
@@ -638,7 +643,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
         ]),
         _.$slots.tabs ? (f(), v("div", Un, [
           ie(_.$slots, "tabs", {}, void 0, !0)
-        ])) : $("", !0)
+        ])) : E("", !0)
       ]),
       M("div", qn, [
         M("div", Yn, [
@@ -662,7 +667,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
           M("div", Qn, [
             M("div", {
               class: "color-picker__hue-slider",
-              onMousedown: L,
+              onMousedown: T,
               ref_key: "hueSliderRef",
               ref: A
             }, [
@@ -676,7 +681,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
         M("div", Gn, [
           M("div", {
             class: "color-picker__opacity-slider",
-            onMousedown: P,
+            onMousedown: D,
             ref_key: "opacitySliderRef",
             ref: m
           }, [
@@ -707,7 +712,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
             type: "text",
             onInput: q,
             onPaste: O,
-            onBlur: D
+            onBlur: P
           }, null, 8, ["modelValue"])
         ]),
         (f(!0), v(ae, null, Ve(S.value, (y, x) => (f(), v("div", {
@@ -723,12 +728,12 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
               name: "no-color",
               size: 14
             })
-          ])) : $("", !0),
+          ])) : E("", !0),
           (f(!0), v(ae, null, Ve(y, (V, z) => (f(), j(Vt, {
             key: `preset-${x}-${z}`,
             color: V,
             "is-transparent": V === "transparent",
-            onClick: (N) => V === "transparent" ? H(0) : T(V)
+            onClick: (N) => V === "transparent" ? H(0) : $(V)
           }, null, 8, ["color", "is-transparent", "onClick"]))), 128))
         ]))), 128)),
         S.value.length === 0 ? (f(), v("div", Xn, [
@@ -741,7 +746,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
               size: 14
             })
           ])
-        ])) : $("", !0),
+        ])) : E("", !0),
         _.showSaveButton && u.value.length > 0 ? (f(), v("div", Zn, [
           (f(!0), v(ae, null, Ve(u.value, (y, x) => (f(), j(Vt, {
             key: `saved-${x}`,
@@ -759,7 +764,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
             class: "color-picker__save-button",
             title: "Save current color"
           })
-        ])) : $("", !0)
+        ])) : E("", !0)
       ])
     ]));
   }
@@ -831,13 +836,13 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { emit: o }) {
-    const t = Ft, n = e, l = o, r = E(), a = E(), i = E(!1), s = E(null), u = E(""), d = E(null), g = E({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), A = It([...n.items]), m = It([...n.items]), S = () => {
+    const t = Ft, n = e, l = o, r = L(), a = L(), i = L(!1), s = L(null), u = L(""), d = L(null), g = L({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), A = It([...n.items]), m = It([...n.items]), S = () => {
       if (!r.value)
         return;
-      const { offsetTop: T, offsetLeft: H, offsetWidth: F } = r.value, Q = window.innerHeight, oe = T + r.value.offsetHeight, p = oe + n.menuHeight > Q;
+      const { offsetTop: $, offsetLeft: H, offsetWidth: F } = r.value, Q = window.innerHeight, oe = $ + r.value.offsetHeight, p = oe + n.menuHeight > Q;
       g.value = {
         x: H + window.scrollX,
-        y: p ? T + window.scrollY : oe + window.scrollY,
+        y: p ? $ + window.scrollY : oe + window.scrollY,
         width: F,
         shouldOpenUp: p,
         height: n.menuHeight
@@ -848,23 +853,23 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
       d.value = null, u.value = "", A.splice(0, A.length, ...m);
     }, h = () => {
       i.value = !1, C();
-    }, b = (T) => {
-      s.value = T, l("select-item", T), l("update:modelValue", T.value), h();
+    }, b = ($) => {
+      s.value = $, l("select-item", $), l("update:modelValue", $.value), h();
     }, I = () => {
-      const T = u.value.trim(), H = n.validateAddItem(T, m);
+      const $ = u.value.trim(), H = n.validateAddItem($, m);
       if (H) {
         d.value = H, l("add-error", H);
         return;
       }
       const F = {
-        text: T,
-        value: T
+        text: $,
+        value: $
       };
       m.push(F), C(), l("item-added", F);
-    }, L = () => {
-      const T = Ut(m, "text", u.value);
-      A.splice(0, A.length, ...T);
-    }, P = () => {
+    }, T = () => {
+      const $ = Ut(m, "text", u.value);
+      A.splice(0, A.length, ...$);
+    }, D = () => {
       d.value = "";
     }, q = R(() => ({
       top: g.value.shouldOpenUp ? `${g.value.y - 10}px` : `${g.value.y}px`,
@@ -874,36 +879,36 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
     }));
     Fe(() => {
       if (S(), n.modelValue) {
-        const T = m.find((H) => H.value === n.modelValue);
-        T && (s.value = T);
+        const $ = m.find((H) => H.value === n.modelValue);
+        $ && (s.value = $);
       }
     });
     const O = R(() => s.value ? s.value.text : "");
-    X(() => n.modelValue, (T) => {
+    X(() => n.modelValue, ($) => {
       var H;
-      if (((H = s.value) == null ? void 0 : H.value) !== T) {
-        const F = m.find((Q) => Q.value === T);
+      if (((H = s.value) == null ? void 0 : H.value) !== $) {
+        const F = m.find((Q) => Q.value === $);
         F && (s.value = F);
       }
     }), X(
       () => n.items,
-      (T) => {
-        m.splice(0, m.length, ...T), A.splice(0, A.length, ...T);
+      ($) => {
+        m.splice(0, m.length, ...$), A.splice(0, A.length, ...$);
       },
       { deep: !0 }
     );
-    const D = E({ handler: h, exclude: [r, a] });
-    return (T, H) => (f(), v(ae, null, [
+    const P = L({ handler: h, exclude: [r, a] });
+    return ($, H) => (f(), v(ae, null, [
       M("div", {
         ref_key: "dropdownRef",
         ref: r,
         class: w(c(Z).dropdown)
       }, [
-        T.label ? (f(), v("label", {
+        $.label ? (f(), v("label", {
           key: 0,
           class: w(c(Z).dropdown__label),
-          for: T.id
-        }, W(T.label), 11, go)) : $("", !0),
+          for: $.id
+        }, W($.label), 11, go)) : E("", !0),
         M("button", {
           class: w([
             c(Z).dropdown__valueContent,
@@ -916,10 +921,10 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
           M("span", {
             class: w(c(Z).dropdown__value)
           }, W(O.value), 3),
-          T.placeholder && !O.value ? (f(), v("span", {
+          $.placeholder && !O.value ? (f(), v("span", {
             key: 0,
             class: w(c(Z).dropdown__placeholder)
-          }, W(T.placeholder), 3)) : $("", !0),
+          }, W($.placeholder), 3)) : E("", !0),
           (f(), v("svg", {
             fill: "none",
             height: "17",
@@ -958,24 +963,24 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
                   [c(Z)["menu__searchInput--error"]]: d.value
                 }
               ]),
-              placeholder: T.searchPlaceHolder,
+              placeholder: $.searchPlaceHolder,
               "onUpdate:modelValue": H[0] || (H[0] = (F) => u.value = F),
-              onFocus: P,
-              onInput: L
+              onFocus: D,
+              onInput: T
             }, null, 42, vo), [
               [nn, u.value]
             ]),
             d.value ? (f(), v("p", {
               key: 0,
               class: w(c(Z).menu__errorMessage)
-            }, W(d.value), 3)) : $("", !0)
+            }, W(d.value), 3)) : E("", !0)
           ], 2),
           n.addable ? (f(), v("button", {
             key: 0,
             class: w(c(Z).menu__addButton),
             onClick: I
-          }, W(T.addButtonText), 3)) : $("", !0)
-        ], 2)) : $("", !0),
+          }, W($.addButtonText), 3)) : E("", !0)
+        ], 2)) : E("", !0),
         M("ul", {
           class: w(c(Z).menu__itemContainer)
         }, [
@@ -992,7 +997,7 @@ const dn = "_button__size_default_aw3lw_1", pn = "_button__size_small_aw3lw_8",
         ], 2)
       ], 6)), [
         [zt, i.value],
-        [c(t), D.value]
+        [c(t), P.value]
       ])
     ], 64));
   }
@@ -1236,8 +1241,8 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
               c(te)[`in-info-box__heading-details-${r.value}`]
             ]),
             innerHTML: a.descriptionText
-          }, null, 10, Io)) : $("", !0)
-        ], 2)) : $("", !0),
+          }, null, 10, Io)) : E("", !0)
+        ], 2)) : E("", !0),
         M("div", {
           class: w(c(te)["in-info-box__content"])
         }, [
@@ -1258,7 +1263,7 @@ 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, r = t, a = E(null), i = E(null), s = E(!1), u = E({}), d = E(l.modelValue);
+    const n = Ft, l = e, r = t, a = L(null), i = L(null), s = L(!1), u = L({}), d = L(l.modelValue);
     function g() {
       if (!a.value || !i.value)
         return;
@@ -1277,14 +1282,21 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           b = B.bottom - C.height, I = B.right + h;
           break;
         default:
-          b = l.position === "top" ? B.top - C.height - h : B.bottom + h, l.align === "right" ? I = B.right - C.width : l.align === "center" ? I = B.left + (B.width - C.width) / 2 : I = B.left;
+          if (b = l.position === "top" ? B.top - C.height - h : B.bottom + h, l.align === "right")
+            I = B.right - C.width;
+          else if (l.align === "center")
+            I = B.left + (B.width - C.width) / 2;
+          else {
+            const { left: D } = B;
+            I = D;
+          }
       }
-      s.value = !0, u.value = {
+      s.value = !0;
+      const T = {
         zIndex: "10000",
-        position: l.positionStrategy,
-        ...l.positionStrategy === "fixed" ? { top: `${b}px`, left: `${I}px` } : { width: "100%" },
-        ...l.width ? { width: `${l.width}px`, minWidth: `${l.width}px` } : {}
+        position: l.positionStrategy
       };
+      l.positionStrategy === "fixed" ? (T.top = `${b}px`, T.left = `${I}px`) : (T.width = "100%", T.top = "calc(100% + 4px)"), l.width && (T.width = `${l.width}px`, T.minWidth = `${l.width}px`), u.value = T;
     }
     X(
       () => l.modelValue,
@@ -1331,10 +1343,10 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         })
       ], 6)), [
         [c(n), S.value]
-      ]) : $("", !0)
+      ]) : E("", !0)
     ], 512));
   }
-}), Mo = /* @__PURE__ */ me(Vo, [["__scopeId", "data-v-28b4f702"]]), To = {
+}), Mo = /* @__PURE__ */ me(Vo, [["__scopeId", "data-v-10f562c7"]]), To = {
   key: 0,
   class: "in-dropdown-menu__search-container"
 }, $o = { class: "in-dropdown-menu__item-container" }, Eo = ["onClick"], Lo = /* @__PURE__ */ Y({
@@ -1355,9 +1367,9 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { expose: o, emit: t }) {
     on((b) => ({
-      "23ba40ce": `${n.menuHeight}px`
+      "166d1257": `${n.menuHeight}px`
     }));
-    const n = e, l = t, r = E(!1), a = E(null), i = E(""), s = E(null), u = E([...n.items]), d = E([...n.items]), g = () => {
+    const n = e, l = t, r = L(!1), a = L(null), i = L(""), s = L(null), u = L([...n.items]), d = L([...n.items]), g = () => {
       r.value = !r.value;
     }, A = () => {
       s.value = null, i.value = "", u.value = [...d.value];
@@ -1378,11 +1390,11 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         s.value = I, l("add-error", I);
         return;
       }
-      const L = {
+      const T = {
         text: b,
         value: b
       };
-      d.value.push(L), A(), l("item-added", L);
+      d.value.push(T), A(), l("item-added", T);
     }, C = (b) => {
       i.value = String(b);
       const I = Ut(d.value, "text", i.value);
@@ -1400,8 +1412,8 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       (b) => {
         var I;
         if (((I = a.value) == null ? void 0 : I.value) !== b) {
-          const L = d.value.find((P) => P.value === b);
-          L ? a.value = L : a.value = null;
+          const T = d.value.find((D) => D.value === b);
+          T ? a.value = T : a.value = null;
         }
       }
     ), X(
@@ -1419,11 +1431,11 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       "position-strategy": "absolute",
       width: n.width,
       modelValue: r.value,
-      "onUpdate:modelValue": I[2] || (I[2] = (L) => r.value = L)
+      "onUpdate:modelValue": I[2] || (I[2] = (T) => r.value = T)
     }, {
-      trigger: Ge(({ isOpen: L }) => [
+      trigger: Ge(({ isOpen: T }) => [
         ie(b.$slots, "trigger", {
-          isOpen: L,
+          isOpen: T,
           toggle: g
         }, void 0, !0)
       ]),
@@ -1445,7 +1457,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
               "state-message": s.value || "",
               states: s.value ? "error" : "default",
               modelValue: i.value,
-              "onUpdate:modelValue": I[0] || (I[0] = (L) => i.value = L),
+              "onUpdate:modelValue": I[0] || (I[0] = (T) => i.value = T),
               onFocus: h,
               onInput: C
             }, null, 8, ["placeholder-text", "state-message", "states", "modelValue"]),
@@ -1457,42 +1469,42 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
               variant: "text",
               label: b.addButtonText,
               onClick: B
-            }, null, 8, ["label"])) : $("", !0)
-          ])) : $("", !0),
+            }, null, 8, ["label"])) : E("", !0)
+          ])) : E("", !0),
           M("ul", $o, [
-            (f(!0), v(ae, null, Ve(u.value, (L, P) => {
+            (f(!0), v(ae, null, Ve(u.value, (T, D) => {
               var q, O;
               return f(), v("li", {
-                key: `${L.value}-${P}`,
+                key: `${T.value}-${D}`,
                 class: "in-dropdown-menu__item"
               }, [
                 b.$slots.item ? (f(), v("div", {
                   key: 0,
                   class: w(["in-dropdown-menu__item-content", [
                     {
-                      "in-dropdown-menu__item--active": a.value && L.value === a.value.value
+                      "in-dropdown-menu__item--active": a.value && T.value === a.value.value
                     }
                   ]]),
-                  onClick: (D) => S(L)
+                  onClick: (P) => S(T)
                 }, [
                   ie(b.$slots, "item", {
-                    isSelected: ((q = a.value) == null ? void 0 : q.value) === L.value,
-                    item: L
+                    isSelected: ((q = a.value) == null ? void 0 : q.value) === T.value,
+                    item: T
                   }, void 0, !0)
                 ], 10, Eo)) : (f(), j(c(at), {
                   key: 1,
                   fill: "",
                   class: w(["in-dropdown-menu__item-button", [
                     {
-                      "in-dropdown-menu__item-button--active": a.value && L.value === a.value.value
+                      "in-dropdown-menu__item-button--active": a.value && T.value === a.value.value
                     }
                   ]]),
                   color: "secondary",
                   size: "small",
                   variant: "ghost",
-                  label: L.text,
-                  "right-icon-name": n.showSelectedIcon && ((O = a.value) == null ? void 0 : O.value) === L.value ? "line-check-natural" : void 0,
-                  onClick: (D) => S(L)
+                  label: T.text,
+                  "right-icon-name": n.showSelectedIcon && ((O = a.value) == null ? void 0 : O.value) === T.value ? "line-check-natural" : void 0,
+                  onClick: (P) => S(T)
                 }, null, 8, ["class", "label", "right-icon-name", "onClick"]))
               ]);
             }), 128))
@@ -1502,7 +1514,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       _: 3
     }, 8, ["width", "modelValue"]));
   }
-}), ii = /* @__PURE__ */ me(Lo, [["__scopeId", "data-v-24275cb4"]]), Ro = { class: "in-tabs" }, Oo = ["disabled", "onClick"], Do = /* @__PURE__ */ Y({
+}), ii = /* @__PURE__ */ me(Lo, [["__scopeId", "data-v-cf939e33"]]), Ro = { class: "in-tabs" }, Oo = ["disabled", "onClick"], Do = /* @__PURE__ */ Y({
   __name: "InTabs",
   props: {
     tabs: {},
@@ -1511,7 +1523,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(t.modelValue || (t.tabs.length > 0 ? t.tabs[0].value : "")), r = (a) => {
+    const t = e, n = o, l = L(t.modelValue || (t.tabs.length > 0 ? t.tabs[0].value : "")), r = (a) => {
       t.disabled || a.disabled || (l.value = a.value, n("update:modelValue", a.value), n("change", a.value));
     };
     return X(
@@ -1576,7 +1588,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     const n = e, l = R(() => {
       const h = {};
       return n.width && (h.width = n.width), n.height && (h.height = n.height), n.padding && (h.padding = n.padding), n.resize && (h.resize = n.resize), h;
-    }), r = t, a = E(), i = (h = "") => typeof h == "string" ? h.replace(/<\/style>/gi, "").replace(/<(.*?) on(.*?)=['"](.*?)>/gi, "").replace(/(<meta |<style|<\/*script)(.*?)>/gi, "").replace(/(<([^>]+)>)/ig, "").replace(/<(.*?) (href|src)="j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi, "") : h, s = R(() => n.preventXss ? i(n.modelValue) : n.modelValue), u = (h) => {
+    }), r = t, a = L(), i = (h = "") => typeof h == "string" ? h.replace(/<\/style>/gi, "").replace(/<(.*?) on(.*?)=['"](.*?)>/gi, "").replace(/(<meta |<style|<\/*script)(.*?)>/gi, "").replace(/(<([^>]+)>)/ig, "").replace(/<(.*?) (href|src)="j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi, "") : h, s = R(() => n.preventXss ? i(n.modelValue) : n.modelValue), u = (h) => {
       C(), r("keyup", h);
     }, d = (h) => {
       C(), r("keypress", h);
@@ -1610,7 +1622,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           c(ce)["in-textarea-wrapper__label"],
           { [c(ce)["in-textarea-wrapper__label_disable"]]: h.disabled }
         ])
-      }, W(h.label), 11, Po)) : $("", !0),
+      }, W(h.label), 11, Po)) : E("", !0),
       M("textarea", {
         id: h.id,
         ref_key: "textareaRef",
@@ -1641,7 +1653,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         class: w([
           c(ce)["in-textarea-wrapper__error-message"]
         ])
-      }, W(h.invalidMessage), 3)) : $("", !0)
+      }, W(h.invalidMessage), 3)) : E("", !0)
     ], 2));
   }
 }), zo = ["id", "name", "checked", "disabled"], No = ["for"], Wo = "line-check-netural", Fo = "line-close-netural", Uo = /* @__PURE__ */ Y({
@@ -1654,7 +1666,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(null), r = R(() => t.checked ? Wo : Fo), a = (s) => {
+    const t = e, n = o, l = L(null), r = R(() => t.checked ? Wo : Fo), a = (s) => {
       if (t.disabled) {
         s.preventDefault();
         return;
@@ -1786,7 +1798,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         key: 0,
         name: i.value,
         size: u.iconSize
-      }, null, 8, ["name", "size"])) : $("", !0),
+      }, null, 8, ["name", "size"])) : E("", !0),
       M("input", {
         class: w(c(Pe).inputButton__input),
         value: u.inputValue,
@@ -1802,7 +1814,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         key: 1,
         name: u.rightIconName,
         size: u.iconSize
-      }, null, 8, ["name", "size"])) : $("", !0)
+      }, null, 8, ["name", "size"])) : E("", !0)
     ], 10, Xo));
   }
 }), Jo = "_modalWrapper_192bl_36", ea = "_medium_192bl_45", ta = "_small_192bl_52", na = "_section_192bl_58", oa = "_modal_192bl_36", aa = "_close_192bl_75", la = "_header_192bl_86", ia = "_footer_192bl_100", sa = "_modalOverlay_192bl_110", ye = {
@@ -1827,7 +1839,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   },
   emits: ["close", "submit"],
   setup(e, { emit: o }) {
-    const t = e, n = E(!1), l = o, r = () => {
+    const t = e, n = L(!1), l = o, r = () => {
       l("close");
     }, a = () => {
       l("submit");
@@ -1843,7 +1855,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         key: 0,
         class: w(c(ye).modalOverlay),
         onClick: r
-      }, null, 2)) : $("", !0),
+      }, null, 2)) : E("", !0),
       pe(an, { name: "modal-transition" }, {
         default: Ge(() => [
           ot(M("div", {
@@ -1940,7 +1952,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           key: 0,
           class: w(c(xe).wrapper__label),
           for: i.id
-        }, W(i.label), 11, ga)) : $("", !0),
+        }, W(i.label), 11, ga)) : E("", !0),
         M("input", {
           id: i.id,
           type: "number",
@@ -1969,12 +1981,12 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           i.error ? (f(), v("div", {
             key: 0,
             class: w(c(xe).wrapper__errorMessage)
-          }, W(i.error), 3)) : $("", !0),
+          }, W(i.error), 3)) : E("", !0),
           i.counter ? (f(), v("div", {
             key: 1,
             class: w(c(xe).wrapper__counter)
-          }, W(((u = i.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : $("", !0)
-        ], 2)) : $("", !0)
+          }, W(((u = i.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : E("", !0)
+        ], 2)) : E("", !0)
       ], 2);
     };
   }
@@ -2047,7 +2059,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(t.modelValue || ""), r = (a) => {
+    const t = e, n = o, l = L(t.modelValue || ""), r = (a) => {
       t.disabled || a.disabled || (n("update:modelValue", a.value), n("click", a.value));
     };
     return X(() => t.modelValue, (a) => {
@@ -2095,22 +2107,22 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
                 class: w(c(U).button__icon),
                 name: s.icon,
                 size: 24
-              }, null, 8, ["class", "name"])) : $("", !0),
+              }, null, 8, ["class", "name"])) : E("", !0),
               a.labelOnly && s.label ? (f(), v("span", {
                 key: 1,
                 class: w(c(U).button__label)
-              }, W(s.label), 3)) : $("", !0),
+              }, W(s.label), 3)) : E("", !0),
               !a.iconOnly && !a.labelOnly ? (f(), v(ae, { key: 2 }, [
                 s.icon ? (f(), j(c(ee), {
                   key: 0,
                   class: w(c(U).button__icon),
                   name: s.icon
-                }, null, 8, ["class", "name"])) : $("", !0),
+                }, null, 8, ["class", "name"])) : E("", !0),
                 s.label ? (f(), v("span", {
                   key: 1,
                   class: w(c(U).button__label)
-                }, W(s.label), 3)) : $("", !0)
-              ], 64)) : $("", !0)
+                }, W(s.label), 3)) : E("", !0)
+              ], 64)) : E("", !0)
             ], 10, Va)
           ]),
           _: 2
@@ -2135,22 +2147,22 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
             class: w(c(U).button__icon),
             name: s.icon,
             size: 24
-          }, null, 8, ["class", "name"])) : $("", !0),
+          }, null, 8, ["class", "name"])) : E("", !0),
           a.labelOnly && s.label ? (f(), v("span", {
             key: 1,
             class: w(c(U).button__label)
-          }, W(s.label), 3)) : $("", !0),
+          }, W(s.label), 3)) : E("", !0),
           !a.iconOnly && !a.labelOnly ? (f(), v(ae, { key: 2 }, [
             s.icon ? (f(), j(c(ee), {
               key: 0,
               class: w(c(U).button__icon),
               name: s.icon
-            }, null, 8, ["class", "name"])) : $("", !0),
+            }, null, 8, ["class", "name"])) : E("", !0),
             s.label ? (f(), v("span", {
               key: 1,
               class: w(c(U).button__label)
-            }, W(s.label), 3)) : $("", !0)
-          ], 64)) : $("", !0)
+            }, W(s.label), 3)) : E("", !0)
+          ], 64)) : E("", !0)
         ], 10, Ma))
       ], 64))), 128))
     ], 2));
@@ -2183,7 +2195,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(null), r = () => {
+    const t = e, n = o, l = L(null), r = () => {
       if (t.autoGrow && l.value) {
         l.value.style.height = "";
         const i = Math.min(l.value.scrollHeight, t.maxHeight || l.value.scrollHeight);
@@ -2204,7 +2216,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           key: 0,
           class: w(c(de).wrapper__label),
           for: i.id
-        }, W(i.label), 11, Da)) : $("", !0),
+        }, W(i.label), 11, Da)) : E("", !0),
         i.multiline ? (f(), v("textarea", {
           key: 1,
           id: i.id,
@@ -2252,11 +2264,11 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           i.error ? (f(), v("div", {
             key: 0,
             class: w(c(de).wrapper__errorMessage)
-          }, W(i.error), 3)) : $("", !0),
+          }, W(i.error), 3)) : E("", !0),
           i.counter ? (f(), v("div", {
             key: 1,
             class: w(c(de).wrapper__counter)
-          }, W(((u = i.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : $("", !0)
+          }, W(((u = i.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : E("", !0)
         ], 2)
       ], 2);
     };
@@ -2480,8 +2492,8 @@ const ol = async (e, o, t) => {
     } = i[B], {
       x: b,
       y: I,
-      data: L,
-      reset: P
+      data: T,
+      reset: D
     } = await h({
       x: d,
       y: g,
@@ -2500,13 +2512,13 @@ const ol = async (e, o, t) => {
       ...m,
       [C]: {
         ...m[C],
-        ...L
+        ...T
       }
-    }, P && S <= 50 && (S++, typeof P == "object" && (P.placement && (A = P.placement), P.rects && (u = P.rects === !0 ? await a.getElementRects({
+    }, D && S <= 50 && (S++, typeof D == "object" && (D.placement && (A = D.placement), D.rects && (u = D.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: o,
       strategy: l
-    }) : P.rects), {
+    }) : D.rects), {
       x: d,
       y: g
     } = Et(u, A, s)), B = -1);
@@ -2545,23 +2557,23 @@ async function Kt(e, o) {
     y: l,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), L = await (r.isElement == null ? void 0 : r.isElement(I)) ? await (r.getScale == null ? void 0 : r.getScale(I)) || {
+  } : a.reference, I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), T = await (r.isElement == null ? void 0 : r.isElement(I)) ? await (r.getScale == null ? void 0 : r.getScale(I)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, P = st(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, D = st(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: b,
     offsetParent: I,
     strategy: s
   }) : b);
   return {
-    top: (h.top - P.top + S.top) / L.y,
-    bottom: (P.bottom - h.bottom + S.bottom) / L.y,
-    left: (h.left - P.left + S.left) / L.x,
-    right: (P.right - h.right + S.right) / L.x
+    top: (h.top - D.top + S.top) / T.y,
+    bottom: (D.bottom - h.bottom + S.bottom) / T.y,
+    left: (h.left - D.left + S.left) / T.x,
+    right: (D.right - h.right + S.right) / T.x
   };
 }
 const al = (e) => ({
@@ -2585,10 +2597,10 @@ const al = (e) => ({
     const g = Yt(d), A = {
       x: t,
       y: n
-    }, m = xt(l), S = yt(m), B = await a.getDimensions(u), C = m === "y", h = C ? "top" : "left", b = C ? "bottom" : "right", I = C ? "clientHeight" : "clientWidth", L = r.reference[S] + r.reference[m] - A[m] - r.floating[S], P = A[m] - r.reference[m], q = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
+    }, m = xt(l), S = yt(m), B = await a.getDimensions(u), C = m === "y", h = C ? "top" : "left", b = C ? "bottom" : "right", I = C ? "clientHeight" : "clientWidth", T = r.reference[S] + r.reference[m] - A[m] - r.floating[S], D = A[m] - r.reference[m], q = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let O = q ? q[I] : 0;
     (!O || !await (a.isElement == null ? void 0 : a.isElement(q))) && (O = i.floating[I] || r.floating[S]);
-    const D = L / 2 - P / 2, T = O / 2 - B[S] / 2 - 1, H = Ne(g[h], T), F = Ne(g[b], T), Q = H, oe = O - B[S] - F, p = O / 2 - B[S] / 2 + D, _ = gt(Q, p, oe), k = !s.arrow && Ze(l) != null && p !== _ && r.reference[S] / 2 - (p < Q ? H : F) - B[S] / 2 < 0, y = k ? p < Q ? p - Q : p - oe : 0;
+    const P = T / 2 - D / 2, $ = O / 2 - B[S] / 2 - 1, H = Ne(g[h], $), F = Ne(g[b], $), Q = H, oe = O - B[S] - F, p = O / 2 - B[S] / 2 + P, _ = gt(Q, p, oe), k = !s.arrow && Ze(l) != null && p !== _ && r.reference[S] / 2 - (p < Q ? H : F) - B[S] / 2 < 0, y = k ? p < Q ? p - Q : p - oe : 0;
     return {
       [m]: A[m] + y,
       data: {
@@ -2625,18 +2637,18 @@ const al = (e) => ({
       } = Xe(e, o);
       if ((t = r.arrow) != null && t.alignmentOffset)
         return {};
-      const h = Te(l), b = Ae(i), I = Te(i) === i, L = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), P = A || (I || !B ? [it(i)] : Xa(i)), q = S !== "none";
-      !A && q && P.push(...tl(i, B, S, L));
-      const O = [i, ...P], D = await Kt(o, C), T = [];
+      const h = Te(l), b = Ae(i), I = Te(i) === i, T = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), D = A || (I || !B ? [it(i)] : Xa(i)), q = S !== "none";
+      !A && q && D.push(...tl(i, B, S, T));
+      const O = [i, ...D], P = await Kt(o, C), $ = [];
       let H = ((n = r.flip) == null ? void 0 : n.overflows) || [];
-      if (d && T.push(D[h]), g) {
-        const p = ja(l, a, L);
-        T.push(D[p[0]], D[p[1]]);
+      if (d && $.push(P[h]), g) {
+        const p = ja(l, a, T);
+        $.push(P[p[0]], P[p[1]]);
       }
       if (H = [...H, {
         placement: l,
-        overflows: T
-      }], !T.every((p) => p <= 0)) {
+        overflows: $
+      }], !$.every((p) => p <= 0)) {
         var F, Q;
         const p = (((F = r.flip) == null ? void 0 : F.index) || 0) + 1, _ = O[p];
         if (_ && (!(g === "alignment" ? b !== Ae(_) : !1) || // We leave the current main axis only if every placement on that axis
@@ -2953,8 +2965,8 @@ function $e(e, o, t, n) {
     const A = le(r), m = n && re(n) ? le(n) : n;
     let S = A, B = bt(S);
     for (; B && n && m !== S; ) {
-      const C = ze(B), h = B.getBoundingClientRect(), b = ue(B), I = h.left + (B.clientLeft + parseFloat(b.paddingLeft)) * C.x, L = h.top + (B.clientTop + parseFloat(b.paddingTop)) * C.y;
-      s *= C.x, u *= C.y, d *= C.x, g *= C.y, s += I, u += L, S = le(B), B = bt(S);
+      const C = ze(B), h = B.getBoundingClientRect(), b = ue(B), I = h.left + (B.clientLeft + parseFloat(b.paddingLeft)) * C.x, T = h.top + (B.clientTop + parseFloat(b.paddingTop)) * C.y;
+      s *= C.x, u *= C.y, d *= C.x, g *= C.y, s += I, u += T, S = le(B), B = bt(S);
     }
   }
   return st({
@@ -3215,26 +3227,26 @@ function Ll(e, o) {
       rootMargin: -S + "px " + -B + "px " + -C + "px " + -h + "px",
       threshold: Me(0, Ne(1, s)) || 1
     };
-    let L = !0;
-    function P(q) {
+    let T = !0;
+    function D(q) {
       const O = q[0].intersectionRatio;
       if (O !== s) {
-        if (!L)
+        if (!T)
           return a();
         O ? a(!1, O) : n = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      O === 1 && !en(u, e.getBoundingClientRect()) && a(), L = !1;
+      O === 1 && !en(u, e.getBoundingClientRect()) && a(), T = !1;
     }
     try {
-      t = new IntersectionObserver(P, {
+      t = new IntersectionObserver(D, {
         ...I,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(P, I);
+      t = new IntersectionObserver(D, I);
     }
     t.observe(e);
   }
@@ -3336,7 +3348,7 @@ function Fl(e, o, t) {
   }), s = R(() => {
     var O;
     return (O = He(t.transform)) != null ? O : !0;
-  }), u = R(() => wt(e.value)), d = R(() => wt(o.value)), g = E(0), A = E(0), m = E(i.value), S = E(a.value), B = ln({}), C = E(!1), h = R(() => {
+  }), u = R(() => wt(e.value)), d = R(() => wt(o.value)), g = L(0), A = L(0), m = L(i.value), S = L(a.value), B = ln({}), C = L(!1), h = R(() => {
     const O = {
       position: m.value,
       left: "0",
@@ -3344,17 +3356,17 @@ function Fl(e, o, t) {
     };
     if (!d.value)
       return O;
-    const D = Pt(d.value, g.value), T = Pt(d.value, A.value);
+    const P = Pt(d.value, g.value), $ = Pt(d.value, A.value);
     return s.value ? {
       ...O,
-      transform: "translate(" + D + "px, " + T + "px)",
+      transform: "translate(" + P + "px, " + $ + "px)",
       ...tn(d.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: m.value,
-      left: D + "px",
-      top: T + "px"
+      left: P + "px",
+      top: $ + "px"
     };
   });
   let b;
@@ -3366,15 +3378,15 @@ function Fl(e, o, t) {
       middleware: r.value,
       placement: a.value,
       strategy: i.value
-    }).then((D) => {
-      g.value = D.x, A.value = D.y, m.value = D.strategy, S.value = D.placement, B.value = D.middlewareData, C.value = O !== !1;
+    }).then((P) => {
+      g.value = P.x, A.value = P.y, m.value = P.strategy, S.value = P.placement, B.value = P.middlewareData, C.value = O !== !1;
     });
   }
-  function L() {
+  function T() {
     typeof b == "function" && (b(), b = void 0);
   }
-  function P() {
-    if (L(), n === void 0) {
+  function D() {
+    if (T(), n === void 0) {
       I();
       return;
     }
@@ -3388,11 +3400,11 @@ function Fl(e, o, t) {
   }
   return X([r, a, i, l], I, {
     flush: "sync"
-  }), X([u, d], P, {
+  }), X([u, d], D, {
     flush: "sync"
   }), X(l, q, {
     flush: "sync"
-  }), sn() && rn(L), {
+  }), sn() && rn(T), {
     x: Oe(g),
     y: Oe(A),
     strategy: Oe(m),
@@ -3450,9 +3462,9 @@ const Yl = "_bubble_6zub9_1", Kl = "_trigger_6zub9_43", Ql = "_trigger__icon_6zu
       right: "left",
       bottom: "top",
       left: "right"
-    }, t = E(null), n = E(null), l = E(!1);
+    }, t = L(null), n = L(null), l = L(!1);
     typeof window < "u" && window.wasTooltipShown === void 0 && (window.wasTooltipShown = !1);
-    const r = e, a = E(null), i = E(null), s = E(null), u = E(!1), d = R(() => r.preventXss ? ql(r.text) : r.text), { floatingStyles: g, update: A, middlewareData: m, placement: S } = Fl(i, a, {
+    const r = e, a = L(null), i = L(null), s = L(null), u = L(!1), d = R(() => r.preventXss ? ql(r.text) : r.text), { floatingStyles: g, update: A, middlewareData: m, placement: S } = Fl(i, a, {
       placement: R(() => r.placement || "bottom"),
       strategy: "fixed",
       whileElementsMounted: Rl,
@@ -3472,10 +3484,10 @@ const Yl = "_bubble_6zub9_1", Kl = "_trigger_6zub9_43", Ql = "_trigger__icon_6zu
       }, Jl);
     }, C = () => {
       t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null);
-      const D = r.hideDelay ?? 0;
-      D > 0 ? n.value = setTimeout(() => {
+      const P = r.hideDelay ?? 0;
+      P > 0 ? n.value = setTimeout(() => {
         l.value && (u.value = !1), n.value = null;
-      }, D) : u.value = !1;
+      }, P) : u.value = !1;
     }, h = () => {
       B();
     }, b = () => {
@@ -3492,45 +3504,45 @@ const Yl = "_bubble_6zub9_1", Kl = "_trigger_6zub9_43", Ql = "_trigger__icon_6zu
     }), Nt(() => {
       l.value = !1, typeof window < "u" && window.removeEventListener("resize", I), t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), u.value = !1, a.value = null, i.value = null, s.value = null;
     });
-    const L = R(() => r.status || u.value), P = R(() => ({
+    const T = R(() => r.status || u.value), D = R(() => ({
       ...g.value,
-      display: L.value ? "inline-block" : "none"
+      display: T.value ? "inline-block" : "none"
     })), q = R(() => {
-      const [D] = S.value.split("-");
+      const [P] = S.value.split("-");
       return {
-        [o[D]]: "-4px"
+        [o[P]]: "-4px"
       };
     }), O = R(() => {
-      var D, T;
+      var P, $;
       return s.value ? {
-        left: ((D = m.value.arrow) == null ? void 0 : D.x) != null ? `${m.value.arrow.x}px` : "",
-        top: ((T = m.value.arrow) == null ? void 0 : T.y) != null ? `${m.value.arrow.y}px` : "",
+        left: ((P = m.value.arrow) == null ? void 0 : P.x) != null ? `${m.value.arrow.x}px` : "",
+        top: (($ = m.value.arrow) == null ? void 0 : $.y) != null ? `${m.value.arrow.y}px` : "",
         right: "",
         bottom: "",
         ...q.value
       } : {};
     });
-    return (D, T) => (f(), v(ae, null, [
+    return (P, $) => (f(), v(ae, null, [
       M("div", {
-        id: D.id,
+        id: P.id,
         ref_key: "triggerRef",
         ref: i,
         class: w(c(Ke).trigger),
         onMouseenter: h,
         onMouseleave: b
       }, [
-        D.iconName ? (f(), j(c(ee), {
+        P.iconName ? (f(), j(c(ee), {
           key: 0,
           color: c(Ke).trigger__icon,
-          name: D.iconName
-        }, null, 8, ["color", "name"])) : ie(D.$slots, "default", { key: 1 })
+          name: P.iconName
+        }, null, 8, ["color", "name"])) : ie(P.$slots, "default", { key: 1 })
       ], 42, Xl),
       (f(), j(cn, { to: "body" }, [
         M("div", {
           ref_key: "tooltipRef",
           ref: a,
           class: w(["qa-tooltip", c(Ke).bubble]),
-          style: ne(P.value),
+          style: ne(D.value),
           onMouseenter: h,
           onMouseleave: b
         }, [
@@ -3538,7 +3550,7 @@ const Yl = "_bubble_6zub9_1", Kl = "_trigger_6zub9_43", Ql = "_trigger__icon_6zu
             class: w(c(Ke).bubble__content)
           }, [
             M("div", { innerHTML: d.value }, null, 8, Zl),
-            ie(D.$slots, "contentSlot")
+            ie(P.$slots, "contentSlot")
           ], 2),
           M("div", {
             ref_key: "floatingArrowRef",