@useinsider/ab-components 0.0.48 → 0.0.50

package/dist/ab-components.es.js

@@ -59,7 +59,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
   setup(e, { emit: o }) {
     const t = e, n = o, l = (a) => {
       t.disabled || n("click", a);
-    }, i = $(() => t.loadingStatus ? "loading-circle" : t.successStatus ? "line-check-natural" : t.leftIconName), r = $(() => {
+    }, i = $(() => t.loadingStatus ? "loading-circle" : t.successStatus ? "line-check-natural" : t.leftIconName), s = $(() => {
       const a = [
         Se.button,
         Se[`button__${t.variant}`],
@@ -68,8 +68,8 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
       ];
       return t.fill && a.push(Se.fill), t.selected && a.push(Se["button--selected"]), t.customClass && a.push(t.customClass), a;
     });
-    return (a, s) => (m(), b("button", {
-      class: C(r.value),
+    return (a, r) => (m(), b("button", {
+      class: C(s.value),
       disabled: t.disabled,
       onClick: l
     }, [
@@ -205,11 +205,11 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
     fillOpacity: {}
   },
   setup(e) {
-    const o = e, t = $(() => typeof o.size == "number" ? `${o.size}px` : o.size), n = $(() => o.name in Vt), l = $(() => n.value ? Vt[o.name] : null), i = $(() => gn(o.color)), r = $(() => i.value.color || "currentColor"), a = $(() => {
+    const o = e, t = $(() => typeof o.size == "number" ? `${o.size}px` : o.size), n = $(() => o.name in Vt), l = $(() => n.value ? Vt[o.name] : null), i = $(() => gn(o.color)), s = $(() => i.value.color || "currentColor"), a = $(() => {
       if (n.value)
         return o.fillOpacity !== void 0 ? typeof o.fillOpacity == "number" ? o.fillOpacity : parseFloat(o.fillOpacity) : i.value.opacity;
     });
-    return (s, u) => {
+    return (r, u) => {
       var d, h;
       return n.value ? (m(), b("svg", {
         key: 1,
@@ -217,21 +217,21 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
         viewBox: (d = l.value) == null ? void 0 : d.viewBox,
         width: t.value,
         height: t.value,
-        fill: s.color || "currentColor",
+        fill: r.color || "currentColor",
         style: ne({
-          "--icon-color": r.value,
+          "--icon-color": s.value,
           ...a.value !== void 0 && a.value !== null ? { "--icon-fill-opacity": String(a.value) } : {}
         }),
         innerHTML: (h = l.value) == null ? void 0 : h.content
       }, null, 12, yn)) : (m(), b("svg", {
         key: 0,
         class: "icon",
-        fill: r.value,
+        fill: s.value,
         height: t.value,
         width: t.value
       }, [
         I("use", {
-          "xlink:href": `#${s.name}`
+          "xlink:href": `#${r.name}`
         }, null, 8, wn)
       ], 8, bn));
     };
@@ -303,14 +303,14 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
     }, i = (u) => {
       const d = u.target;
       n("input-change", d.value);
-    }, r = (u) => {
+    }, s = (u) => {
       u.key === "Enter" ? (u.preventDefault(), u.target.blur()) : u.key === "Escape" && (u.preventDefault(), u.target.value = t.inputValue || "", u.target.blur());
     }, a = $(() => {
       if (t.loadingStatus)
         return "loading-circle";
       if (t.successStatus)
         return "line-check-natural";
-    }), s = $(() => {
+    }), r = $(() => {
       const u = [
         De.inputButton,
         De[`inputButton__${t.variant}`],
@@ -320,7 +320,7 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
       return t.fill && u.push(De.fill), t.customClass && u.push(t.customClass), u;
     });
     return (u, d) => (m(), b("button", {
-      class: C(s.value),
+      class: C(r.value),
       disabled: t.disabled,
       onClick: l
     }, [
@@ -336,7 +336,7 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
         disabled: t.disabled,
         type: u.inputType,
         onInput: i,
-        onKeydown: r,
+        onKeydown: s,
         onClick: d[0] || (d[0] = st(() => {
         }, ["stop"]))
       }, null, 42, Mn),
@@ -349,13 +349,18 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
   }
 }), Nt = {
   mounted(e, o) {
-    e.clickOutsideEvent = (t) => {
-      const n = (o.value.exclude || []).filter((i) => i.value).map((i) => i.value);
-      [e, ...n].some((i) => i && (i === t.target || i.contains(t.target))) || o.value.handler();
-    }, document.addEventListener("click", e.clickOutsideEvent);
+    e.clickOutsideEvent = (n) => {
+      const l = (o.value.exclude || []).filter((s) => s.value).map((s) => s.value);
+      [e, ...l].some((s) => s && (s === n.target || s.contains(n.target))) || o.value.handler();
+    };
+    const t = o.value.capture ?? !1;
+    e.clickOutsideCapture = t, document.addEventListener("click", e.clickOutsideEvent, t);
   },
   unmounted(e) {
-    e.clickOutsideEvent && document.removeEventListener("click", e.clickOutsideEvent);
+    if (e.clickOutsideEvent) {
+      const o = e.clickOutsideCapture ?? !1;
+      document.removeEventListener("click", e.clickOutsideEvent, o);
+    }
   }
 }, Tn = (e, o) => {
   var n;
@@ -372,8 +377,8 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
     const i = String(l[o]);
     return Tn(i.toLowerCase(), n);
   }).sort((l, i) => {
-    const r = String(l[o]).toLowerCase(), a = String(i[o]).toLowerCase();
-    return r === n ? -1 : a === n ? 1 : r.startsWith(n) && !a.startsWith(n) ? -1 : !r.startsWith(n) && a.startsWith(n) ? 1 : r.length - a.length;
+    const s = String(l[o]).toLowerCase(), a = String(i[o]).toLowerCase();
+    return s === n ? -1 : a === n ? 1 : s.startsWith(n) && !a.startsWith(n) ? -1 : !s.startsWith(n) && a.startsWith(n) ? 1 : s.length - a.length;
   });
 }, En = "_menu_1sfnf_1", Ln = "_dropdown_1sfnf_1", Rn = "_dropdown__valueContent_1sfnf_50", $n = "_dropdown__label_1sfnf_61", On = "_dropdown__value_1sfnf_50", Dn = "_dropdown__placeholder_1sfnf_69", Pn = "_dropdown__arrowIcon_1sfnf_77", Hn = "_menu__searchContainer_1sfnf_92", zn = "_menu__searchInputWrap_1sfnf_96", qn = "_menu__searchInput_1sfnf_96", Nn = "_menu__errorMessage_1sfnf_115", Wn = "_menu__addButton_1sfnf_122", Fn = "_menu__itemContainer_1sfnf_130", Un = "_menu__item_1sfnf_130", j = {
   menu: En,
@@ -410,7 +415,7 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { emit: o }) {
-    const t = Nt, n = e, l = o, i = L(), r = L(), a = L(!1), s = L(null), u = L(""), d = L(null), h = L({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), g = St([...n.items]), f = St([...n.items]), B = () => {
+    const t = Nt, n = e, l = o, i = L(), s = L(), a = L(!1), r = L(null), u = L(""), d = L(null), h = L({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), g = St([...n.items]), f = St([...n.items]), B = () => {
       if (!i.value)
         return;
       const { offsetTop: M, offsetLeft: P, offsetWidth: q } = i.value, G = window.innerHeight, ee = M + i.value.offsetHeight, c = ee + n.menuHeight > G;
@@ -428,7 +433,7 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
     }, T = () => {
       a.value = !1, v();
     }, x = (M) => {
-      s.value = M, l("select-item", M), l("update:modelValue", M.value), T();
+      r.value = M, l("select-item", M), l("update:modelValue", M.value), T();
     }, V = () => {
       const M = u.value.trim(), P = n.validateAddItem(M, f);
       if (P) {
@@ -454,15 +459,15 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
     Ne(() => {
       if (B(), n.modelValue) {
         const M = f.find((P) => P.value === n.modelValue);
-        M && (s.value = M);
+        M && (r.value = M);
       }
     });
-    const D = $(() => s.value ? s.value.text : "");
+    const D = $(() => r.value ? r.value.text : "");
     Q(() => n.modelValue, (M) => {
       var P;
-      if (((P = s.value) == null ? void 0 : P.value) !== M) {
+      if (((P = r.value) == null ? void 0 : P.value) !== M) {
         const q = f.find((G) => G.value === M);
-        q && (s.value = q);
+        q && (r.value = q);
       }
     }), Q(
       () => n.items,
@@ -471,7 +476,7 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
       },
       { deep: !0 }
     );
-    const F = L({ handler: T, exclude: [i, r] });
+    const F = L({ handler: T, exclude: [i, s] });
     return (M, P) => (m(), b(ue, null, [
       I("div", {
         ref_key: "dropdownRef",
@@ -516,7 +521,7 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
       ], 2),
       et((m(), b("div", {
         ref_key: "menuRef",
-        ref: r,
+        ref: s,
         class: C(p(j).menu),
         style: ne(N.value),
         onClick: P[1] || (P[1] = st(() => {
@@ -563,7 +568,7 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
             class: C([
               p(j).menu__item,
               {
-                [p(j)["menu__item--active"]]: s.value && q.value === s.value.value
+                [p(j)["menu__item--active"]]: r.value && q.value === r.value.value
               }
             ]),
             onClick: (ee) => x(q)
@@ -651,17 +656,17 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
     Q(() => t.modelValue, (a) => {
       l.value !== a && (l.value = a || "");
     });
-    const r = L([...t.segments]);
+    const s = L([...t.segments]);
     return Q(() => t.segments, (a) => {
-      r.value = [...a], a.some((s) => s.value === l.value) || (l.value = "", n("update:modelValue", ""));
-    }, { deep: !0 }), (a, s) => (m(), b("div", {
+      s.value = [...a], a.some((r) => r.value === l.value) || (l.value = "", n("update:modelValue", ""));
+    }, { deep: !0 }), (a, r) => (m(), b("div", {
       class: C([
         p(be).segmentGroup,
         p(be)[`segmentGroup--${a.align}`],
         { [p(be).fill]: a.fill }
       ])
     }, [
-      (m(!0), b(ue, null, Ve(r.value, (u, d) => (m(), b("button", {
+      (m(!0), b(ue, null, Ve(s.value, (u, d) => (m(), b("button", {
         key: `${u.value}-${d}`,
         class: C([
           p(be).button,
@@ -717,13 +722,13 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
         const a = Math.min(l.value.scrollHeight, t.maxHeight || l.value.scrollHeight);
         l.value.style.height = `${a}px`;
       }
-    }, r = (a) => {
-      const s = a.target;
-      n("input", a), n("update:modelValue", s.value), i();
+    }, s = (a) => {
+      const r = a.target;
+      n("input", a), n("update:modelValue", r.value), i();
     };
     return Ne(() => {
       i();
-    }), (a, s) => {
+    }), (a, r) => {
       var u;
       return m(), b("div", {
         class: C(p(we).wrapper)
@@ -749,11 +754,11 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
           placeholder: a.placeholder,
           style: ne(a.maxHeight ? { maxHeight: `${a.maxHeight}px` } : void 0),
           value: a.modelValue,
-          onBlur: s[0] || (s[0] = (d) => n("blur", d)),
-          onChange: s[1] || (s[1] = (d) => a.$emit("change", d)),
-          onFocus: s[2] || (s[2] = (d) => n("focus", d)),
-          onInput: r,
-          onPaste: s[3] || (s[3] = (d) => n("paste", d))
+          onBlur: r[0] || (r[0] = (d) => n("blur", d)),
+          onChange: r[1] || (r[1] = (d) => a.$emit("change", d)),
+          onFocus: r[2] || (r[2] = (d) => n("focus", d)),
+          onInput: s,
+          onPaste: r[3] || (r[3] = (d) => n("paste", d))
         }, null, 46, vo)) : (m(), b("input", {
           key: 2,
           id: a.id,
@@ -768,11 +773,11 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
           name: a.name,
           placeholder: a.placeholder,
           value: a.modelValue,
-          onBlur: s[4] || (s[4] = (d) => n("blur", d)),
-          onChange: s[5] || (s[5] = (d) => a.$emit("change", d)),
-          onFocus: s[6] || (s[6] = (d) => n("focus", d)),
-          onInput: r,
-          onPaste: s[7] || (s[7] = (d) => n("paste", d))
+          onBlur: r[4] || (r[4] = (d) => n("blur", d)),
+          onChange: r[5] || (r[5] = (d) => a.$emit("change", d)),
+          onFocus: r[6] || (r[6] = (d) => n("focus", d)),
+          onInput: s,
+          onPaste: r[7] || (r[7] = (d) => n("paste", d))
         }, null, 42, go)),
         I("div", {
           class: C(p(we).wrapper__bottom)
@@ -820,16 +825,16 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
     const t = e, n = o, l = (a) => {
       if (a === "")
         return a;
-      const s = Number(a);
-      return typeof t.min == "number" && s < t.min ? t.min.toString() : typeof t.max == "number" && s > t.max ? t.max.toString() : s.toString();
+      const r = Number(a);
+      return typeof t.min == "number" && r < t.min ? t.min.toString() : typeof t.max == "number" && r > t.max ? t.max.toString() : r.toString();
     }, i = (a) => {
-      const s = a.target, u = l(s.value);
-      s.value = u, n("input", a), n("update:modelValue", Number(u));
-    }, r = (a) => {
-      const s = a.target, u = s.value, d = l(s.value === "" ? String(t.min || 0) : s.value);
-      s.value = d, n("blur", a), u !== d && n("update:modelValue", Number(d));
+      const r = a.target, u = l(r.value);
+      r.value = u, n("input", a), n("update:modelValue", Number(u));
+    }, s = (a) => {
+      const r = a.target, u = r.value, d = l(r.value === "" ? String(t.min || 0) : r.value);
+      r.value = d, n("blur", a), u !== d && n("update:modelValue", Number(d));
     };
-    return (a, s) => {
+    return (a, r) => {
       var u;
       return m(), b("div", {
         class: C([p(xe).wrapper, p(xe)[`wrapper__size_${a.size}`]])
@@ -854,11 +859,11 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
           name: a.name,
           placeholder: a.placeholder,
           value: a.modelValue,
-          onBlur: r,
-          onChange: s[0] || (s[0] = (d) => a.$emit("change", d)),
-          onFocus: s[1] || (s[1] = (d) => n("focus", d)),
+          onBlur: s,
+          onChange: r[0] || (r[0] = (d) => a.$emit("change", d)),
+          onFocus: r[1] || (r[1] = (d) => n("focus", d)),
           onInput: i,
-          onPaste: s[2] || (s[2] = (d) => n("paste", d))
+          onPaste: r[2] || (r[2] = (d) => n("paste", d))
         }, null, 42, So),
         a.counter || a.error ? (m(), b("div", {
           key: 1,
@@ -895,7 +900,7 @@ const bn = ["fill", "height", "width"], wn = ["xlink:href"], yn = ["viewBox", "w
     const t = e, n = o, l = () => {
       n("click", !t.checked);
     };
-    return (i, r) => (m(), b("fieldset", {
+    return (i, s) => (m(), b("fieldset", {
       class: C([
         p(Ue).wrapper,
         {
@@ -959,8 +964,8 @@ function xt(e) {
 function Ho(e, o, t) {
   t === void 0 && (t = !1);
   const n = Qe(e), l = xt(e), i = yt(l);
-  let r = l === "x" ? n === (t ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return o.reference[i] > o.floating[i] && (r = at(r)), [r, at(r)];
+  let s = l === "x" ? n === (t ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return o.reference[i] > o.floating[i] && (s = at(s)), [s, at(s)];
 }
 function zo(e) {
   const o = at(e);
@@ -985,7 +990,7 @@ function Wo(e, o, t) {
 function Fo(e, o, t, n) {
   const l = Qe(e);
   let i = Wo(Te(e), t === "start", n);
-  return l && (i = i.map((r) => r + "-" + l), o && (i = i.concat(i.map(ht)))), i;
+  return l && (i = i.map((s) => s + "-" + l), o && (i = i.concat(i.map(ht)))), i;
 }
 function at(e) {
   return e.replace(/left|right|bottom|top/g, (o) => Oo[o]);
@@ -1030,9 +1035,9 @@ function Et(e, o, t) {
     reference: n,
     floating: l
   } = e;
-  const i = Ae(o), r = xt(o), a = yt(r), s = Te(o), u = i === "y", d = n.x + n.width / 2 - l.width / 2, h = n.y + n.height / 2 - l.height / 2, g = n[a] / 2 - l[a] / 2;
+  const i = Ae(o), s = xt(o), a = yt(s), r = Te(o), u = i === "y", d = n.x + n.width / 2 - l.width / 2, h = n.y + n.height / 2 - l.height / 2, g = n[a] / 2 - l[a] / 2;
   let f;
-  switch (s) {
+  switch (r) {
     case "top":
       f = {
         x: d,
@@ -1065,10 +1070,10 @@ function Et(e, o, t) {
   }
   switch (Qe(o)) {
     case "start":
-      f[r] -= g * (t && u ? -1 : 1);
+      f[s] -= g * (t && u ? -1 : 1);
       break;
     case "end":
-      f[r] += g * (t && u ? -1 : 1);
+      f[s] += g * (t && u ? -1 : 1);
       break;
   }
   return f;
@@ -1078,16 +1083,16 @@ const Yo = async (e, o, t) => {
     placement: n = "bottom",
     strategy: l = "absolute",
     middleware: i = [],
-    platform: r
-  } = t, a = i.filter(Boolean), s = await (r.isRTL == null ? void 0 : r.isRTL(o));
-  let u = await r.getElementRects({
+    platform: s
+  } = t, a = i.filter(Boolean), r = await (s.isRTL == null ? void 0 : s.isRTL(o));
+  let u = await s.getElementRects({
     reference: e,
     floating: o,
     strategy: l
   }), {
     x: d,
     y: h
-  } = Et(u, n, s), g = n, f = {}, B = 0;
+  } = Et(u, n, r), g = n, f = {}, B = 0;
   for (let S = 0; S < a.length; S++) {
     const {
       name: v,
@@ -1105,7 +1110,7 @@ const Yo = async (e, o, t) => {
       strategy: l,
       middlewareData: f,
       rects: u,
-      platform: r,
+      platform: s,
       elements: {
         reference: e,
         floating: o
@@ -1117,14 +1122,14 @@ const Yo = async (e, o, t) => {
         ...f[v],
         ...E
       }
-    }, R && B <= 50 && (B++, typeof R == "object" && (R.placement && (g = R.placement), R.rects && (u = R.rects === !0 ? await r.getElementRects({
+    }, R && B <= 50 && (B++, typeof R == "object" && (R.placement && (g = R.placement), R.rects && (u = R.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: o,
       strategy: l
     }) : R.rects), {
       x: d,
       y: h
-    } = Et(u, g, s)), S = -1);
+    } = Et(u, g, r)), S = -1);
   }
   return {
     x: d,
@@ -1141,9 +1146,9 @@ async function Yt(e, o) {
     x: n,
     y: l,
     platform: i,
-    rects: r,
+    rects: s,
     elements: a,
-    strategy: s
+    strategy: r
   } = e, {
     boundary: u = "clippingAncestors",
     rootBoundary: d = "viewport",
@@ -1154,13 +1159,13 @@ async function Yt(e, o) {
     element: (t = await (i.isElement == null ? void 0 : i.isElement(v))) == null || t ? v : v.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
     boundary: u,
     rootBoundary: d,
-    strategy: s
+    strategy: r
   })), x = h === "floating" ? {
     x: n,
     y: l,
-    width: r.floating.width,
-    height: r.floating.height
-  } : r.reference, V = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), E = await (i.isElement == null ? void 0 : i.isElement(V)) ? await (i.getScale == null ? void 0 : i.getScale(V)) || {
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, V = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), E = await (i.isElement == null ? void 0 : i.isElement(V)) ? await (i.getScale == null ? void 0 : i.getScale(V)) || {
     x: 1,
     y: 1
   } : {
@@ -1170,7 +1175,7 @@ async function Yt(e, o) {
     elements: a,
     rect: x,
     offsetParent: V,
-    strategy: s
+    strategy: r
   }) : x);
   return {
     top: (T.top - R.top + B.top) / E.y,
@@ -1188,9 +1193,9 @@ const Go = (e) => ({
       y: n,
       placement: l,
       rects: i,
-      platform: r,
+      platform: s,
       elements: a,
-      middlewareData: s
+      middlewareData: r
     } = o, {
       element: u,
       padding: d = 0
@@ -1200,10 +1205,10 @@ const Go = (e) => ({
     const h = Ut(d), g = {
       x: t,
       y: n
-    }, f = xt(l), B = yt(f), S = await r.getDimensions(u), v = f === "y", T = v ? "top" : "left", x = v ? "bottom" : "right", V = v ? "clientHeight" : "clientWidth", E = i.reference[B] + i.reference[f] - g[f] - i.floating[B], R = g[f] - i.reference[f], N = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u));
+    }, f = xt(l), B = yt(f), S = await s.getDimensions(u), v = f === "y", T = v ? "top" : "left", x = v ? "bottom" : "right", V = v ? "clientHeight" : "clientWidth", E = i.reference[B] + i.reference[f] - g[f] - i.floating[B], R = g[f] - i.reference[f], N = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
     let D = N ? N[V] : 0;
-    (!D || !await (r.isElement == null ? void 0 : r.isElement(N))) && (D = a.floating[V] || i.floating[B]);
-    const F = E / 2 - R / 2, M = D / 2 - S[B] / 2 - 1, P = ze(h[T], M), q = ze(h[x], M), G = P, ee = D - S[B] - q, c = D / 2 - S[B] / 2 + F, _ = mt(G, c, ee), A = !s.arrow && Qe(l) != null && c !== _ && i.reference[B] / 2 - (c < G ? P : q) - S[B] / 2 < 0, w = A ? c < G ? c - G : c - ee : 0;
+    (!D || !await (s.isElement == null ? void 0 : s.isElement(N))) && (D = a.floating[V] || i.floating[B]);
+    const F = E / 2 - R / 2, M = D / 2 - S[B] / 2 - 1, P = ze(h[T], M), q = ze(h[x], M), G = P, ee = D - S[B] - q, c = D / 2 - S[B] / 2 + F, _ = mt(G, c, ee), A = !r.arrow && Qe(l) != null && c !== _ && i.reference[B] / 2 - (c < G ? P : q) - S[B] / 2 < 0, w = A ? c < G ? c - G : c - ee : 0;
     return {
       [f]: g[f] + w,
       data: {
@@ -1225,9 +1230,9 @@ const Go = (e) => ({
       const {
         placement: l,
         middlewareData: i,
-        rects: r,
+        rects: s,
         initialPlacement: a,
-        platform: s,
+        platform: r,
         elements: u
       } = o, {
         mainAxis: d = !0,
@@ -1240,12 +1245,12 @@ const Go = (e) => ({
       } = Ke(e, o);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const T = Te(l), x = Ae(a), V = Te(a) === a, E = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), R = g || (V || !S ? [at(a)] : zo(a)), N = B !== "none";
+      const T = Te(l), x = Ae(a), V = Te(a) === a, E = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), R = g || (V || !S ? [at(a)] : zo(a)), N = B !== "none";
       !g && N && R.push(...Fo(a, S, B, E));
       const D = [a, ...R], F = await Yt(o, v), M = [];
       let P = ((n = i.flip) == null ? void 0 : n.overflows) || [];
       if (d && M.push(F[T]), h) {
-        const c = Ho(l, r, E);
+        const c = Ho(l, s, E);
         M.push(F[c[0]], F[c[1]]);
       }
       if (P = [...P, {
@@ -1303,7 +1308,7 @@ async function jo(e, o) {
     placement: t,
     platform: n,
     elements: l
-  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), r = Te(t), a = Qe(t), s = Ae(t) === "y", u = Qo.has(r) ? -1 : 1, d = i && s ? -1 : 1, h = Ke(o, e);
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = Te(t), a = Qe(t), r = Ae(t) === "y", u = Qo.has(s) ? -1 : 1, d = i && r ? -1 : 1, h = Ke(o, e);
   let {
     mainAxis: g,
     crossAxis: f,
@@ -1317,7 +1322,7 @@ async function jo(e, o) {
     crossAxis: h.crossAxis || 0,
     alignmentAxis: h.alignmentAxis
   };
-  return a && typeof B == "number" && (f = a === "end" ? B * -1 : B), s ? {
+  return a && typeof B == "number" && (f = a === "end" ? B * -1 : B), r ? {
     x: f * d,
     y: g * u
   } : {
@@ -1334,15 +1339,15 @@ const Xo = function(e) {
       const {
         x: l,
         y: i,
-        placement: r,
+        placement: s,
         middlewareData: a
-      } = o, s = await jo(o, e);
-      return r === ((t = a.offset) == null ? void 0 : t.placement) && (n = a.arrow) != null && n.alignmentOffset ? {} : {
-        x: l + s.x,
-        y: i + s.y,
+      } = o, r = await jo(o, e);
+      return s === ((t = a.offset) == null ? void 0 : t.placement) && (n = a.arrow) != null && n.alignmentOffset ? {} : {
+        x: l + r.x,
+        y: i + r.y,
         data: {
-          ...s,
-          placement: r
+          ...r,
+          placement: s
         }
       };
     }
@@ -1358,7 +1363,7 @@ const Xo = function(e) {
         placement: l
       } = o, {
         mainAxis: i = !0,
-        crossAxis: r = !1,
+        crossAxis: s = !1,
         limiter: a = {
           fn: (v) => {
             let {
@@ -1371,17 +1376,17 @@ const Xo = function(e) {
             };
           }
         },
-        ...s
+        ...r
       } = Ke(e, o), u = {
         x: t,
         y: n
-      }, d = await Yt(o, s), h = Ae(Te(l)), g = Ft(h);
+      }, d = await Yt(o, r), h = Ae(Te(l)), g = Ft(h);
       let f = u[g], B = u[h];
       if (i) {
         const v = g === "y" ? "top" : "left", T = g === "y" ? "bottom" : "right", x = f + d[v], V = f - d[T];
         f = mt(x, f, V);
       }
-      if (r) {
+      if (s) {
         const v = h === "y" ? "top" : "left", T = h === "y" ? "bottom" : "right", x = B + d[v], V = B - d[T];
         B = mt(x, B, V);
       }
@@ -1397,7 +1402,7 @@ const Xo = function(e) {
           y: S.y - n,
           enabled: {
             [g]: i,
-            [h]: r
+            [h]: s
           }
         }
       };
@@ -1508,10 +1513,10 @@ function Gt(e) {
 function Ge(e, o, t) {
   var n;
   o === void 0 && (o = []), t === void 0 && (t = !0);
-  const l = Gt(e), i = l === ((n = e.ownerDocument) == null ? void 0 : n.body), r = te(l);
+  const l = Gt(e), i = l === ((n = e.ownerDocument) == null ? void 0 : n.body), s = te(l);
   if (i) {
-    const a = vt(r);
-    return o.concat(r, r.visualViewport || [], je(l) ? l : [], a && t ? Ge(a) : []);
+    const a = vt(s);
+    return o.concat(s, s.visualViewport || [], je(l) ? l : [], a && t ? Ge(a) : []);
   }
   return o.concat(l, Ge(l, [], t));
 }
@@ -1521,8 +1526,8 @@ function vt(e) {
 function Kt(e) {
   const o = re(e);
   let t = parseFloat(o.width) || 0, n = parseFloat(o.height) || 0;
-  const l = _e(e), i = l ? e.offsetWidth : t, r = l ? e.offsetHeight : n, a = ot(t) !== i || ot(n) !== r;
-  return a && (t = i, n = r), {
+  const l = _e(e), i = l ? e.offsetWidth : t, s = l ? e.offsetHeight : n, a = ot(t) !== i || ot(n) !== s;
+  return a && (t = i, n = s), {
     width: t,
     height: n,
     $: a
@@ -1540,9 +1545,9 @@ function He(e) {
     height: l,
     $: i
   } = Kt(o);
-  let r = (i ? ot(t.width) : t.width) / n, a = (i ? ot(t.height) : t.height) / l;
-  return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
-    x: r,
+  let s = (i ? ot(t.width) : t.width) / n, a = (i ? ot(t.height) : t.height) / l;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+    x: s,
     y: a
   };
 }
@@ -1560,22 +1565,22 @@ function ua(e, o, t) {
 function Ee(e, o, t, n) {
   o === void 0 && (o = !1), t === void 0 && (t = !1);
   const l = e.getBoundingClientRect(), i = Bt(e);
-  let r = de(1);
-  o && (n ? se(n) && (r = He(n)) : r = He(e));
+  let s = de(1);
+  o && (n ? se(n) && (s = He(n)) : s = He(e));
   const a = ua(i, t, n) ? Qt(i) : de(0);
-  let s = (l.left + a.x) / r.x, u = (l.top + a.y) / r.y, d = l.width / r.x, h = l.height / r.y;
+  let r = (l.left + a.x) / s.x, u = (l.top + a.y) / s.y, d = l.width / s.x, h = l.height / s.y;
   if (i) {
     const g = te(i), f = n && se(n) ? te(n) : n;
     let B = g, S = vt(B);
     for (; S && n && f !== B; ) {
       const v = He(S), T = S.getBoundingClientRect(), x = re(S), V = T.left + (S.clientLeft + parseFloat(x.paddingLeft)) * v.x, E = T.top + (S.clientTop + parseFloat(x.paddingTop)) * v.y;
-      s *= v.x, u *= v.y, d *= v.x, h *= v.y, s += V, u += E, B = te(S), S = vt(B);
+      r *= v.x, u *= v.y, d *= v.x, h *= v.y, r += V, u += E, B = te(S), S = vt(B);
     }
   }
   return lt({
     width: d,
     height: h,
-    x: s,
+    x: r,
     y: u
   });
 }
@@ -1597,24 +1602,24 @@ function ca(e) {
     offsetParent: n,
     strategy: l
   } = e;
-  const i = l === "fixed", r = fe(n), a = o ? it(o.floating) : !1;
-  if (n === r || a && i)
+  const i = l === "fixed", s = fe(n), a = o ? it(o.floating) : !1;
+  if (n === s || a && i)
     return t;
-  let s = {
+  let r = {
     scrollLeft: 0,
     scrollTop: 0
   }, u = de(1);
   const d = de(0), h = _e(n);
-  if ((h || !h && !i) && ((Le(n) !== "body" || je(r)) && (s = ut(n)), _e(n))) {
+  if ((h || !h && !i) && ((Le(n) !== "body" || je(s)) && (r = ut(n)), _e(n))) {
     const f = Ee(n);
     u = He(n), d.x = f.x + n.clientLeft, d.y = f.y + n.clientTop;
   }
-  const g = r && !h && !i ? jt(r, s) : de(0);
+  const g = s && !h && !i ? jt(s, r) : de(0);
   return {
     width: t.width * u.x,
     height: t.height * u.y,
-    x: t.x * u.x - s.scrollLeft * u.x + d.x + g.x,
-    y: t.y * u.y - s.scrollTop * u.y + d.y + g.y
+    x: t.x * u.x - r.scrollLeft * u.x + d.x + g.x,
+    y: t.y * u.y - r.scrollTop * u.y + d.y + g.y
   };
 }
 function da(e) {
@@ -1622,23 +1627,23 @@ function da(e) {
 }
 function _a(e) {
   const o = fe(e), t = ut(e), n = e.ownerDocument.body, l = Me(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), i = Me(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
-  let r = -t.scrollLeft + ct(e);
+  let s = -t.scrollLeft + ct(e);
   const a = -t.scrollTop;
-  return re(n).direction === "rtl" && (r += Me(o.clientWidth, n.clientWidth) - l), {
+  return re(n).direction === "rtl" && (s += Me(o.clientWidth, n.clientWidth) - l), {
     width: l,
     height: i,
-    x: r,
+    x: s,
     y: a
   };
 }
 const Rt = 25;
 function pa(e, o) {
   const t = te(e), n = fe(e), l = t.visualViewport;
-  let i = n.clientWidth, r = n.clientHeight, a = 0, s = 0;
+  let i = n.clientWidth, s = n.clientHeight, a = 0, r = 0;
   if (l) {
-    i = l.width, r = l.height;
+    i = l.width, s = l.height;
     const d = kt();
-    (!d || d && o === "fixed") && (a = l.offsetLeft, s = l.offsetTop);
+    (!d || d && o === "fixed") && (a = l.offsetLeft, r = l.offsetTop);
   }
   const u = ct(n);
   if (u <= 0) {
@@ -1647,18 +1652,18 @@ function pa(e, o) {
   } else u <= Rt && (i += u);
   return {
     width: i,
-    height: r,
+    height: s,
     x: a,
-    y: s
+    y: r
   };
 }
 const fa = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function ma(e, o) {
-  const t = Ee(e, !0, o === "fixed"), n = t.top + e.clientTop, l = t.left + e.clientLeft, i = _e(e) ? He(e) : de(1), r = e.clientWidth * i.x, a = e.clientHeight * i.y, s = l * i.x, u = n * i.y;
+  const t = Ee(e, !0, o === "fixed"), n = t.top + e.clientTop, l = t.left + e.clientLeft, i = _e(e) ? He(e) : de(1), s = e.clientWidth * i.x, a = e.clientHeight * i.y, r = l * i.x, u = n * i.y;
   return {
-    width: r,
+    width: s,
     height: a,
-    x: s,
+    x: r,
     y: u
   };
 }
@@ -1691,10 +1696,10 @@ function ha(e, o) {
     return t;
   let n = Ge(e, [], !1).filter((a) => se(a) && Le(a) !== "body"), l = null;
   const i = re(e).position === "fixed";
-  let r = i ? Ce(e) : e;
-  for (; se(r) && !qe(r); ) {
-    const a = re(r), s = Ct(r);
-    !s && a.position === "fixed" && (l = null), (i ? !s && !l : !s && a.position === "static" && !!l && fa.has(l.position) || je(r) && !s && Xt(e, r)) ? n = n.filter((d) => d !== r) : l = a, r = Ce(r);
+  let s = i ? Ce(e) : e;
+  for (; se(s) && !qe(s); ) {
+    const a = re(s), r = Ct(s);
+    !r && a.position === "fixed" && (l = null), (i ? !r && !l : !r && a.position === "static" && !!l && fa.has(l.position) || je(s) && !r && Xt(e, s)) ? n = n.filter((d) => d !== s) : l = a, s = Ce(s);
   }
   return o.set(e, n), n;
 }
@@ -1705,15 +1710,15 @@ function va(e) {
     rootBoundary: n,
     strategy: l
   } = e;
-  const r = [...t === "clippingAncestors" ? it(o) ? [] : ha(o, this._c) : [].concat(t), n], a = r[0], s = r.reduce((u, d) => {
+  const s = [...t === "clippingAncestors" ? it(o) ? [] : ha(o, this._c) : [].concat(t), n], a = s[0], r = s.reduce((u, d) => {
     const h = $t(o, d, l);
     return u.top = Me(h.top, u.top), u.right = ze(h.right, u.right), u.bottom = ze(h.bottom, u.bottom), u.left = Me(h.left, u.left), u;
   }, $t(o, a, l));
   return {
-    width: s.right - s.left,
-    height: s.bottom - s.top,
-    x: s.left,
-    y: s.top
+    width: r.right - r.left,
+    height: r.bottom - r.top,
+    x: r.left,
+    y: r.top
   };
 }
 function ga(e) {
@@ -1727,27 +1732,27 @@ function ga(e) {
   };
 }
 function ba(e, o, t) {
-  const n = _e(o), l = fe(o), i = t === "fixed", r = Ee(e, !0, i, o);
+  const n = _e(o), l = fe(o), i = t === "fixed", s = Ee(e, !0, i, o);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const s = de(0);
+  const r = de(0);
   function u() {
-    s.x = ct(l);
+    r.x = ct(l);
   }
   if (n || !n && !i)
     if ((Le(o) !== "body" || je(l)) && (a = ut(o)), n) {
       const f = Ee(o, !0, i, o);
-      s.x = f.x + o.clientLeft, s.y = f.y + o.clientTop;
+      r.x = f.x + o.clientLeft, r.y = f.y + o.clientTop;
     } else l && u();
   i && !n && l && u();
-  const d = l && !n && !i ? jt(l, a) : de(0), h = r.left + a.scrollLeft - s.x - d.x, g = r.top + a.scrollTop - s.y - d.y;
+  const d = l && !n && !i ? jt(l, a) : de(0), h = s.left + a.scrollLeft - r.x - d.x, g = s.top + a.scrollTop - r.y - d.y;
   return {
     x: h,
     y: g,
-    width: r.width,
-    height: r.height
+    width: s.width,
+    height: s.height
   };
 }
 function ft(e) {
@@ -1816,8 +1821,8 @@ function Aa(e, o) {
     var a;
     clearTimeout(n), (a = t) == null || a.disconnect(), t = null;
   }
-  function r(a, s) {
-    a === void 0 && (a = !1), s === void 0 && (s = 1), i();
+  function s(a, r) {
+    a === void 0 && (a = !1), r === void 0 && (r = 1), i();
     const u = e.getBoundingClientRect(), {
       left: d,
       top: h,
@@ -1828,19 +1833,19 @@ function Aa(e, o) {
       return;
     const B = Je(h), S = Je(l.clientWidth - (d + g)), v = Je(l.clientHeight - (h + f)), T = Je(d), V = {
       rootMargin: -B + "px " + -S + "px " + -v + "px " + -T + "px",
-      threshold: Me(0, ze(1, s)) || 1
+      threshold: Me(0, ze(1, r)) || 1
     };
     let E = !0;
     function R(N) {
       const D = N[0].intersectionRatio;
-      if (D !== s) {
+      if (D !== r) {
         if (!E)
-          return r();
-        D ? r(!1, D) : n = setTimeout(() => {
-          r(!1, 1e-7);
+          return s();
+        D ? s(!1, D) : n = setTimeout(() => {
+          s(!1, 1e-7);
         }, 1e3);
       }
-      D === 1 && !Jt(u, e.getBoundingClientRect()) && r(), E = !1;
+      D === 1 && !Jt(u, e.getBoundingClientRect()) && s(), E = !1;
     }
     try {
       t = new IntersectionObserver(R, {
@@ -1853,16 +1858,16 @@ function Aa(e, o) {
     }
     t.observe(e);
   }
-  return r(!0), i;
+  return s(!0), i;
 }
 function Ca(e, o, t, n) {
   n === void 0 && (n = {});
   const {
     ancestorScroll: l = !0,
     ancestorResize: i = !0,
-    elementResize: r = typeof ResizeObserver == "function",
+    elementResize: s = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
-    animationFrame: s = !1
+    animationFrame: r = !1
   } = n, u = Bt(e), d = l || i ? [...u ? Ge(u) : [], ...Ge(o)] : [];
   d.forEach((T) => {
     l && T.addEventListener("scroll", t, {
@@ -1871,15 +1876,15 @@ function Ca(e, o, t, n) {
   });
   const h = u && a ? Aa(u, t) : null;
   let g = -1, f = null;
-  r && (f = new ResizeObserver((T) => {
+  s && (f = new ResizeObserver((T) => {
     let [x] = T;
     x && x.target === u && f && (f.unobserve(o), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
       var V;
       (V = f) == null || V.observe(o);
     })), t();
-  }), u && !s && f.observe(u), f.observe(o));
-  let B, S = s ? Ee(e) : null;
-  s && v();
+  }), u && !r && f.observe(u), f.observe(o));
+  let B, S = r ? Ee(e) : null;
+  r && v();
   function v() {
     const T = Ee(e);
     S && !Jt(S, T) && t(), S = T, B = requestAnimationFrame(v);
@@ -1888,7 +1893,7 @@ function Ca(e, o, t, n) {
     var T;
     d.forEach((x) => {
       l && x.removeEventListener("scroll", t), i && x.removeEventListener("resize", t);
-    }), h == null || h(), (T = f) == null || T.disconnect(), f = null, s && cancelAnimationFrame(B);
+    }), h == null || h(), (T = f) == null || T.disconnect(), f = null, r && cancelAnimationFrame(B);
   };
 }
 const ka = Xo, Ba = Zo, Ia = Ko, Sa = Go, Va = (e, o, t) => {
@@ -1942,16 +1947,16 @@ function Ea(e, o, t) {
   const n = t.whileElementsMounted, l = $(() => {
     var D;
     return (D = Pe(t.open)) != null ? D : !0;
-  }), i = $(() => Pe(t.middleware)), r = $(() => {
+  }), i = $(() => Pe(t.middleware)), s = $(() => {
     var D;
     return (D = Pe(t.placement)) != null ? D : "bottom";
   }), a = $(() => {
     var D;
     return (D = Pe(t.strategy)) != null ? D : "absolute";
-  }), s = $(() => {
+  }), r = $(() => {
     var D;
     return (D = Pe(t.transform)) != null ? D : !0;
-  }), u = $(() => gt(e.value)), d = $(() => gt(o.value)), h = L(0), g = L(0), f = L(a.value), B = L(r.value), S = on({}), v = L(!1), T = $(() => {
+  }), u = $(() => gt(e.value)), d = $(() => gt(o.value)), h = L(0), g = L(0), f = L(a.value), B = L(s.value), S = on({}), v = L(!1), T = $(() => {
     const D = {
       position: f.value,
       left: "0",
@@ -1960,7 +1965,7 @@ function Ea(e, o, t) {
     if (!d.value)
       return D;
     const F = Dt(d.value, h.value), M = Dt(d.value, g.value);
-    return s.value ? {
+    return r.value ? {
       ...D,
       transform: "translate(" + F + "px, " + M + "px)",
       ...en(d.value) >= 1.5 && {
@@ -1979,7 +1984,7 @@ function Ea(e, o, t) {
     const D = l.value;
     Va(u.value, d.value, {
       middleware: i.value,
-      placement: r.value,
+      placement: s.value,
       strategy: a.value
     }).then((F) => {
       h.value = F.x, g.value = F.y, f.value = F.strategy, B.value = F.placement, S.value = F.middlewareData, v.value = D !== !1;
@@ -2001,7 +2006,7 @@ function Ea(e, o, t) {
   function N() {
     l.value || (v.value = !1);
   }
-  return Q([i, r, a, l], V, {
+  return Q([i, s, a, l], V, {
     flush: "sync"
   }), Q([u, d], R, {
     flush: "sync"
@@ -2066,7 +2071,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
     };
     let t = null, n = null;
     typeof window < "u" && window.wasTooltipShown === void 0 && (window.wasTooltipShown = !1);
-    const l = e, i = L(null), r = L(null), a = L(null), s = L(!1), u = $(() => l.preventXss ? Ra(l.text) : l.text), { floatingStyles: d, update: h, middlewareData: g, placement: f } = Ea(r, i, {
+    const l = e, i = L(null), s = L(null), a = L(null), r = L(!1), u = $(() => l.preventXss ? Ra(l.text) : l.text), { floatingStyles: d, update: h, middlewareData: g, placement: f } = Ea(s, i, {
       placement: $(() => l.placement || "bottom"),
       strategy: "fixed",
       whileElementsMounted: Ca,
@@ -2077,12 +2082,12 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
         Ta({ element: a, padding: 8 })
       ]
     }), B = () => {
-      t && clearTimeout(t), n && clearTimeout(n), window.wasTooltipShown ? s.value = !0 : t = setTimeout(() => {
-        s.value = !0, window.wasTooltipShown = !0;
+      t && clearTimeout(t), n && clearTimeout(n), window.wasTooltipShown ? r.value = !0 : t = setTimeout(() => {
+        r.value = !0, window.wasTooltipShown = !0;
       }, Ht);
     }, S = () => {
       n && clearTimeout(n), n = setTimeout(() => {
-        s.value = !1, window.wasTooltipShown = !0;
+        r.value = !1, window.wasTooltipShown = !0;
       }, Ht);
     }, v = () => {
       n && clearTimeout(n);
@@ -2113,7 +2118,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
     });
     return (R, N) => (m(), b(ue, null, [
       (m(), J(rn, { to: "body" }, [
-        R.status || s.value ? (m(), b("div", {
+        R.status || r.value ? (m(), b("div", {
           key: 0,
           ref_key: "tooltipRef",
           ref: i,
@@ -2139,7 +2144,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
       I("div", {
         id: R.id,
         ref_key: "triggerRef",
-        ref: r,
+        ref: s,
         class: C(p(Ye).trigger),
         onMouseenter: T,
         onMouseleave: x
@@ -2176,17 +2181,17 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
   setup(e, { emit: o }) {
     const t = e, n = L(!1), l = o, i = () => {
       l("close");
-    }, r = () => {
+    }, s = () => {
       l("submit");
-    }, a = (s) => {
-      s.key === "Escape" && l("close");
+    }, a = (r) => {
+      r.key === "Escape" && l("close");
     };
     return Ne(async () => {
       await wt(), n.value = !0, window.addEventListener("keydown", a);
     }), qt(() => {
       window.removeEventListener("keydown", a);
-    }), (s, u) => (m(), b(ue, null, [
-      s.hasOverlay ? (m(), b("div", {
+    }), (r, u) => (m(), b(ue, null, [
+      r.hasOverlay ? (m(), b("div", {
         key: 0,
         class: C(p(ye).modalOverlay),
         onClick: i
@@ -2206,12 +2211,12 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
               I("div", {
                 class: C(p(ye).header)
               }, [
-                I("p", null, W(s.title), 1)
+                I("p", null, W(r.title), 1)
               ], 2),
               I("div", {
                 class: C(p(ye).section)
               }, [
-                oe(s.$slots, "section", {}, void 0, !0)
+                oe(r.$slots, "section", {}, void 0, !0)
               ], 2),
               I("div", {
                 class: C(p(ye).footer)
@@ -2226,12 +2231,12 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
                   color: "primary",
                   variant: "solid",
                   label: t.submitText,
-                  onClick: r
+                  onClick: s
                 }, null, 8, ["label"])
               ], 2)
             ], 2)
           ], 2), [
-            [bt, s.isOpen]
+            [bt, r.isOpen]
           ])
         ]),
         _: 3
@@ -2277,7 +2282,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
   },
   setup(e) {
     const o = e, t = $(() => o.theme === "dark"), n = $(() => `in-info-box__${o.variant}`), l = $(() => `in-info-box__size-${o.size}`), i = $(() => t.value ? "inverse" : "default");
-    return (r, a) => (m(), b("div", {
+    return (s, a) => (m(), b("div", {
       class: C([
         p(Z)["in-info-box"],
         t.value ? p(Z)["in-info-box__background-inverse"] : p(Z)["in-info-box__background-default"],
@@ -2288,37 +2293,37 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
       I("div", {
         class: C([
           p(Z)["in-info-box__container"],
-          { [p(Z)["in-info-box__container-full-width"]]: r.fullWidthContentStatus }
+          { [p(Z)["in-info-box__container-full-width"]]: s.fullWidthContentStatus }
         ])
       }, [
-        r.titleStatus ? (m(), b("div", {
+        s.titleStatus ? (m(), b("div", {
           key: 0,
           class: C([
             p(Z)["in-info-box__heading-wrapper"],
-            { [p(Z)["in-info-box__heading-wrapper-full-width"]]: r.fullWidthContentStatus }
+            { [p(Z)["in-info-box__heading-wrapper-full-width"]]: s.fullWidthContentStatus }
           ])
         }, [
           I("div", {
             class: C([
               p(Z)["in-info-box__heading"],
               p(Z)[`in-info-box__heading-${i.value}`],
-              { [p(Z)["in-info-box__heading-full-width"]]: r.fullWidthContentStatus }
+              { [p(Z)["in-info-box__heading-full-width"]]: s.fullWidthContentStatus }
             ]),
-            innerHTML: r.titleText
+            innerHTML: s.titleText
           }, null, 10, Za),
-          r.titleStatus && r.descriptionStatus ? (m(), b("div", {
+          s.titleStatus && s.descriptionStatus ? (m(), b("div", {
             key: 0,
             class: C([
               p(Z)["in-info-box__heading-details"],
               p(Z)[`in-info-box__heading-details-${i.value}`]
             ]),
-            innerHTML: r.descriptionText
+            innerHTML: s.descriptionText
           }, null, 10, Ja)) : O("", !0)
         ], 2)) : O("", !0),
         I("div", {
           class: C(p(Z)["in-info-box__content"])
         }, [
-          oe(r.$slots, "default")
+          oe(s.$slots, "default")
         ], 2)
       ], 2)
     ], 2));
@@ -2353,7 +2358,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
   },
   emits: ["update:modelValue", "keyup", "keypress", "click", "cut", "paste", "blur"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, l = t, i = L(), r = (v = "") => typeof v == "string" ? v.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, "") : v, a = $(() => n.preventXss ? r(n.modelValue) : n.modelValue), s = (v) => {
+    const n = e, l = t, i = L(), s = (v = "") => typeof v == "string" ? v.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, "") : v, a = $(() => n.preventXss ? s(n.modelValue) : n.modelValue), r = (v) => {
       S(), l("keyup", v);
     }, u = (v) => {
       S(), l("keypress", v);
@@ -2369,7 +2374,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
     }, B = (v) => {
       S(), l("blur", v);
     }, S = () => {
-      n.preventXss && i.value && (i.value.value = r(i.value.value));
+      n.preventXss && i.value && (i.value.value = s(i.value.value));
     };
     return o({
       textareaRef: i
@@ -2404,7 +2409,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
         disabled: v.disabled,
         rows: v.rowLength,
         maxlength: v.maxLength,
-        onKeyup: s,
+        onKeyup: r,
         onKeypress: u,
         onCut: g,
         onPaste: f,
@@ -2478,9 +2483,9 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "keyup", "keypress", "click", "paste", "leftIconClick", "rightIconClick"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = L(""), i = $(() => t.preventXss ? String(t.labelText).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : t.labelText), r = $(() => t.states === "default"), a = $(
+    const t = e, n = o, l = L(""), i = $(() => t.preventXss ? String(t.labelText).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : t.labelText), s = $(() => t.states === "default"), a = $(
       () => t.states === "warning" || t.states === "error"
-    ), s = $(
+    ), r = $(
       () => t.helperMessageStatus || a.value
     ), u = $(() => t.type === "number"), d = $(() => {
       const c = ["e", "E", "+", "\\"], _ = typeof t.minValue == "number" ? t.minValue : Number(t.minValue);
@@ -2652,9 +2657,9 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
           oe(c.$slots, "rightSlot", {}, void 0, !0)
         ])) : O("", !0)
       ]),
-      s.value ? (m(), b("div", ul, [
+      r.value ? (m(), b("div", ul, [
         c.helperMessageStatus || a.value ? (m(), b("div", cl, [
-          r.value ? (m(), b("p", dl, W(c.helperMessage), 1)) : O("", !0),
+          s.value ? (m(), b("p", dl, W(c.helperMessage), 1)) : O("", !0),
           a.value && !c.disabledStatus ? (m(), b("p", _l, W(c.stateMessage), 1)) : O("", !0)
         ])) : O("", !0)
       ])) : O("", !0)
@@ -2688,29 +2693,29 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
   },
   emits: ["update:modelValue", "open", "close"],
   setup(e, { expose: o, emit: t }) {
-    const n = Nt, l = e, i = t, r = L(null), a = L(null), s = L(l.modelValue);
+    const n = Nt, l = e, i = t, s = L(null), a = L(null), r = L(l.modelValue);
     Q(
       () => l.modelValue,
       (g) => {
-        s.value = g;
+        r.value = g;
       }
     );
     const u = () => {
-      s.value = !s.value, i("update:modelValue", s.value), s.value ? i("open") : i("close");
+      r.value = !r.value, i("update:modelValue", r.value), r.value ? i("open") : i("close");
     }, d = () => {
-      s.value = !1, i("update:modelValue", !1), i("close");
-    }, h = L({ handler: d, exclude: [r, a] });
+      r.value = !1, i("update:modelValue", !1), i("close");
+    }, h = L({ handler: d, exclude: [s, a] });
     return o({
-      isOpen: s,
+      isOpen: r,
       toggle: u,
       close: d
     }), (g, f) => (m(), b("div", {
       ref_key: "popoverRef",
-      ref: r,
+      ref: s,
       class: "popover"
     }, [
       oe(g.$slots, "trigger", {
-        isOpen: s.value,
+        isOpen: r.value,
         toggle: u
       }, void 0, !0),
       et((m(), b("div", {
@@ -2727,7 +2732,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
           _: 3
         })
       ], 2)), [
-        [bt, s.value],
+        [bt, r.value],
         [p(n), h.value]
       ])
     ], 512));
@@ -2753,10 +2758,10 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
     cn((x) => ({
       "685c21b4": `${n.menuHeight}px`
     }));
-    const n = e, l = t, i = L(!1), r = L(null), a = L(""), s = L(null), u = L([...n.items]), d = L([...n.items]), h = () => {
+    const n = e, l = t, i = L(!1), s = L(null), a = L(""), r = L(null), u = L([...n.items]), d = L([...n.items]), h = () => {
       i.value = !i.value;
     }, g = () => {
-      s.value = null, a.value = "", u.value = [...d.value];
+      r.value = null, a.value = "", u.value = [...d.value];
     };
     Q(
       () => i.value,
@@ -2767,11 +2772,11 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
     const f = () => {
       i.value = !1, g();
     }, B = (x) => {
-      r.value = x, l("select-item", x), l("update:modelValue", x.value), f();
+      s.value = x, l("select-item", x), l("update:modelValue", x.value), f();
     }, S = () => {
       const x = a.value.trim(), V = n.validateAddItem(x, d.value);
       if (V) {
-        s.value = V, l("add-error", V);
+        r.value = V, l("add-error", V);
         return;
       }
       const E = {
@@ -2784,20 +2789,20 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
       const V = Wt(d.value, "text", a.value);
       u.value = V;
     }, T = () => {
-      s.value = null;
+      r.value = null;
     };
     return Ne(() => {
       if (n.modelValue) {
         const x = d.value.find((V) => V.value === n.modelValue);
-        x && (r.value = x);
+        x && (s.value = x);
       }
     }), Q(
       () => n.modelValue,
       (x) => {
         var V;
-        if (((V = r.value) == null ? void 0 : V.value) !== x) {
+        if (((V = s.value) == null ? void 0 : V.value) !== x) {
           const E = d.value.find((R) => R.value === x);
-          E && (r.value = E);
+          E && (s.value = E);
         }
       }
     ), Q(
@@ -2810,7 +2815,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
       isOpen: i,
       toggleMenu: h,
       closeMenu: f,
-      selectedItem: r
+      selectedItem: s
     }), (x, V) => (m(), J(p(vl), {
       modelValue: i.value,
       "onUpdate:modelValue": V[2] || (V[2] = (E) => i.value = E)
@@ -2836,8 +2841,8 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
               "placeholder-text": x.searchPlaceholder,
               "label-status": !1,
               "helper-message-status": !1,
-              states: s.value ? "error" : "default",
-              "state-message": s.value || "",
+              states: r.value ? "error" : "default",
+              "state-message": r.value || "",
               "right-icon-status": !0,
               "right-icon-name": "line-search",
               onInput: v,
@@ -2865,21 +2870,21 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
                   class: C([
                     "in-dropdown-menu__item-content",
                     {
-                      "in-dropdown-menu__item--active": r.value && E.value === r.value.value
+                      "in-dropdown-menu__item--active": s.value && E.value === s.value.value
                     }
                   ]),
                   onClick: (F) => B(E)
                 }, [
                   oe(x.$slots, "item", {
                     item: E,
-                    isSelected: ((N = r.value) == null ? void 0 : N.value) === E.value
+                    isSelected: ((N = s.value) == null ? void 0 : N.value) === E.value
                   }, void 0, !0)
                 ], 10, wl)) : (m(), J(p(nt), {
                   key: 1,
                   class: C([
                     "in-dropdown-menu__item-button",
                     {
-                      "in-dropdown-menu__item-button--active": r.value && E.value === r.value.value
+                      "in-dropdown-menu__item-button--active": s.value && E.value === s.value.value
                     }
                   ]),
                   variant: "ghost",
@@ -2887,7 +2892,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
                   size: "small",
                   fill: "",
                   label: E.text,
-                  "right-icon-name": n.showSelectedIcon && ((D = r.value) == null ? void 0 : D.value) === E.value ? "line-check-natural" : void 0,
+                  "right-icon-name": n.showSelectedIcon && ((D = s.value) == null ? void 0 : D.value) === E.value ? "line-check-natural" : void 0,
                   onClick: (F) => B(E)
                 }, null, 8, ["class", "label", "right-icon-name", "onClick"]))
               ]);
@@ -2908,41 +2913,41 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = L(null), i = $(() => t.checked ? Cl : kl), r = (s) => {
+    const t = e, n = o, l = L(null), i = $(() => t.checked ? Cl : kl), s = (r) => {
       if (t.disabled) {
-        s.preventDefault();
+        r.preventDefault();
         return;
       }
-      const d = s.target.checked;
+      const d = r.target.checked;
       n("click", d), n("update:modelValue", d);
-    }, a = (s) => {
+    }, a = (r) => {
       if (t.disabled) {
-        s.preventDefault();
+        r.preventDefault();
         return;
       }
       l.value && !l.value.disabled && (l.value.checked = !l.value.checked, l.value.dispatchEvent(new Event("change", { bubbles: !0 })));
     };
-    return (s, u) => (m(), b("fieldset", {
+    return (r, u) => (m(), b("fieldset", {
       class: C(["in-form-item in-toggle-wrapper", [
         {
-          "in-toggle-wrapper_disable": s.disabled,
-          "in-toggle-wrapper_checked": s.checked
+          "in-toggle-wrapper_disable": r.disabled,
+          "in-toggle-wrapper_checked": r.checked
         }
       ]])
     }, [
       I("input", {
         ref_key: "inputRef",
         ref: l,
-        id: s.id,
-        name: s.name,
+        id: r.id,
+        name: r.name,
         type: "checkbox",
-        checked: s.checked,
-        disabled: s.disabled,
+        checked: r.checked,
+        disabled: r.disabled,
         class: "in-toggle-wrapper__input",
-        onChange: r
+        onChange: s
       }, null, 40, xl),
       I("label", {
-        for: s.id,
+        for: r.id,
         class: "in-toggle-wrapper__label",
         onClick: a
       }, [
@@ -3030,7 +3035,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
   },
   emits: ["color-change", "close"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = L(0), i = L(0), r = L(0.4), a = L(1), s = L("666666"), u = L([]), d = L(!1), h = L(null), g = L(null), f = L(null), B = $(() => {
+    const t = e, n = o, l = L(0), i = L(0), s = L(0.4), a = L(1), r = L("666666"), u = L([]), d = L(!1), h = L(null), g = L(null), f = L(null), B = $(() => {
       const _ = t.presetColors || [], A = [], w = 8;
       if (_.length === 0)
         return A;
@@ -3044,14 +3049,14 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
       let w = 0, y = 0, k = 0;
       return _ < 1 / 6 ? (w = 1, y = A) : _ < 2 / 6 ? (w = A, y = 1) : _ < 3 / 6 ? (y = 1, k = A) : _ < 4 / 6 ? (y = A, k = 1) : _ < 5 / 6 ? (w = A, k = 1) : (w = 1, k = A), `rgb(${Math.round(w * 255)}, ${Math.round(y * 255)}, ${Math.round(k * 255)})`;
     }), v = $(() => {
-      const _ = l.value, A = i.value, w = r.value, y = w * A, k = y * (1 - Math.abs(_ * 6 % 2 - 1)), H = w - y;
+      const _ = l.value, A = i.value, w = s.value, y = w * A, k = y * (1 - Math.abs(_ * 6 % 2 - 1)), H = w - y;
       let z = 0, K = 0, Y = 0;
       return _ < 1 / 6 ? (z = y, K = k) : _ < 2 / 6 ? (z = k, K = y) : _ < 3 / 6 ? (K = y, Y = k) : _ < 4 / 6 ? (K = k, Y = y) : _ < 5 / 6 ? (z = k, Y = y) : (z = y, Y = k), z = Math.round((z + H) * 255), K = Math.round((K + H) * 255), Y = Math.round((Y + H) * 255), `rgb(${z}, ${K}, ${Y})`;
     }), T = $(() => {
       const _ = v.value.match(/\d+/g);
       return _ ? a.value < 1 ? `rgba(${_[0]}, ${_[1]}, ${_[2]}, ${a.value})` : `rgb(${_[0]}, ${_[1]}, ${_[2]})` : v.value;
     });
-    Q([l, i, r, a], () => {
+    Q([l, i, s, a], () => {
       x(), d.value || n("color-change", T.value);
     }), Q(
       () => t.color,
@@ -3064,7 +3069,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
     );
     function x() {
       if (a.value === 0) {
-        s.value = "";
+        r.value = "";
         return;
       }
       const _ = v.value.match(/\d+/g);
@@ -3073,16 +3078,16 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
       const A = _.map((w) => parseInt(w).toString(16).padStart(2, "0")).join("").toUpperCase();
       if (t.showOpacityInHex) {
         const w = Math.round(a.value * 255).toString(16).padStart(2, "0").toUpperCase();
-        s.value = A + w;
+        r.value = A + w;
       } else
-        s.value = A;
+        r.value = A;
     }
     function V(_) {
       const A = (k) => {
         if (!h.value)
           return;
         const H = h.value.getBoundingClientRect(), z = Math.max(0, Math.min(1, (k.clientX - H.left) / H.width)), K = Math.max(0, Math.min(1, (k.clientY - H.top) / H.height));
-        i.value = z, r.value = 1 - K;
+        i.value = z, s.value = 1 - K;
       };
       A(_);
       const w = (k) => {
@@ -3124,16 +3129,16 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
     }
     function N(_) {
       const A = t.showOpacityInHex ? 8 : 6, w = String(_).replace(/[^0-9A-Fa-f]/g, "").slice(0, A);
-      s.value = w, t.showOpacityInHex ? (w.length === 6 || w.length === 8) && M(w) : w.length === 6 && M(w);
+      r.value = w, t.showOpacityInHex ? (w.length === 6 || w.length === 8) && M(w) : w.length === 6 && M(w);
     }
     function D(_) {
       var k;
       const A = ((k = _.clipboardData) == null ? void 0 : k.getData("text")) || "", w = t.showOpacityInHex ? 8 : 6, y = A.replace(/^#/, "").replace(/[^0-9A-Fa-f]/g, "").slice(0, w);
-      t.showOpacityInHex ? y.length === 6 || y.length === 8 ? (s.value = y, M(y), _.preventDefault()) : y.length > 0 && (s.value = y, _.preventDefault()) : y.length === 6 ? (s.value = y, M(y), _.preventDefault()) : y.length > 0 && (s.value = y, _.preventDefault());
+      t.showOpacityInHex ? y.length === 6 || y.length === 8 ? (r.value = y, M(y), _.preventDefault()) : y.length > 0 && (r.value = y, _.preventDefault()) : y.length === 6 ? (r.value = y, M(y), _.preventDefault()) : y.length > 0 && (r.value = y, _.preventDefault());
     }
     function F() {
       const _ = t.showOpacityInHex ? 8 : 6;
-      s.value.length !== _ && x();
+      r.value.length !== _ && x();
     }
     function M(_) {
       const A = _.startsWith("#") ? _.slice(1) : _, w = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(A), y = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(A), k = y || w;
@@ -3144,7 +3149,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
           let Ie = 0;
           Be !== 0 && (ge === X ? Ie = ((le - ve) / Be + (le < ve ? 6 : 0)) / 6 : ge === le ? Ie = ((ve - X) / Be + 2) / 6 : Ie = ((X - le) / Be + 4) / 6);
           const Fe = ge === 0 ? 0 : Be / ge, $e = ge;
-          l.value = Ie, i.value = Fe, r.value = $e, a.value = We, x();
+          l.value = Ie, i.value = Fe, s.value = $e, a.value = We, x();
           return;
         }
         return;
@@ -3155,9 +3160,9 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
       let ke = 0;
       me !== 0 && (Y === H ? ke = ((z - K) / me + (z < K ? 6 : 0)) / 6 : Y === z ? ke = ((K - H) / me + 2) / 6 : ke = ((H - z) / me + 4) / 6);
       const Xe = Y === 0 ? 0 : me / Y, Re = Y;
-      l.value = ke, i.value = Xe, r.value = Re;
+      l.value = ke, i.value = Xe, s.value = Re;
       const Ze = _.replace(/^#/, "");
-      s.value = Ze.slice(0, 6);
+      r.value = Ze.slice(0, 6);
     }
     function P(_) {
       a.value = _;
@@ -3177,7 +3182,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
       M(_);
     }
     function c() {
-      s.value = "", a.value = 0, l.value = 0, i.value = 0, r.value = 0.4, n("color-change", "transparent");
+      r.value = "", a.value = 0, l.value = 0, i.value = 0, s.value = 0.4, n("color-change", "transparent");
     }
     return (_, A) => (m(), b("div", Vl, [
       I("div", Ml, [
@@ -3203,7 +3208,7 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
             }, [
               I("div", {
                 class: "color-picker__color-indicator",
-                style: ne({ left: `${i.value * 100}%`, top: `${(1 - r.value) * 100}%` })
+                style: ne({ left: `${i.value * 100}%`, top: `${(1 - s.value) * 100}%` })
               }, null, 4)
             ], 36)
           ]),
@@ -3246,8 +3251,8 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
         I("div", Hl, [
           ce(tn, {
             id: "color-picker-hex-input",
-            modelValue: s.value,
-            "onUpdate:modelValue": A[0] || (A[0] = (w) => s.value = w),
+            modelValue: r.value,
+            "onUpdate:modelValue": A[0] || (A[0] = (w) => r.value = w),
             name: "hex-input",
             "placeholder-text": "",
             "label-status": !1,
@@ -3320,32 +3325,32 @@ const $a = "_bubble_1jxs4_1", Oa = "_trigger_1jxs4_43", Da = "_trigger__icon_1jx
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = L(t.modelValue || (t.tabs.length > 0 ? t.tabs[0].value : "")), i = (r) => {
-      t.disabled || r.disabled || (l.value = r.value, n("update:modelValue", r.value), n("change", r.value));
+    const t = e, n = o, l = L(t.modelValue || (t.tabs.length > 0 ? t.tabs[0].value : "")), i = (s) => {
+      t.disabled || s.disabled || (l.value = s.value, n("update:modelValue", s.value), n("change", s.value));
     };
     return Q(
       () => t.modelValue,
-      (r) => {
-        r !== void 0 && r !== l.value && (l.value = r);
+      (s) => {
+        s !== void 0 && s !== l.value && (l.value = s);
       }
     ), Q(
       () => t.tabs,
-      (r) => {
-        r.length > 0 && !r.some((a) => a.value === l.value) && (l.value = r[0].value, n("update:modelValue", r[0].value));
+      (s) => {
+        s.length > 0 && !s.some((a) => a.value === l.value) && (l.value = s[0].value, n("update:modelValue", s[0].value));
       },
       { deep: !0 }
-    ), (r, a) => (m(), b("div", Fl, [
-      (m(!0), b(ue, null, Ve(r.tabs, (s, u) => (m(), b("button", {
-        key: `${s.value}-${u}`,
+    ), (s, a) => (m(), b("div", Fl, [
+      (m(!0), b(ue, null, Ve(s.tabs, (r, u) => (m(), b("button", {
+        key: `${r.value}-${u}`,
         class: C([
           "in-tabs__tab",
           {
-            "in-tabs__tab--active": l.value === s.value
+            "in-tabs__tab--active": l.value === r.value
           }
         ]),
-        disabled: r.disabled || s.disabled,
-        onClick: (d) => i(s)
-      }, W(s.label), 11, Ul))), 128))
+        disabled: s.disabled || r.disabled,
+        onClick: (d) => i(r)
+      }, W(r.label), 11, Ul))), 128))
     ]));
   }
 }), is = /* @__PURE__ */ pe(Yl, [["__scopeId", "data-v-11915618"]]);
@@ -3369,6 +3374,7 @@ export {
   Xl as SegmentButton,
   Zl as TextInput,
   es as Toggle,
-  ts as Tooltip
+  ts as Tooltip,
+  Nt as clickOutside
 };
 //# sourceMappingURL=ab-components.es.js.map