@useinsider/ab-components 0.0.53 → 0.0.54

package/dist/ab-components.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, computed as R, createElementBlock as g, openBlock as m, normalizeClass as C, createBlock as J, createCommentVNode as $, unref as p, toDisplayString as N, createElementVNode as S, normalizeStyle as ne, withModifiers as st, ref as L, reactive as St, onMounted as Ne, watch as Q, Fragment as ue, withDirectives as et, vModelText as tn, renderList as Ve, vShow as bt, createVNode as ce, shallowRef as nn, getCurrentScope as on, onScopeDispose as an, shallowReadonly as Oe, onBeforeMount as ln, nextTick as wt, onBeforeUnmount as zt, Teleport as sn, renderSlot as oe, Transition as rn, withCtx as tt, useCssVars as un } from "vue";
+import { defineComponent as F, computed as R, createElementBlock as b, openBlock as m, normalizeClass as C, createBlock as J, createCommentVNode as $, unref as p, toDisplayString as N, createElementVNode as S, normalizeStyle as ne, withModifiers as st, ref as L, reactive as St, onMounted as Ne, watch as Q, Fragment as ue, withDirectives as et, vModelText as tn, renderList as Ve, vShow as bt, createVNode as ce, shallowRef as nn, getCurrentScope as on, onScopeDispose as an, shallowReadonly as Oe, onBeforeMount as ln, nextTick as wt, onBeforeUnmount as zt, Teleport as sn, renderSlot as oe, Transition as rn, withCtx as tt, useCssVars as un } from "vue";
 const cn = "_button__size_default_1bq69_1", dn = "_button__size_small_1bq69_8", _n = "_button_1bq69_1", pn = "_button__label_1bq69_60", fn = "_button__solid_1bq69_72", mn = "_fill_1bq69_1147", Se = {
   button__size_default: cn,
   button__size_small: dn,
@@ -68,7 +68,7 @@ const cn = "_button__size_default_1bq69_1", dn = "_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, r) => (m(), g("button", {
+    return (a, r) => (m(), b("button", {
       class: C(s.value),
       disabled: t.disabled,
       onClick: l
@@ -79,7 +79,7 @@ const cn = "_button__size_default_1bq69_1", dn = "_button__size_small_1bq69_8",
         size: a.iconSize,
         color: a.iconColor
       }, null, 8, ["name", "size", "color"])) : $("", !0),
-      a.label ? (m(), g("span", {
+      a.label ? (m(), b("span", {
         key: 1,
         class: C(p(Se).button__label)
       }, N(a.label), 3)) : $("", !0),
@@ -210,11 +210,11 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
         return o.fillOpacity !== void 0 ? typeof o.fillOpacity == "number" ? o.fillOpacity : parseFloat(o.fillOpacity) : i.value.opacity;
     });
     return (r, u) => {
-      var c, h;
-      return n.value ? (m(), g("svg", {
+      var d, h;
+      return n.value ? (m(), b("svg", {
         key: 1,
         class: "icon icon-custom",
-        viewBox: (c = l.value) == null ? void 0 : c.viewBox,
+        viewBox: (d = l.value) == null ? void 0 : d.viewBox,
         width: t.value,
         height: t.value,
         fill: r.color || "currentColor",
@@ -223,7 +223,7 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
           ...a.value !== void 0 && a.value !== null ? { "--icon-fill-opacity": String(a.value) } : {}
         }),
         innerHTML: (h = l.value) == null ? void 0 : h.content
-      }, null, 12, wn)) : (m(), g("svg", {
+      }, null, 12, wn)) : (m(), b("svg", {
         key: 0,
         class: "icon",
         fill: s.value,
@@ -301,8 +301,8 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
     const t = e, n = o, l = (u) => {
       t.disabled || n("click", u);
     }, i = (u) => {
-      const c = u.target;
-      n("input-change", c.value);
+      const d = u.target;
+      n("input-change", d.value);
     }, s = (u) => {
       u.key === "Enter" ? (u.preventDefault(), u.target.blur()) : u.key === "Escape" && (u.preventDefault(), u.target.value = t.inputValue || "", u.target.blur());
     }, a = R(() => {
@@ -319,7 +319,7 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
       ];
       return t.fill && u.push(De.fill), t.customClass && u.push(t.customClass), u;
     });
-    return (u, c) => (m(), g("button", {
+    return (u, d) => (m(), b("button", {
       class: C(r.value),
       disabled: t.disabled,
       onClick: l
@@ -337,7 +337,7 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
         type: u.inputType,
         onInput: i,
         onKeydown: s,
-        onClick: c[0] || (c[0] = st(() => {
+        onClick: d[0] || (d[0] = st(() => {
         }, ["stop"]))
       }, null, 42, Vn),
       u.rightIconName ? (m(), J(ae, {
@@ -415,29 +415,29 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { emit: o }) {
-    const t = qt, n = e, l = o, i = L(), s = L(), a = L(!1), r = L(null), u = L(""), c = L(null), h = L({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), y = St([...n.items]), f = St([...n.items]), I = () => {
+    const t = qt, 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: T, offsetLeft: P, offsetWidth: q } = i.value, G = window.innerHeight, ee = T + i.value.offsetHeight, d = ee + n.menuHeight > G;
+      const { offsetTop: T, offsetLeft: P, offsetWidth: q } = i.value, G = window.innerHeight, ee = T + i.value.offsetHeight, c = ee + n.menuHeight > G;
       h.value = {
         x: P + window.scrollX,
-        y: d ? T + window.scrollY : ee + window.scrollY,
+        y: c ? T + window.scrollY : ee + window.scrollY,
         width: q,
-        shouldOpenUp: d,
+        shouldOpenUp: c,
         height: n.menuHeight
       };
     }, V = () => {
-      I(), a.value = !a.value;
+      B(), a.value = !a.value;
     }, v = () => {
-      c.value = null, u.value = "", y.splice(0, y.length, ...f);
+      d.value = null, u.value = "", g.splice(0, g.length, ...f);
     }, E = () => {
       a.value = !1, v();
     }, x = (T) => {
       r.value = T, l("select-item", T), l("update:modelValue", T.value), E();
-    }, k = () => {
+    }, M = () => {
       const T = u.value.trim(), P = n.validateAddItem(T, f);
       if (P) {
-        c.value = P, l("add-error", P);
+        d.value = P, l("add-error", P);
         return;
       }
       const q = {
@@ -445,11 +445,11 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
         value: T
       };
       f.push(q), v(), l("item-added", q);
-    }, M = () => {
+    }, I = () => {
       const T = Nt(f, "text", u.value);
-      y.splice(0, y.length, ...T);
+      g.splice(0, g.length, ...T);
     }, D = () => {
-      c.value = "";
+      d.value = "";
     }, U = R(() => ({
       top: h.value.shouldOpenUp ? `${h.value.y - 10}px` : `${h.value.y}px`,
       left: `${h.value.x}px`,
@@ -457,7 +457,7 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
       height: `${n.menuHeight}px`
     }));
     Ne(() => {
-      if (I(), n.modelValue) {
+      if (B(), n.modelValue) {
         const T = f.find((P) => P.value === n.modelValue);
         T && (r.value = T);
       }
@@ -472,18 +472,18 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
     }), Q(
       () => n.items,
       (T) => {
-        f.splice(0, f.length, ...T), y.splice(0, y.length, ...T);
+        f.splice(0, f.length, ...T), g.splice(0, g.length, ...T);
       },
       { deep: !0 }
     );
     const W = L({ handler: E, exclude: [i, s] });
-    return (T, P) => (m(), g(ue, null, [
+    return (T, P) => (m(), b(ue, null, [
       S("div", {
         ref_key: "dropdownRef",
         ref: i,
         class: C(p(j).dropdown)
       }, [
-        T.label ? (m(), g("label", {
+        T.label ? (m(), b("label", {
           key: 0,
           class: C(p(j).dropdown__label),
           for: T.id
@@ -500,11 +500,11 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
           S("span", {
             class: C(p(j).dropdown__value)
           }, N(O.value), 3),
-          T.placeholder && !O.value ? (m(), g("span", {
+          T.placeholder && !O.value ? (m(), b("span", {
             key: 0,
             class: C(p(j).dropdown__placeholder)
           }, N(T.placeholder), 3)) : $("", !0),
-          (m(), g("svg", {
+          (m(), b("svg", {
             fill: "none",
             height: "17",
             viewBox: "0 0 16 17",
@@ -519,7 +519,7 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
           ]), 2))
         ], 2)
       ], 2),
-      et((m(), g("div", {
+      et((m(), b("div", {
         ref_key: "menuRef",
         ref: s,
         class: C(p(j).menu),
@@ -527,7 +527,7 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
         onClick: P[1] || (P[1] = st(() => {
         }, ["prevent"]))
       }, [
-        n.searchable ? (m(), g("div", {
+        n.searchable ? (m(), b("div", {
           key: 0,
           class: C(p(j).menu__searchContainer)
         }, [
@@ -539,31 +539,31 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
               class: C([
                 p(j).menu__searchInput,
                 {
-                  [p(j)["menu__searchInput--error"]]: c.value
+                  [p(j)["menu__searchInput--error"]]: d.value
                 }
               ]),
               placeholder: T.searchPlaceHolder,
               "onUpdate:modelValue": P[0] || (P[0] = (q) => u.value = q),
               onFocus: D,
-              onInput: M
+              onInput: I
             }, null, 42, Yn), [
               [tn, u.value]
             ]),
-            c.value ? (m(), g("p", {
+            d.value ? (m(), b("p", {
               key: 0,
               class: C(p(j).menu__errorMessage)
-            }, N(c.value), 3)) : $("", !0)
+            }, N(d.value), 3)) : $("", !0)
           ], 2),
-          n.addable ? (m(), g("button", {
+          n.addable ? (m(), b("button", {
             key: 0,
             class: C(p(j).menu__addButton),
-            onClick: k
+            onClick: M
           }, N(T.addButtonText), 3)) : $("", !0)
         ], 2)) : $("", !0),
         S("ul", {
           class: C(p(j).menu__itemContainer)
         }, [
-          (m(!0), g(ue, null, Ve(y, (q, G) => (m(), g("li", {
+          (m(!0), b(ue, null, Ve(g, (q, G) => (m(), b("li", {
             key: `${q.value}-${G}`,
             class: C([
               p(j).menu__item,
@@ -606,7 +606,7 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
           return "filled-info-circle";
       }
     });
-    return (n, l) => (m(), g("div", {
+    return (n, l) => (m(), b("div", {
       class: C([
         p(pt).container,
         p(pt)[`container__${n.variant}`]
@@ -659,15 +659,15 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
     const s = L([...t.segments]);
     return Q(() => t.segments, (a) => {
       s.value = [...a], a.some((r) => r.value === l.value) || (l.value = "", n("update:modelValue", ""));
-    }, { deep: !0 }), (a, r) => (m(), g("div", {
+    }, { deep: !0 }), (a, r) => (m(), b("div", {
       class: C([
         p(be).segmentGroup,
         p(be)[`segmentGroup--${a.align}`],
         { [p(be).fill]: a.fill }
       ])
     }, [
-      (m(!0), g(ue, null, Ve(s.value, (u, c) => (m(), g("button", {
-        key: `${u.value}-${c}`,
+      (m(!0), b(ue, null, Ve(s.value, (u, d) => (m(), b("button", {
+        key: `${u.value}-${d}`,
         class: C([
           p(be).button,
           p(be)[`button--${a.color}`],
@@ -684,7 +684,7 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
           key: 0,
           name: u.icon
         }, null, 8, ["name"])) : $("", !0),
-        u.label ? (m(), g("span", {
+        u.label ? (m(), b("span", {
           key: 1,
           class: C(p(be).button__label)
         }, N(u.label), 3)) : $("", !0)
@@ -730,15 +730,15 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
       i();
     }), (a, r) => {
       var u;
-      return m(), g("div", {
+      return m(), b("div", {
         class: C(p(we).wrapper)
       }, [
-        a.label ? (m(), g("label", {
+        a.label ? (m(), b("label", {
           key: 0,
           class: C(p(we).wrapper__label),
           for: a.id
         }, N(a.label), 11, mo)) : $("", !0),
-        a.multiline ? (m(), g("textarea", {
+        a.multiline ? (m(), b("textarea", {
           key: 1,
           id: a.id,
           ref_key: "textareaRef",
@@ -754,12 +754,12 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
           placeholder: a.placeholder,
           style: ne(a.maxHeight ? { maxHeight: `${a.maxHeight}px` } : void 0),
           value: a.modelValue,
-          onBlur: r[0] || (r[0] = (c) => n("blur", c)),
-          onChange: r[1] || (r[1] = (c) => a.$emit("change", c)),
-          onFocus: r[2] || (r[2] = (c) => n("focus", c)),
+          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] = (c) => n("paste", c))
-        }, null, 46, ho)) : (m(), g("input", {
+          onPaste: r[3] || (r[3] = (d) => n("paste", d))
+        }, null, 46, ho)) : (m(), b("input", {
           key: 2,
           id: a.id,
           type: "text",
@@ -773,20 +773,20 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
           name: a.name,
           placeholder: a.placeholder,
           value: a.modelValue,
-          onBlur: r[4] || (r[4] = (c) => n("blur", c)),
-          onChange: r[5] || (r[5] = (c) => a.$emit("change", c)),
-          onFocus: r[6] || (r[6] = (c) => n("focus", c)),
+          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] = (c) => n("paste", c))
+          onPaste: r[7] || (r[7] = (d) => n("paste", d))
         }, null, 42, vo)),
         S("div", {
           class: C(p(we).wrapper__bottom)
         }, [
-          a.error ? (m(), g("div", {
+          a.error ? (m(), b("div", {
             key: 0,
             class: C(p(we).wrapper__errorMessage)
           }, N(a.error), 3)) : $("", !0),
-          a.counter ? (m(), g("div", {
+          a.counter ? (m(), b("div", {
             key: 1,
             class: C(p(we).wrapper__counter)
           }, N(((u = a.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : $("", !0)
@@ -831,15 +831,15 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
       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, c = l(r.value === "" ? String(t.min || 0) : r.value);
-      r.value = c, n("blur", a), u !== c && n("update:modelValue", Number(c));
+      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, r) => {
       var u;
-      return m(), g("div", {
+      return m(), b("div", {
         class: C([p(xe).wrapper, p(xe)[`wrapper__size_${a.size}`]])
       }, [
-        a.label ? (m(), g("label", {
+        a.label ? (m(), b("label", {
           key: 0,
           class: C(p(xe).wrapper__label),
           for: a.id
@@ -860,20 +860,20 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
           placeholder: a.placeholder,
           value: a.modelValue,
           onBlur: s,
-          onChange: r[0] || (r[0] = (c) => a.$emit("change", c)),
-          onFocus: r[1] || (r[1] = (c) => n("focus", c)),
+          onChange: r[0] || (r[0] = (d) => a.$emit("change", d)),
+          onFocus: r[1] || (r[1] = (d) => n("focus", d)),
           onInput: i,
-          onPaste: r[2] || (r[2] = (c) => n("paste", c))
+          onPaste: r[2] || (r[2] = (d) => n("paste", d))
         }, null, 42, Io),
-        a.counter || a.error ? (m(), g("div", {
+        a.counter || a.error ? (m(), b("div", {
           key: 1,
           class: C(p(xe).wrapper__bottom)
         }, [
-          a.error ? (m(), g("div", {
+          a.error ? (m(), b("div", {
             key: 0,
             class: C(p(xe).wrapper__errorMessage)
           }, N(a.error), 3)) : $("", !0),
-          a.counter ? (m(), g("div", {
+          a.counter ? (m(), b("div", {
             key: 1,
             class: C(p(xe).wrapper__counter)
           }, N(((u = a.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : $("", !0)
@@ -900,7 +900,7 @@ const gn = ["fill", "height", "width"], bn = ["xlink:href"], wn = ["viewBox", "w
     const t = e, n = o, l = () => {
       n("click", !t.checked);
     };
-    return (i, s) => (m(), g("fieldset", {
+    return (i, s) => (m(), b("fieldset", {
       class: C([
         p(Ue).wrapper,
         {
@@ -1035,18 +1035,18 @@ function Et(e, o, t) {
     reference: n,
     floating: l
   } = e;
-  const i = Ae(o), s = xt(o), a = yt(s), r = Te(o), u = i === "y", c = n.x + n.width / 2 - l.width / 2, h = n.y + n.height / 2 - l.height / 2, y = 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 (r) {
     case "top":
       f = {
-        x: c,
+        x: d,
         y: n.y - l.height
       };
       break;
     case "bottom":
       f = {
-        x: c,
+        x: d,
         y: n.y + n.height
       };
       break;
@@ -1070,10 +1070,10 @@ function Et(e, o, t) {
   }
   switch (Qe(o)) {
     case "start":
-      f[s] -= y * (t && u ? -1 : 1);
+      f[s] -= g * (t && u ? -1 : 1);
       break;
     case "end":
-      f[s] += y * (t && u ? -1 : 1);
+      f[s] += g * (t && u ? -1 : 1);
       break;
   }
   return f;
@@ -1090,23 +1090,23 @@ const Uo = async (e, o, t) => {
     floating: o,
     strategy: l
   }), {
-    x: c,
+    x: d,
     y: h
-  } = Et(u, n, r), y = n, f = {}, I = 0;
+  } = Et(u, n, r), g = n, f = {}, B = 0;
   for (let V = 0; V < a.length; V++) {
     const {
       name: v,
       fn: E
     } = a[V], {
       x,
-      y: k,
-      data: M,
+      y: M,
+      data: I,
       reset: D
     } = await E({
-      x: c,
+      x: d,
       y: h,
       initialPlacement: n,
-      placement: y,
+      placement: g,
       strategy: l,
       middlewareData: f,
       rects: u,
@@ -1116,25 +1116,25 @@ const Uo = async (e, o, t) => {
         floating: o
       }
     });
-    c = x ?? c, h = k ?? h, f = {
+    d = x ?? d, h = M ?? h, f = {
       ...f,
       [v]: {
         ...f[v],
-        ...M
+        ...I
       }
-    }, D && I <= 50 && (I++, typeof D == "object" && (D.placement && (y = D.placement), D.rects && (u = D.rects === !0 ? await s.getElementRects({
+    }, D && B <= 50 && (B++, typeof D == "object" && (D.placement && (g = D.placement), D.rects && (u = D.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: o,
       strategy: l
     }) : D.rects), {
-      x: c,
+      x: d,
       y: h
-    } = Et(u, y, r)), V = -1);
+    } = Et(u, g, r)), V = -1);
   }
   return {
-    x: c,
+    x: d,
     y: h,
-    placement: y,
+    placement: g,
     strategy: l,
     middlewareData: f
   };
@@ -1151,21 +1151,21 @@ async function Ut(e, o) {
     strategy: r
   } = e, {
     boundary: u = "clippingAncestors",
-    rootBoundary: c = "viewport",
+    rootBoundary: d = "viewport",
     elementContext: h = "floating",
-    altBoundary: y = !1,
+    altBoundary: g = !1,
     padding: f = 0
-  } = Ke(o, e), I = Ft(f), v = a[y ? h === "floating" ? "reference" : "floating" : h], E = lt(await i.getClippingRect({
+  } = Ke(o, e), B = Ft(f), v = a[g ? h === "floating" ? "reference" : "floating" : h], E = lt(await i.getClippingRect({
     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: c,
+    rootBoundary: d,
     strategy: r
   })), x = h === "floating" ? {
     x: n,
     y: l,
     width: s.floating.width,
     height: s.floating.height
-  } : s.reference, k = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), M = await (i.isElement == null ? void 0 : i.isElement(k)) ? await (i.getScale == null ? void 0 : i.getScale(k)) || {
+  } : s.reference, M = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), I = await (i.isElement == null ? void 0 : i.isElement(M)) ? await (i.getScale == null ? void 0 : i.getScale(M)) || {
     x: 1,
     y: 1
   } : {
@@ -1174,14 +1174,14 @@ async function Ut(e, o) {
   }, D = lt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: x,
-    offsetParent: k,
+    offsetParent: M,
     strategy: r
   }) : x);
   return {
-    top: (E.top - D.top + I.top) / M.y,
-    bottom: (D.bottom - E.bottom + I.bottom) / M.y,
-    left: (E.left - D.left + I.left) / M.x,
-    right: (D.right - E.right + I.right) / M.x
+    top: (E.top - D.top + B.top) / I.y,
+    bottom: (D.bottom - E.bottom + B.bottom) / I.y,
+    left: (E.left - D.left + B.left) / I.x,
+    right: (D.right - E.right + B.right) / I.x
   };
 }
 const Yo = (e) => ({
@@ -1198,24 +1198,24 @@ const Yo = (e) => ({
       middlewareData: r
     } = o, {
       element: u,
-      padding: c = 0
+      padding: d = 0
     } = Ke(e, o) || {};
     if (u == null)
       return {};
-    const h = Ft(c), y = {
+    const h = Ft(d), g = {
       x: t,
       y: n
-    }, f = xt(l), I = yt(f), V = await s.getDimensions(u), v = f === "y", E = v ? "top" : "left", x = v ? "bottom" : "right", k = v ? "clientHeight" : "clientWidth", M = i.reference[I] + i.reference[f] - y[f] - i.floating[I], D = y[f] - i.reference[f], U = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
-    let O = U ? U[k] : 0;
-    (!O || !await (s.isElement == null ? void 0 : s.isElement(U))) && (O = a.floating[k] || i.floating[I]);
-    const W = M / 2 - D / 2, T = O / 2 - V[I] / 2 - 1, P = ze(h[E], T), q = ze(h[x], T), G = P, ee = O - V[I] - q, d = O / 2 - V[I] / 2 + W, _ = mt(G, d, ee), A = !r.arrow && Qe(l) != null && d !== _ && i.reference[I] / 2 - (d < G ? P : q) - V[I] / 2 < 0, b = A ? d < G ? d - G : d - ee : 0;
+    }, f = xt(l), B = yt(f), V = await s.getDimensions(u), v = f === "y", E = v ? "top" : "left", x = v ? "bottom" : "right", M = v ? "clientHeight" : "clientWidth", I = i.reference[B] + i.reference[f] - g[f] - i.floating[B], D = g[f] - i.reference[f], U = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
+    let O = U ? U[M] : 0;
+    (!O || !await (s.isElement == null ? void 0 : s.isElement(U))) && (O = a.floating[M] || i.floating[B]);
+    const W = I / 2 - D / 2, T = O / 2 - V[B] / 2 - 1, P = ze(h[E], T), q = ze(h[x], T), G = P, ee = O - V[B] - q, c = O / 2 - V[B] / 2 + W, _ = mt(G, c, ee), A = !r.arrow && Qe(l) != null && c !== _ && i.reference[B] / 2 - (c < G ? P : q) - V[B] / 2 < 0, w = A ? c < G ? c - G : c - ee : 0;
     return {
-      [f]: y[f] + b,
+      [f]: g[f] + w,
       data: {
         [f]: _,
-        centerOffset: d - _ - b,
+        centerOffset: c - _ - w,
         ...A && {
-          alignmentOffset: b
+          alignmentOffset: w
         }
       },
       reset: A
@@ -1235,57 +1235,57 @@ const Yo = (e) => ({
         platform: r,
         elements: u
       } = o, {
-        mainAxis: c = !0,
+        mainAxis: d = !0,
         crossAxis: h = !0,
-        fallbackPlacements: y,
+        fallbackPlacements: g,
         fallbackStrategy: f = "bestFit",
-        fallbackAxisSideDirection: I = "none",
+        fallbackAxisSideDirection: B = "none",
         flipAlignment: V = !0,
         ...v
       } = Ke(e, o);
       if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const E = Te(l), x = Ae(a), k = Te(a) === a, M = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), D = y || (k || !V ? [at(a)] : Ho(a)), U = I !== "none";
-      !y && U && D.push(...Wo(a, V, I, M));
+      const E = Te(l), x = Ae(a), M = Te(a) === a, I = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), D = g || (M || !V ? [at(a)] : Ho(a)), U = B !== "none";
+      !g && U && D.push(...Wo(a, V, B, I));
       const O = [a, ...D], W = await Ut(o, v), T = [];
       let P = ((n = i.flip) == null ? void 0 : n.overflows) || [];
-      if (c && T.push(W[E]), h) {
-        const d = Po(l, s, M);
-        T.push(W[d[0]], W[d[1]]);
+      if (d && T.push(W[E]), h) {
+        const c = Po(l, s, I);
+        T.push(W[c[0]], W[c[1]]);
       }
       if (P = [...P, {
         placement: l,
         overflows: T
-      }], !T.every((d) => d <= 0)) {
+      }], !T.every((c) => c <= 0)) {
         var q, G;
-        const d = (((q = i.flip) == null ? void 0 : q.index) || 0) + 1, _ = O[d];
+        const c = (((q = i.flip) == null ? void 0 : q.index) || 0) + 1, _ = O[c];
         if (_ && (!(h === "alignment" ? x !== Ae(_) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        P.every((w) => Ae(w.placement) === x ? w.overflows[0] > 0 : !0)))
+        P.every((y) => Ae(y.placement) === x ? y.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: d,
+              index: c,
               overflows: P
             },
             reset: {
               placement: _
             }
           };
-        let A = (G = P.filter((b) => b.overflows[0] <= 0).sort((b, w) => b.overflows[1] - w.overflows[1])[0]) == null ? void 0 : G.placement;
+        let A = (G = P.filter((w) => w.overflows[0] <= 0).sort((w, y) => w.overflows[1] - y.overflows[1])[0]) == null ? void 0 : G.placement;
         if (!A)
           switch (f) {
             case "bestFit": {
               var ee;
-              const b = (ee = P.filter((w) => {
+              const w = (ee = P.filter((y) => {
                 if (U) {
-                  const B = Ae(w.placement);
-                  return B === x || // Create a bias to the `y` side axis due to horizontal
+                  const k = Ae(y.placement);
+                  return k === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  B === "y";
+                  k === "y";
                 }
                 return !0;
-              }).map((w) => [w.placement, w.overflows.filter((B) => B > 0).reduce((B, H) => B + H, 0)]).sort((w, B) => w[1] - B[1])[0]) == null ? void 0 : ee[0];
-              b && (A = b);
+              }).map((y) => [y.placement, y.overflows.filter((k) => k > 0).reduce((k, H) => k + H, 0)]).sort((y, k) => y[1] - k[1])[0]) == null ? void 0 : ee[0];
+              w && (A = w);
               break;
             }
             case "initialPlacement":
@@ -1308,11 +1308,11 @@ async function Qo(e, o) {
     placement: t,
     platform: n,
     elements: l
-  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = Te(t), a = Qe(t), r = Ae(t) === "y", u = Ko.has(s) ? -1 : 1, c = i && r ? -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 = Ko.has(s) ? -1 : 1, d = i && r ? -1 : 1, h = Ke(o, e);
   let {
-    mainAxis: y,
+    mainAxis: g,
     crossAxis: f,
-    alignmentAxis: I
+    alignmentAxis: B
   } = typeof h == "number" ? {
     mainAxis: h,
     crossAxis: 0,
@@ -1322,12 +1322,12 @@ async function Qo(e, o) {
     crossAxis: h.crossAxis || 0,
     alignmentAxis: h.alignmentAxis
   };
-  return a && typeof I == "number" && (f = a === "end" ? I * -1 : I), r ? {
-    x: f * c,
-    y: y * u
+  return a && typeof B == "number" && (f = a === "end" ? B * -1 : B), r ? {
+    x: f * d,
+    y: g * u
   } : {
-    x: y * u,
-    y: f * c
+    x: g * u,
+    y: f * d
   };
 }
 const jo = function(e) {
@@ -1380,20 +1380,20 @@ const jo = function(e) {
       } = Ke(e, o), u = {
         x: t,
         y: n
-      }, c = await Ut(o, r), h = Ae(Te(l)), y = Wt(h);
-      let f = u[y], I = u[h];
+      }, d = await Ut(o, r), h = Ae(Te(l)), g = Wt(h);
+      let f = u[g], B = u[h];
       if (i) {
-        const v = y === "y" ? "top" : "left", E = y === "y" ? "bottom" : "right", x = f + c[v], k = f - c[E];
-        f = mt(x, f, k);
+        const v = g === "y" ? "top" : "left", E = g === "y" ? "bottom" : "right", x = f + d[v], M = f - d[E];
+        f = mt(x, f, M);
       }
       if (s) {
-        const v = h === "y" ? "top" : "left", E = h === "y" ? "bottom" : "right", x = I + c[v], k = I - c[E];
-        I = mt(x, I, k);
+        const v = h === "y" ? "top" : "left", E = h === "y" ? "bottom" : "right", x = B + d[v], M = B - d[E];
+        B = mt(x, B, M);
       }
       const V = a.fn({
         ...o,
-        [y]: f,
-        [h]: I
+        [g]: f,
+        [h]: B
       });
       return {
         ...V,
@@ -1401,7 +1401,7 @@ const jo = function(e) {
           x: V.x - t,
           y: V.y - n,
           enabled: {
-            [y]: i,
+            [g]: i,
             [h]: s
           }
         }
@@ -1568,17 +1568,17 @@ function Ee(e, o, t, n) {
   let s = de(1);
   o && (n ? se(n) && (s = He(n)) : s = He(e));
   const a = ia(i, t, n) ? Kt(i) : de(0);
-  let r = (l.left + a.x) / s.x, u = (l.top + a.y) / s.y, c = l.width / s.x, h = l.height / s.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 y = te(i), f = n && se(n) ? te(n) : n;
-    let I = y, V = vt(I);
-    for (; V && n && f !== I; ) {
-      const v = He(V), E = V.getBoundingClientRect(), x = re(V), k = E.left + (V.clientLeft + parseFloat(x.paddingLeft)) * v.x, M = E.top + (V.clientTop + parseFloat(x.paddingTop)) * v.y;
-      r *= v.x, u *= v.y, c *= v.x, h *= v.y, r += k, u += M, I = te(V), V = vt(I);
+    const g = te(i), f = n && se(n) ? te(n) : n;
+    let B = g, V = vt(B);
+    for (; V && n && f !== B; ) {
+      const v = He(V), E = V.getBoundingClientRect(), x = re(V), M = E.left + (V.clientLeft + parseFloat(x.paddingLeft)) * v.x, I = E.top + (V.clientTop + parseFloat(x.paddingTop)) * v.y;
+      r *= v.x, u *= v.y, d *= v.x, h *= v.y, r += M, u += I, B = te(V), V = vt(B);
     }
   }
   return lt({
-    width: c,
+    width: d,
     height: h,
     x: r,
     y: u
@@ -1609,17 +1609,17 @@ function ua(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, u = de(1);
-  const c = de(0), h = _e(n);
+  const d = de(0), h = _e(n);
   if ((h || !h && !i) && ((Le(n) !== "body" || je(s)) && (r = ut(n)), _e(n))) {
     const f = Ee(n);
-    u = He(n), c.x = f.x + n.clientLeft, c.y = f.y + n.clientTop;
+    u = He(n), d.x = f.x + n.clientLeft, d.y = f.y + n.clientTop;
   }
-  const y = s && !h && !i ? Qt(s, r) : de(0);
+  const g = s && !h && !i ? Qt(s, r) : de(0);
   return {
     width: t.width * u.x,
     height: t.height * u.y,
-    x: t.x * u.x - r.scrollLeft * u.x + c.x + y.x,
-    y: t.y * u.y - r.scrollTop * u.y + c.y + y.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 ca(e) {
@@ -1642,13 +1642,13 @@ function _a(e, o) {
   let i = n.clientWidth, s = n.clientHeight, a = 0, r = 0;
   if (l) {
     i = l.width, s = l.height;
-    const c = kt();
-    (!c || c && o === "fixed") && (a = l.offsetLeft, r = l.offsetTop);
+    const d = kt();
+    (!d || d && o === "fixed") && (a = l.offsetLeft, r = l.offsetTop);
   }
   const u = ct(n);
   if (u <= 0) {
-    const c = n.ownerDocument, h = c.body, y = getComputedStyle(h), f = c.compatMode === "CSS1Compat" && parseFloat(y.marginLeft) + parseFloat(y.marginRight) || 0, I = Math.abs(n.clientWidth - h.clientWidth - f);
-    I <= Rt && (i -= I);
+    const d = n.ownerDocument, h = d.body, g = getComputedStyle(h), f = d.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, B = Math.abs(n.clientWidth - h.clientWidth - f);
+    B <= Rt && (i -= B);
   } else u <= Rt && (i += u);
   return {
     width: i,
@@ -1699,7 +1699,7 @@ function ma(e, o) {
   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 && pa.has(l.position) || je(s) && !r && jt(e, s)) ? n = n.filter((c) => c !== s) : l = a, s = Ce(s);
+    !r && a.position === "fixed" && (l = null), (i ? !r && !l : !r && a.position === "static" && !!l && pa.has(l.position) || je(s) && !r && jt(e, s)) ? n = n.filter((d) => d !== s) : l = a, s = Ce(s);
   }
   return o.set(e, n), n;
 }
@@ -1710,8 +1710,8 @@ function ha(e) {
     rootBoundary: n,
     strategy: l
   } = e;
-  const s = [...t === "clippingAncestors" ? it(o) ? [] : ma(o, this._c) : [].concat(t), n], a = s[0], r = s.reduce((u, c) => {
-    const h = $t(o, c, l);
+  const s = [...t === "clippingAncestors" ? it(o) ? [] : ma(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 {
@@ -1747,10 +1747,10 @@ function ga(e, o, t) {
       r.x = f.x + o.clientLeft, r.y = f.y + o.clientTop;
     } else l && u();
   i && !n && l && u();
-  const c = l && !n && !i ? Qt(l, a) : de(0), h = s.left + a.scrollLeft - r.x - c.x, y = s.top + a.scrollTop - r.y - c.y;
+  const d = l && !n && !i ? Qt(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,
+    y: g,
     width: s.width,
     height: s.height
   };
@@ -1824,37 +1824,37 @@ function xa(e, o) {
   function s(a, r) {
     a === void 0 && (a = !1), r === void 0 && (r = 1), i();
     const u = e.getBoundingClientRect(), {
-      left: c,
+      left: d,
       top: h,
-      width: y,
+      width: g,
       height: f
     } = u;
-    if (a || o(), !y || !f)
+    if (a || o(), !g || !f)
       return;
-    const I = Je(h), V = Je(l.clientWidth - (c + y)), v = Je(l.clientHeight - (h + f)), E = Je(c), k = {
-      rootMargin: -I + "px " + -V + "px " + -v + "px " + -E + "px",
+    const B = Je(h), V = Je(l.clientWidth - (d + g)), v = Je(l.clientHeight - (h + f)), E = Je(d), M = {
+      rootMargin: -B + "px " + -V + "px " + -v + "px " + -E + "px",
       threshold: Me(0, ze(1, r)) || 1
     };
-    let M = !0;
+    let I = !0;
     function D(U) {
       const O = U[0].intersectionRatio;
       if (O !== r) {
-        if (!M)
+        if (!I)
           return s();
         O ? s(!1, O) : n = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      O === 1 && !Zt(u, e.getBoundingClientRect()) && s(), M = !1;
+      O === 1 && !Zt(u, e.getBoundingClientRect()) && s(), I = !1;
     }
     try {
       t = new IntersectionObserver(D, {
-        ...k,
+        ...M,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(D, k);
+      t = new IntersectionObserver(D, M);
     }
     t.observe(e);
   }
@@ -1868,32 +1868,32 @@ function Aa(e, o, t, n) {
     elementResize: s = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: r = !1
-  } = n, u = Bt(e), c = l || i ? [...u ? Ge(u) : [], ...Ge(o)] : [];
-  c.forEach((E) => {
+  } = n, u = Bt(e), d = l || i ? [...u ? Ge(u) : [], ...Ge(o)] : [];
+  d.forEach((E) => {
     l && E.addEventListener("scroll", t, {
       passive: !0
     }), i && E.addEventListener("resize", t);
   });
   const h = u && a ? xa(u, t) : null;
-  let y = -1, f = null;
+  let g = -1, f = null;
   s && (f = new ResizeObserver((E) => {
     let [x] = E;
-    x && x.target === u && f && (f.unobserve(o), cancelAnimationFrame(y), y = requestAnimationFrame(() => {
-      var k;
-      (k = f) == null || k.observe(o);
+    x && x.target === u && f && (f.unobserve(o), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+      var M;
+      (M = f) == null || M.observe(o);
     })), t();
   }), u && !r && f.observe(u), f.observe(o));
-  let I, V = r ? Ee(e) : null;
+  let B, V = r ? Ee(e) : null;
   r && v();
   function v() {
     const E = Ee(e);
-    V && !Zt(V, E) && t(), V = E, I = requestAnimationFrame(v);
+    V && !Zt(V, E) && t(), V = E, B = requestAnimationFrame(v);
   }
   return t(), () => {
     var E;
-    c.forEach((x) => {
+    d.forEach((x) => {
       l && x.removeEventListener("scroll", t), i && x.removeEventListener("resize", t);
-    }), h == null || h(), (E = f) == null || E.disconnect(), f = null, r && cancelAnimationFrame(I);
+    }), h == null || h(), (E = f) == null || E.disconnect(), f = null, r && cancelAnimationFrame(B);
   };
 }
 const Ca = jo, ka = Xo, Ba = Go, Ia = Yo, Sa = (e, o, t) => {
@@ -1956,19 +1956,19 @@ function Ta(e, o, t) {
   }), r = R(() => {
     var O;
     return (O = Pe(t.transform)) != null ? O : !0;
-  }), u = R(() => gt(e.value)), c = R(() => gt(o.value)), h = L(0), y = L(0), f = L(a.value), I = L(s.value), V = nn({}), v = L(!1), E = R(() => {
+  }), u = R(() => gt(e.value)), d = R(() => gt(o.value)), h = L(0), g = L(0), f = L(a.value), B = L(s.value), V = nn({}), v = L(!1), E = R(() => {
     const O = {
       position: f.value,
       left: "0",
       top: "0"
     };
-    if (!c.value)
+    if (!d.value)
       return O;
-    const W = Dt(c.value, h.value), T = Dt(c.value, y.value);
+    const W = Dt(d.value, h.value), T = Dt(d.value, g.value);
     return r.value ? {
       ...O,
       transform: "translate(" + W + "px, " + T + "px)",
-      ...Jt(c.value) >= 1.5 && {
+      ...Jt(d.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -1978,49 +1978,49 @@ function Ta(e, o, t) {
     };
   });
   let x;
-  function k() {
-    if (u.value == null || c.value == null)
+  function M() {
+    if (u.value == null || d.value == null)
       return;
     const O = l.value;
-    Sa(u.value, c.value, {
+    Sa(u.value, d.value, {
       middleware: i.value,
       placement: s.value,
       strategy: a.value
     }).then((W) => {
-      h.value = W.x, y.value = W.y, f.value = W.strategy, I.value = W.placement, V.value = W.middlewareData, v.value = O !== !1;
+      h.value = W.x, g.value = W.y, f.value = W.strategy, B.value = W.placement, V.value = W.middlewareData, v.value = O !== !1;
     });
   }
-  function M() {
+  function I() {
     typeof x == "function" && (x(), x = void 0);
   }
   function D() {
-    if (M(), n === void 0) {
-      k();
+    if (I(), n === void 0) {
+      M();
       return;
     }
-    if (u.value != null && c.value != null) {
-      x = n(u.value, c.value, k);
+    if (u.value != null && d.value != null) {
+      x = n(u.value, d.value, M);
       return;
     }
   }
   function U() {
     l.value || (v.value = !1);
   }
-  return Q([i, s, a, l], k, {
+  return Q([i, s, a, l], M, {
     flush: "sync"
-  }), Q([u, c], D, {
+  }), Q([u, d], D, {
     flush: "sync"
   }), Q(l, U, {
     flush: "sync"
-  }), on() && an(M), {
+  }), on() && an(I), {
     x: Oe(h),
-    y: Oe(y),
+    y: Oe(g),
     strategy: Oe(f),
-    placement: Oe(I),
+    placement: Oe(B),
     middlewareData: Oe(V),
     isPositioned: Oe(v),
     floatingStyles: E,
-    update: k
+    update: M
   };
 }
 let Pt = !1;
@@ -2068,87 +2068,91 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       right: "left",
       bottom: "top",
       left: "right"
-    }, t = L(null);
+    }, t = L(null), n = L(!1);
     typeof window < "u" && window.wasTooltipShown === void 0 && (window.wasTooltipShown = !1);
-    const n = e, l = L(null), i = L(null), s = L(null), a = L(!1), r = R(() => n.preventXss ? La(n.text) : n.text), { floatingStyles: u, update: c, middlewareData: h, placement: y } = Ta(i, l, {
-      placement: R(() => n.placement || "bottom"),
+    const l = e, i = L(null), s = L(null), a = L(null), r = L(!1), u = R(() => l.preventXss ? La(l.text) : l.text), { floatingStyles: d, update: h, middlewareData: g, placement: f } = Ta(s, i, {
+      placement: R(() => l.placement || "bottom"),
       strategy: "fixed",
       whileElementsMounted: Aa,
       middleware: [
         Ca(10),
         Ba(),
         ka(),
-        Ma({ element: s, padding: 8 })
+        Ma({ element: a, padding: 8 })
       ]
-    }), f = () => {
-      t.value && (clearTimeout(t.value), t.value = null), window.wasTooltipShown ? a.value = !0 : t.value = setTimeout(() => {
-        a.value = !0, window.wasTooltipShown = !0, t.value = null;
+    }), B = () => {
+      t.value && (clearTimeout(t.value), t.value = null), window.wasTooltipShown ? r.value = !0 : t.value = setTimeout(() => {
+        if (!n.value) {
+          t.value = null;
+          return;
+        }
+        r.value = !0, window.wasTooltipShown = !0, t.value = null;
       }, qa);
-    }, I = () => {
-      t.value && (clearTimeout(t.value), t.value = null), a.value = !1;
     }, V = () => {
-      f();
+      t.value && (clearTimeout(t.value), t.value = null), r.value = !1;
     }, v = () => {
-      I();
+      B();
+    }, E = () => {
+      V();
     };
-    Q(() => n.placement, c), ln(Ea), Ne(() => {
-      wt(c), window.addEventListener("resize", c);
+    Q(() => l.placement, h), ln(Ea), Ne(() => {
+      n.value = !0, wt(h), window.addEventListener("resize", h);
     }), zt(() => {
-      window.removeEventListener("resize", c), t.value && (clearTimeout(t.value), t.value = null);
+      n.value = !1, window.removeEventListener("resize", h), t.value && (clearTimeout(t.value), t.value = null), r.value = !1;
     });
-    const E = R(() => {
-      const [k] = y.value.split("-");
+    const x = R(() => {
+      const [I] = f.value.split("-");
       return {
-        [o[k]]: "-4px"
+        [o[I]]: "-4px"
       };
-    }), x = R(() => {
-      var k, M;
-      return s.value ? {
-        left: ((k = h.value.arrow) == null ? void 0 : k.x) != null ? `${h.value.arrow.x}px` : "",
-        top: ((M = h.value.arrow) == null ? void 0 : M.y) != null ? `${h.value.arrow.y}px` : "",
+    }), M = R(() => {
+      var I, D;
+      return a.value ? {
+        left: ((I = g.value.arrow) == null ? void 0 : I.x) != null ? `${g.value.arrow.x}px` : "",
+        top: ((D = g.value.arrow) == null ? void 0 : D.y) != null ? `${g.value.arrow.y}px` : "",
         right: "",
         bottom: "",
-        ...E.value
+        ...x.value
       } : {};
     });
-    return (k, M) => (m(), g(ue, null, [
+    return (I, D) => (m(), b(ue, null, [
       (m(), J(sn, { to: "body" }, [
-        k.status || a.value ? (m(), g("div", {
+        I.status || r.value ? (m(), b("div", {
           key: 0,
           ref_key: "tooltipRef",
-          ref: l,
+          ref: i,
           class: C(["qa-tooltip", p(Ye).bubble]),
-          style: ne(p(u)),
-          onMouseenter: V,
-          onMouseleave: v
+          style: ne(p(d)),
+          onMouseenter: v,
+          onMouseleave: E
         }, [
           S("div", {
             class: C(p(Ye).bubble__content)
           }, [
-            S("div", { innerHTML: r.value }, null, 8, Ha),
-            oe(k.$slots, "contentSlot")
+            S("div", { innerHTML: u.value }, null, 8, Ha),
+            oe(I.$slots, "contentSlot")
           ], 2),
           S("div", {
             ref_key: "floatingArrowRef",
-            ref: s,
+            ref: a,
             class: C(p(Ye).arrow),
-            style: ne(x.value)
+            style: ne(M.value)
           }, null, 6)
         ], 38)) : $("", !0)
       ])),
       S("div", {
-        id: k.id,
+        id: I.id,
         ref_key: "triggerRef",
-        ref: i,
+        ref: s,
         class: C(p(Ye).trigger),
-        onMouseenter: V,
-        onMouseleave: v
+        onMouseenter: v,
+        onMouseleave: E
       }, [
-        k.iconName ? (m(), J(p(ae), {
+        I.iconName ? (m(), J(p(ae), {
           key: 0,
           color: p(Ye).trigger__icon,
-          name: k.iconName
-        }, null, 8, ["color", "name"])) : oe(k.$slots, "default", { key: 1 })
+          name: I.iconName
+        }, null, 8, ["color", "name"])) : oe(I.$slots, "default", { key: 1 })
       ], 42, za)
     ], 64));
   }
@@ -2185,8 +2189,8 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       await wt(), n.value = !0, window.addEventListener("keydown", a);
     }), zt(() => {
       window.removeEventListener("keydown", a);
-    }), (r, u) => (m(), g(ue, null, [
-      r.hasOverlay ? (m(), g("div", {
+    }), (r, u) => (m(), b(ue, null, [
+      r.hasOverlay ? (m(), b("div", {
         key: 0,
         class: C(p(ye).modalOverlay),
         onClick: i
@@ -2277,7 +2281,7 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
   },
   setup(e) {
     const o = e, t = R(() => o.theme === "dark"), n = R(() => `in-info-box__${o.variant}`), l = R(() => `in-info-box__size-${o.size}`), i = R(() => t.value ? "inverse" : "default");
-    return (s, a) => (m(), g("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"],
@@ -2291,7 +2295,7 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
           { [p(Z)["in-info-box__container-full-width"]]: s.fullWidthContentStatus }
         ])
       }, [
-        s.titleStatus ? (m(), g("div", {
+        s.titleStatus ? (m(), b("div", {
           key: 0,
           class: C([
             p(Z)["in-info-box__heading-wrapper"],
@@ -2306,7 +2310,7 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
             ]),
             innerHTML: s.titleText
           }, null, 10, Za),
-          s.titleStatus && s.descriptionStatus ? (m(), g("div", {
+          s.titleStatus && s.descriptionStatus ? (m(), b("div", {
             key: 0,
             class: C([
               p(Z)["in-info-box__heading-details"],
@@ -2357,30 +2361,30 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       V(), l("keyup", v);
     }, u = (v) => {
       V(), l("keypress", v);
-    }, c = (v) => {
+    }, d = (v) => {
       V(), l("click", v);
     }, h = (v) => {
       const E = v.target;
       V(), l("update:modelValue", E.value);
-    }, y = (v) => {
+    }, g = (v) => {
       V(), l("cut", v);
     }, f = (v) => {
       V(), l("paste", v);
-    }, I = (v) => {
+    }, B = (v) => {
       V(), l("blur", v);
     }, V = () => {
       n.preventXss && i.value && (i.value.value = s(i.value.value));
     };
     return o({
       textareaRef: i
-    }), (v, E) => (m(), g("fieldset", {
+    }), (v, E) => (m(), b("fieldset", {
       class: C([
         p(ie)["in-form-item"],
         p(ie)["in-textarea-wrapper"],
         { [p(ie)["in-form-item_invalid"]]: v.invalid }
       ])
     }, [
-      v.withLabel ? (m(), g("label", {
+      v.withLabel ? (m(), b("label", {
         key: 0,
         for: v.id,
         class: C([
@@ -2406,13 +2410,13 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
         maxlength: v.maxLength,
         onKeyup: r,
         onKeypress: u,
-        onCut: y,
+        onCut: g,
         onPaste: f,
-        onClick: c,
-        onBlur: I,
+        onClick: d,
+        onBlur: B,
         onInput: h
       }, "        ", 42, tl),
-      v.invalid ? (m(), g("p", {
+      v.invalid ? (m(), b("p", {
         key: 1,
         class: C([
           p(ie)["in-textarea-wrapper__error-message"]
@@ -2482,70 +2486,70 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       () => t.states === "warning" || t.states === "error"
     ), r = R(
       () => t.helperMessageStatus || a.value
-    ), u = R(() => t.type === "number"), c = R(() => {
-      const d = ["e", "E", "+", "\\"], _ = typeof t.minValue == "number" ? t.minValue : Number(t.minValue);
-      return !isNaN(_) && _ >= 0 && d.push("-"), t.allowDecimal || d.push("."), t.allowComma || d.push(","), d;
-    }), h = (d) => c.value.includes(d), y = (d) => {
+    ), u = R(() => t.type === "number"), d = R(() => {
+      const c = ["e", "E", "+", "\\"], _ = typeof t.minValue == "number" ? t.minValue : Number(t.minValue);
+      return !isNaN(_) && _ >= 0 && c.push("-"), t.allowDecimal || c.push("."), t.allowComma || c.push(","), c;
+    }), h = (c) => d.value.includes(c), g = (c) => {
       var _;
-      if (t.preventXss && (d != null && d.target)) {
-        const A = String(d.target.value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-        d.target.value !== A && (d.target.value = A);
+      if (t.preventXss && (c != null && c.target)) {
+        const A = String(c.target.value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+        c.target.value !== A && (c.target.value = A);
       }
-      return l.value = ((_ = d == null ? void 0 : d.target) == null ? void 0 : _.value) || "", d;
-    }, f = (d) => {
-      if (!(d != null && d.target)) return;
-      const _ = d.target, A = _.selectionStart;
+      return l.value = ((_ = c == null ? void 0 : c.target) == null ? void 0 : _.value) || "", c;
+    }, f = (c) => {
+      if (!(c != null && c.target)) return;
+      const _ = c.target, A = _.selectionStart;
       if (A === null) return;
-      const b = A - 1, w = d.target.value, B = v(), H = [...w.matchAll(B)].map((z) => z.index);
-      d.target.value = w.replace(B, ""), H.length > 0 && b >= 0 && _.setSelectionRange(b, b);
-    }, I = (d) => {
-      if (!(d != null && d.target)) return;
-      const _ = d.target.value, A = d.target, b = A.selectionStart;
-      if (b === null) return;
-      let w = b - 1;
-      const B = V(), H = [..._.matchAll(B)].map((K) => K.index), z = _.split("");
-      H.length > 1 && w >= 0 && (z[w] = ""), d.target.value = z.join(""), H.length > 1 && w >= 0 && A.setSelectionRange(w, w);
+      const w = A - 1, y = c.target.value, k = v(), H = [...y.matchAll(k)].map((z) => z.index);
+      c.target.value = y.replace(k, ""), H.length > 0 && w >= 0 && _.setSelectionRange(w, w);
+    }, B = (c) => {
+      if (!(c != null && c.target)) return;
+      const _ = c.target.value, A = c.target, w = A.selectionStart;
+      if (w === null) return;
+      let y = w - 1;
+      const k = V(), H = [..._.matchAll(k)].map((K) => K.index), z = _.split("");
+      H.length > 1 && y >= 0 && (z[y] = ""), c.target.value = z.join(""), H.length > 1 && y >= 0 && A.setSelectionRange(y, y);
     }, V = () => {
-      let d = "";
-      return t.allowDecimal && (d += "."), t.allowComma && (d += ","), new RegExp(`[${d}]`, "g");
+      let c = "";
+      return t.allowDecimal && (c += "."), t.allowComma && (c += ","), new RegExp(`[${c}]`, "g");
     }, v = () => {
-      let d = "0-9";
-      return t.allowDecimal && (d += "\\."), t.allowComma && (d += ","), new RegExp(`[^${d}]+`, "g");
-    }, E = (d) => {
-      n("keyup", d);
-    }, x = (d) => {
-      d.key === "Enter" && n("keypress", d), u.value && h(d.key) && d.preventDefault();
-    }, k = (d) => {
-      n("focus", d);
-    }, M = (d) => {
-      n("blur", d);
-    }, D = (d) => {
-      n("click", d);
-    }, U = (d) => {
-      var b;
-      const _ = d;
-      u.value && (f(_), I(_)), y(_);
-      const A = ((b = _ == null ? void 0 : _.target) == null ? void 0 : b.value) || "";
+      let c = "0-9";
+      return t.allowDecimal && (c += "\\."), t.allowComma && (c += ","), new RegExp(`[^${c}]+`, "g");
+    }, E = (c) => {
+      n("keyup", c);
+    }, x = (c) => {
+      c.key === "Enter" && n("keypress", c), u.value && h(c.key) && c.preventDefault();
+    }, M = (c) => {
+      n("focus", c);
+    }, I = (c) => {
+      n("blur", c);
+    }, D = (c) => {
+      n("click", c);
+    }, U = (c) => {
+      var w;
+      const _ = c;
+      u.value && (f(_), B(_)), g(_);
+      const A = ((w = _ == null ? void 0 : _.target) == null ? void 0 : w.value) || "";
       l.value = A, n("input", A), n("update:modelValue", A);
-    }, O = (d) => {
-      var b;
-      const _ = d;
-      u.value && (f(_), I(_)), y(_);
-      const A = ((b = _ == null ? void 0 : _.target) == null ? void 0 : b.value) || "";
+    }, O = (c) => {
+      var w;
+      const _ = c;
+      u.value && (f(_), B(_)), g(_);
+      const A = ((w = _ == null ? void 0 : _.target) == null ? void 0 : w.value) || "";
       l.value = A, n("change", A), n("update:modelValue", A);
-    }, W = (d) => {
+    }, W = (c) => {
       var Ze, he;
       if (t.maxCharacterLength && typeof t.maxCharacterLength == "number") {
-        const X = d.target, le = X.selectionStart, ve = X.selectionEnd;
+        const X = c.target, le = X.selectionStart, ve = X.selectionEnd;
         if (le === null || ve === null) return;
-        const We = X.value, ge = ((Ze = d.clipboardData) == null ? void 0 : Ze.getData("text/plain")) || "", _t = We.length, Be = ve - le, Ie = t.maxCharacterLength - _t + Be;
+        const We = X.value, ge = ((Ze = c.clipboardData) == null ? void 0 : Ze.getData("text/plain")) || "", _t = We.length, Be = ve - le, Ie = t.maxCharacterLength - _t + Be;
         if (Ie <= 0) {
-          d.preventDefault();
+          c.preventDefault();
           return;
         }
         const Fe = ge.slice(0, Ie);
         if (Fe !== ge) {
-          d.preventDefault();
+          c.preventDefault();
           const $e = We.slice(0, le) + Fe + We.slice(ve);
           X.value = $e;
           const It = le + Fe.length;
@@ -2555,107 +2559,107 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       }
       if (!u.value)
         return;
-      d.preventDefault();
-      const _ = d.target, A = _.selectionStart, b = _.selectionEnd;
-      if (A === null || b === null) return;
-      const w = _.value, B = w.includes(".") || w.includes(","), H = ((he = d.clipboardData) == null ? void 0 : he.getData("text/plain")) || "", z = V(), K = v();
+      c.preventDefault();
+      const _ = c.target, A = _.selectionStart, w = _.selectionEnd;
+      if (A === null || w === null) return;
+      const y = _.value, k = y.includes(".") || y.includes(","), H = ((he = c.clipboardData) == null ? void 0 : he.getData("text/plain")) || "", z = V(), K = v();
       let Y = H.replace(K, "");
       const dt = [...Y.matchAll(z)], me = [];
       dt.forEach((X) => {
         X.index !== void 0 && me.push(X.index);
       });
       const ke = Y.split("");
-      B || me.shift(), me.forEach((X) => {
+      k || me.shift(), me.forEach((X) => {
         ke[X] = "";
       }), Y = ke.join("");
-      const Xe = A + Y.length, Re = w.slice(0, A) + Y + w.slice(b);
+      const Xe = A + Y.length, Re = y.slice(0, A) + Y + y.slice(w);
       _.value = Re, _.setSelectionRange(Xe, Xe), l.value = Re, n("input", Re), n("update:modelValue", Re);
-    }, T = (d) => {
-      n("leftIconClick", d);
-    }, P = (d) => {
-      n("rightIconClick", d);
+    }, T = (c) => {
+      n("leftIconClick", c);
+    }, P = (c) => {
+      n("rightIconClick", c);
     }, q = () => {
       wt(() => {
-        var d;
-        (d = G.value) == null || d.focus();
+        var c;
+        (c = G.value) == null || c.focus();
       });
     }, G = L(null), ee = L(null);
     return Q(
       () => t.modelValue,
-      (d) => {
-        l.value = d;
+      (c) => {
+        l.value = c;
       },
       { immediate: !0 }
     ), Q(
       () => t.autoFocus,
-      (d) => {
-        d && q();
+      (c) => {
+        c && q();
       }
     ), Ne(() => {
       t.autoFocus && q();
-    }), (d, _) => (m(), g("fieldset", {
+    }), (c, _) => (m(), b("fieldset", {
       ref_key: "componentRoot",
       ref: ee,
       class: C(["in-basic-text-input-wrapper qa-text-input", [
-        `in-basic-text-input-wrapper__${d.states}`,
-        `in-basic-text-input-wrapper__${d.theme}`,
-        { "in-basic-text-input-wrapper__disable": d.disabledStatus }
+        `in-basic-text-input-wrapper__${c.states}`,
+        `in-basic-text-input-wrapper__${c.theme}`,
+        { "in-basic-text-input-wrapper__disable": c.disabledStatus }
       ]])
     }, [
-      d.labelStatus ? (m(), g("label", nl, [
+      c.labelStatus ? (m(), b("label", nl, [
         S("span", { innerHTML: i.value }, null, 8, ol)
       ])) : $("", !0),
       S("div", al, [
-        d.$slots.leftSlot ? (m(), g("div", ll, [
-          oe(d.$slots, "leftSlot", {}, void 0, !0)
+        c.$slots.leftSlot ? (m(), b("div", ll, [
+          oe(c.$slots, "leftSlot", {}, void 0, !0)
         ])) : $("", !0),
-        d.leftIconStatus ? (m(), J(p(ae), {
+        c.leftIconStatus ? (m(), J(p(ae), {
           key: 1,
           class: "in-basic-text-input-wrapper__icon-left",
-          name: d.leftIconName,
+          name: c.leftIconName,
           size: 24,
           onClick: T
         }, null, 8, ["name"])) : $("", !0),
         S("input", {
-          id: d.id,
+          id: c.id,
           ref_key: "textInput",
           ref: G,
           class: "in-basic-text-input-wrapper__input",
-          name: d.name,
+          name: c.name,
           value: l.value,
-          placeholder: d.placeholderText,
-          disabled: d.disabledStatus,
-          readonly: d.readonly,
-          autocomplete: d.autoComplete,
-          maxlength: typeof d.maxCharacterLength == "number" ? d.maxCharacterLength : void 0,
-          min: typeof d.minValue == "number" ? d.minValue : void 0,
-          max: typeof d.maxValue == "number" ? d.maxValue : void 0,
-          type: d.type,
+          placeholder: c.placeholderText,
+          disabled: c.disabledStatus,
+          readonly: c.readonly,
+          autocomplete: c.autoComplete,
+          maxlength: typeof c.maxCharacterLength == "number" ? c.maxCharacterLength : void 0,
+          min: typeof c.minValue == "number" ? c.minValue : void 0,
+          max: typeof c.maxValue == "number" ? c.maxValue : void 0,
+          type: c.type,
           onChange: O,
-          onFocus: k,
-          onBlur: M,
+          onFocus: M,
+          onBlur: I,
           onKeyup: E,
           onKeypress: x,
           onClick: D,
           onInput: U,
           onPaste: W
         }, null, 40, sl),
-        d.suffixTextStatus && d.suffixText ? (m(), g("span", rl, N(d.suffixText), 1)) : $("", !0),
-        d.rightIconStatus ? (m(), J(p(ae), {
+        c.suffixTextStatus && c.suffixText ? (m(), b("span", rl, N(c.suffixText), 1)) : $("", !0),
+        c.rightIconStatus ? (m(), J(p(ae), {
           key: 3,
           class: "in-basic-text-input-wrapper__icon-right",
-          name: d.rightIconName,
+          name: c.rightIconName,
           size: 24,
           onClick: P
         }, null, 8, ["name"])) : $("", !0),
-        d.$slots.rightSlot ? (m(), g("div", il, [
-          oe(d.$slots, "rightSlot", {}, void 0, !0)
+        c.$slots.rightSlot ? (m(), b("div", il, [
+          oe(c.$slots, "rightSlot", {}, void 0, !0)
         ])) : $("", !0)
       ]),
-      r.value ? (m(), g("div", ul, [
-        d.helperMessageStatus || a.value ? (m(), g("div", cl, [
-          s.value ? (m(), g("p", dl, N(d.helperMessage), 1)) : $("", !0),
-          a.value && !d.disabledStatus ? (m(), g("p", _l, N(d.stateMessage), 1)) : $("", !0)
+      r.value ? (m(), b("div", ul, [
+        c.helperMessageStatus || a.value ? (m(), b("div", cl, [
+          s.value ? (m(), b("p", dl, N(c.helperMessage), 1)) : $("", !0),
+          a.value && !c.disabledStatus ? (m(), b("p", _l, N(c.stateMessage), 1)) : $("", !0)
         ])) : $("", !0)
       ])) : $("", !0)
     ], 2));
@@ -2674,7 +2678,7 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       const n = [];
       return o.border && n.push(o.border), o.borderRadius && n.push(o.borderRadius), o.borderTriangle && o.borderTrianglePosition && o.borderTriangleAlign && n.push(`in-box_${o.borderTrianglePosition}-${o.borderTriangleAlign}`), n.join(" ");
     });
-    return (n, l) => (m(), g("div", {
+    return (n, l) => (m(), b("div", {
       class: C(["in-box", t.value])
     }, [
       oe(n.$slots, "default", {}, void 0, !0)
@@ -2691,29 +2695,29 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
     const n = qt, l = e, i = t, s = L(null), a = L(null), r = L(l.modelValue);
     Q(
       () => l.modelValue,
-      (y) => {
-        r.value = y;
+      (g) => {
+        r.value = g;
       }
     );
     const u = () => {
       r.value = !r.value, i("update:modelValue", r.value), r.value ? i("open") : i("close");
-    }, c = () => {
+    }, d = () => {
       r.value = !1, i("update:modelValue", !1), i("close");
-    }, h = L({ handler: c, exclude: [s, a] });
+    }, h = L({ handler: d, exclude: [s, a] });
     return o({
       isOpen: r,
       toggle: u,
-      close: c
-    }), (y, f) => (m(), g("div", {
+      close: d
+    }), (g, f) => (m(), b("div", {
       ref_key: "popoverRef",
       ref: s,
       class: "popover"
     }, [
-      oe(y.$slots, "trigger", {
+      oe(g.$slots, "trigger", {
         isOpen: r.value,
         toggle: u
       }, void 0, !0),
-      et((m(), g("div", {
+      et((m(), b("div", {
         ref_key: "contentRef",
         ref: a,
         class: C(["popover__content", `popover__content--${l.align}`]),
@@ -2722,7 +2726,7 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       }, [
         ce(p(ml), null, {
           default: tt(() => [
-            oe(y.$slots, "default", {}, void 0, !0)
+            oe(g.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         })
@@ -2753,57 +2757,57 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
     un((x) => ({
       "685c21b4": `${n.menuHeight}px`
     }));
-    const n = e, l = t, i = L(!1), s = L(null), a = L(""), r = L(null), u = L([...n.items]), c = 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;
-    }, y = () => {
-      r.value = null, a.value = "", u.value = [...c.value];
+    }, g = () => {
+      r.value = null, a.value = "", u.value = [...d.value];
     };
     Q(
       () => i.value,
       (x) => {
-        x || y();
+        x || g();
       }
     );
     const f = () => {
-      i.value = !1, y();
-    }, I = (x) => {
+      i.value = !1, g();
+    }, B = (x) => {
       s.value = x, l("select-item", x), l("update:modelValue", x.value), f();
     }, V = () => {
-      const x = a.value.trim(), k = n.validateAddItem(x, c.value);
-      if (k) {
-        r.value = k, l("add-error", k);
+      const x = a.value.trim(), M = n.validateAddItem(x, d.value);
+      if (M) {
+        r.value = M, l("add-error", M);
         return;
       }
-      const M = {
+      const I = {
         text: x,
         value: x
       };
-      c.value.push(M), y(), l("item-added", M);
+      d.value.push(I), g(), l("item-added", I);
     }, v = (x) => {
       a.value = String(x);
-      const k = Nt(c.value, "text", a.value);
-      u.value = k;
+      const M = Nt(d.value, "text", a.value);
+      u.value = M;
     }, E = () => {
       r.value = null;
     };
     return Ne(() => {
       if (n.modelValue) {
-        const x = c.value.find((k) => k.value === n.modelValue);
+        const x = d.value.find((M) => M.value === n.modelValue);
         x && (s.value = x);
       }
     }), Q(
       () => n.modelValue,
       (x) => {
-        var k;
-        if (((k = s.value) == null ? void 0 : k.value) !== x) {
-          const M = c.value.find((D) => D.value === x);
-          M && (s.value = M);
+        var M;
+        if (((M = s.value) == null ? void 0 : M.value) !== x) {
+          const I = d.value.find((D) => D.value === x);
+          I && (s.value = I);
         }
       }
     ), Q(
       () => n.items,
       (x) => {
-        c.value = [...x], u.value = [...x];
+        d.value = [...x], u.value = [...x];
       },
       { deep: !0 }
     ), o({
@@ -2811,28 +2815,28 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       toggleMenu: h,
       closeMenu: f,
       selectedItem: s
-    }), (x, k) => (m(), J(p(vl), {
+    }), (x, M) => (m(), J(p(vl), {
       modelValue: i.value,
-      "onUpdate:modelValue": k[2] || (k[2] = (M) => i.value = M)
+      "onUpdate:modelValue": M[2] || (M[2] = (I) => i.value = I)
     }, {
-      trigger: tt(({ isOpen: M }) => [
+      trigger: tt(({ isOpen: I }) => [
         oe(x.$slots, "trigger", {
-          isOpen: M,
+          isOpen: I,
           toggle: h
         }, void 0, !0)
       ]),
       default: tt(() => [
         S("div", {
           class: "in-dropdown-menu__menu",
-          onClick: k[1] || (k[1] = st(() => {
+          onClick: M[1] || (M[1] = st(() => {
           }, ["prevent"]))
         }, [
-          x.searchable ? (m(), g("div", gl, [
+          x.searchable ? (m(), b("div", gl, [
             ce(en, {
               id: "dropdown-search-input",
               name: "dropdown-search-input",
               modelValue: a.value,
-              "onUpdate:modelValue": k[0] || (k[0] = (M) => a.value = M),
+              "onUpdate:modelValue": M[0] || (M[0] = (I) => a.value = I),
               "placeholder-text": x.searchPlaceholder,
               "label-status": !1,
               "helper-message-status": !1,
@@ -2854,41 +2858,41 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
             }, null, 8, ["label"])) : $("", !0)
           ])) : $("", !0),
           S("ul", bl, [
-            (m(!0), g(ue, null, Ve(u.value, (M, D) => {
+            (m(!0), b(ue, null, Ve(u.value, (I, D) => {
               var U, O;
-              return m(), g("li", {
-                key: `${M.value}-${D}`,
+              return m(), b("li", {
+                key: `${I.value}-${D}`,
                 class: "in-dropdown-menu__item"
               }, [
-                x.$slots.item ? (m(), g("div", {
+                x.$slots.item ? (m(), b("div", {
                   key: 0,
                   class: C([
                     "in-dropdown-menu__item-content",
                     {
-                      "in-dropdown-menu__item--active": s.value && M.value === s.value.value
+                      "in-dropdown-menu__item--active": s.value && I.value === s.value.value
                     }
                   ]),
-                  onClick: (W) => I(M)
+                  onClick: (W) => B(I)
                 }, [
                   oe(x.$slots, "item", {
-                    item: M,
-                    isSelected: ((U = s.value) == null ? void 0 : U.value) === M.value
+                    item: I,
+                    isSelected: ((U = s.value) == null ? void 0 : U.value) === I.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": s.value && M.value === s.value.value
+                      "in-dropdown-menu__item-button--active": s.value && I.value === s.value.value
                     }
                   ]),
                   variant: "ghost",
                   color: "secondary",
                   size: "small",
                   fill: "",
-                  label: M.text,
-                  "right-icon-name": n.showSelectedIcon && ((O = s.value) == null ? void 0 : O.value) === M.value ? "line-check-natural" : void 0,
-                  onClick: (W) => I(M)
+                  label: I.text,
+                  "right-icon-name": n.showSelectedIcon && ((O = s.value) == null ? void 0 : O.value) === I.value ? "line-check-natural" : void 0,
+                  onClick: (W) => B(I)
                 }, null, 8, ["class", "label", "right-icon-name", "onClick"]))
               ]);
             }), 128))
@@ -2913,8 +2917,8 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
         r.preventDefault();
         return;
       }
-      const c = r.target.checked;
-      n("click", c), n("update:modelValue", c);
+      const d = r.target.checked;
+      n("click", d), n("update:modelValue", d);
     }, a = (r) => {
       if (t.disabled) {
         r.preventDefault();
@@ -2922,7 +2926,7 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       }
       l.value && !l.value.disabled && (l.value.checked = !l.value.checked, l.value.dispatchEvent(new Event("change", { bubbles: !0 })));
     };
-    return (r, u) => (m(), g("fieldset", {
+    return (r, u) => (m(), b("fieldset", {
       class: C(["in-form-item in-toggle-wrapper", [
         {
           "in-toggle-wrapper_disable": r.disabled,
@@ -2974,18 +2978,18 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       }
       return !1;
     });
-    return (n, l) => (m(), g("div", {
+    return (n, l) => (m(), b("div", {
       class: "color-swatch",
       onClick: l[0] || (l[0] = (i) => n.$emit("click"))
     }, [
-      n.isTransparent || t.value ? (m(), g("div", Il, [
+      n.isTransparent || t.value ? (m(), b("div", Il, [
         l[1] || (l[1] = S("div", { class: "color-swatch__checkerboard" }, null, -1)),
-        t.value ? (m(), g("div", {
+        t.value ? (m(), b("div", {
           key: 0,
           class: "color-swatch__color-overlay",
           style: ne({ background: n.color })
         }, null, 4)) : $("", !0)
-      ])) : (m(), g("div", {
+      ])) : (m(), b("div", {
         key: 1,
         class: "color-swatch__color",
         style: ne({ background: n.color })
@@ -3030,34 +3034,34 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
   },
   emits: ["color-change", "close"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = L(0), i = L(0), s = L(0.4), a = L(1), r = L("666666"), u = L([]), c = L(!1), h = L(null), y = L(null), f = L(null), I = R(() => {
-      const _ = t.presetColors || [], A = [], b = 8;
+    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 = R(() => {
+      const _ = t.presetColors || [], A = [], w = 8;
       if (_.length === 0)
         return A;
-      const w = _.slice(0, b - 1);
-      A.push(w);
-      for (let B = b - 1; B < _.length; B += b)
-        A.push(_.slice(B, B + b));
+      const y = _.slice(0, w - 1);
+      A.push(y);
+      for (let k = w - 1; k < _.length; k += w)
+        A.push(_.slice(k, k + w));
       return A;
     }), V = R(() => {
       const _ = l.value, A = 1 - Math.abs(_ * 6 % 2 - 1);
-      let b = 0, w = 0, B = 0;
-      return _ < 1 / 6 ? (b = 1, w = A) : _ < 2 / 6 ? (b = A, w = 1) : _ < 3 / 6 ? (w = 1, B = A) : _ < 4 / 6 ? (w = A, B = 1) : _ < 5 / 6 ? (b = A, B = 1) : (b = 1, B = A), `rgb(${Math.round(b * 255)}, ${Math.round(w * 255)}, ${Math.round(B * 255)})`;
+      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 = R(() => {
-      const _ = l.value, A = i.value, b = s.value, w = b * A, B = w * (1 - Math.abs(_ * 6 % 2 - 1)), H = b - w;
+      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 = w, K = B) : _ < 2 / 6 ? (z = B, K = w) : _ < 3 / 6 ? (K = w, Y = B) : _ < 4 / 6 ? (K = B, Y = w) : _ < 5 / 6 ? (z = B, Y = w) : (z = w, Y = B), z = Math.round((z + H) * 255), K = Math.round((K + H) * 255), Y = Math.round((Y + H) * 255), `rgb(${z}, ${K}, ${Y})`;
+      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})`;
     }), E = R(() => {
       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, s, a], () => {
-      x(), c.value || n("color-change", E.value);
+      x(), d.value || n("color-change", E.value);
     }), Q(
       () => t.color,
       (_) => {
-        _ && (c.value = !0, T(_), setTimeout(() => {
-          c.value = !1;
+        _ && (d.value = !0, T(_), setTimeout(() => {
+          d.value = !1;
         }, 0));
       },
       { immediate: !0 }
@@ -3070,74 +3074,74 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       const _ = v.value.match(/\d+/g);
       if (!_)
         return;
-      const A = _.map((b) => parseInt(b).toString(16).padStart(2, "0")).join("").toUpperCase();
+      const A = _.map((w) => parseInt(w).toString(16).padStart(2, "0")).join("").toUpperCase();
       if (t.showOpacityInHex) {
-        const b = Math.round(a.value * 255).toString(16).padStart(2, "0").toUpperCase();
-        r.value = A + b;
+        const w = Math.round(a.value * 255).toString(16).padStart(2, "0").toUpperCase();
+        r.value = A + w;
       } else
         r.value = A;
     }
-    function k(_) {
-      const A = (B) => {
+    function M(_) {
+      const A = (k) => {
         if (!h.value)
           return;
-        const H = h.value.getBoundingClientRect(), z = Math.max(0, Math.min(1, (B.clientX - H.left) / H.width)), K = Math.max(0, Math.min(1, (B.clientY - H.top) / H.height));
+        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, s.value = 1 - K;
       };
       A(_);
-      const b = (B) => {
-        A(B);
-      }, w = () => {
-        document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", w);
+      const w = (k) => {
+        A(k);
+      }, y = () => {
+        document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", y);
       };
-      document.addEventListener("mousemove", b), document.addEventListener("mouseup", w);
+      document.addEventListener("mousemove", w), document.addEventListener("mouseup", y);
     }
-    function M(_) {
-      const A = (B) => {
-        if (!y.value)
+    function I(_) {
+      const A = (k) => {
+        if (!g.value)
           return;
-        const H = y.value.getBoundingClientRect(), z = Math.max(0, Math.min(1, (B.clientY - H.top) / H.height));
+        const H = g.value.getBoundingClientRect(), z = Math.max(0, Math.min(1, (k.clientY - H.top) / H.height));
         l.value = z;
       };
       A(_);
-      const b = (B) => {
-        A(B);
-      }, w = () => {
-        document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", w);
+      const w = (k) => {
+        A(k);
+      }, y = () => {
+        document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", y);
       };
-      document.addEventListener("mousemove", b), document.addEventListener("mouseup", w);
+      document.addEventListener("mousemove", w), document.addEventListener("mouseup", y);
     }
     function D(_) {
-      const A = (B) => {
+      const A = (k) => {
         if (!f.value)
           return;
-        const H = f.value.getBoundingClientRect(), z = Math.max(0, Math.min(1, (B.clientX - H.left) / H.width));
+        const H = f.value.getBoundingClientRect(), z = Math.max(0, Math.min(1, (k.clientX - H.left) / H.width));
         a.value = 1 - z;
       };
       A(_);
-      const b = (B) => {
-        A(B);
-      }, w = () => {
-        document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", w);
+      const w = (k) => {
+        A(k);
+      }, y = () => {
+        document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", y);
       };
-      document.addEventListener("mousemove", b), document.addEventListener("mouseup", w);
+      document.addEventListener("mousemove", w), document.addEventListener("mouseup", y);
     }
     function U(_) {
-      const A = t.showOpacityInHex ? 8 : 6, b = String(_).replace(/[^0-9A-Fa-f]/g, "").slice(0, A);
-      r.value = b, t.showOpacityInHex ? (b.length === 6 || b.length === 8) && T(b) : b.length === 6 && T(b);
+      const A = t.showOpacityInHex ? 8 : 6, w = String(_).replace(/[^0-9A-Fa-f]/g, "").slice(0, A);
+      r.value = w, t.showOpacityInHex ? (w.length === 6 || w.length === 8) && T(w) : w.length === 6 && T(w);
     }
     function O(_) {
-      var B;
-      const A = ((B = _.clipboardData) == null ? void 0 : B.getData("text")) || "", b = t.showOpacityInHex ? 8 : 6, w = A.replace(/^#/, "").replace(/[^0-9A-Fa-f]/g, "").slice(0, b);
-      t.showOpacityInHex ? w.length === 6 || w.length === 8 ? (r.value = w, T(w), _.preventDefault()) : w.length > 0 && (r.value = w, _.preventDefault()) : w.length === 6 ? (r.value = w, T(w), _.preventDefault()) : w.length > 0 && (r.value = w, _.preventDefault());
+      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 ? (r.value = y, T(y), _.preventDefault()) : y.length > 0 && (r.value = y, _.preventDefault()) : y.length === 6 ? (r.value = y, T(y), _.preventDefault()) : y.length > 0 && (r.value = y, _.preventDefault());
     }
     function W() {
       const _ = t.showOpacityInHex ? 8 : 6;
       r.value.length !== _ && x();
     }
     function T(_) {
-      const A = _.startsWith("#") ? _.slice(1) : _, b = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(A), w = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(A), B = w || b;
-      if (!B) {
+      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;
+      if (!k) {
         const he = /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/.exec(_);
         if (he) {
           const X = parseInt(he[1], 10) / 255, le = parseInt(he[2], 10) / 255, ve = parseInt(he[3], 10) / 255, We = he[4] ? parseFloat(he[4]) : 1, ge = Math.max(X, le, ve), _t = Math.min(X, le, ve), Be = ge - _t;
@@ -3149,8 +3153,8 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
         }
         return;
       }
-      const H = parseInt(B[1], 16) / 255, z = parseInt(B[2], 16) / 255, K = parseInt(B[3], 16) / 255;
-      w && B[4] ? a.value = parseInt(B[4], 16) / 255 : a.value = 1;
+      const H = parseInt(k[1], 16) / 255, z = parseInt(k[2], 16) / 255, K = parseInt(k[3], 16) / 255;
+      y && k[4] ? a.value = parseInt(k[4], 16) / 255 : a.value = 1;
       const Y = Math.max(H, z, K), dt = Math.min(H, z, K), me = Y - dt;
       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);
@@ -3166,8 +3170,8 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
       const _ = v.value.match(/\d+/g);
       if (!_)
         return "ffffff";
-      const A = _.map((w) => parseInt(w).toString(16).padStart(2, "0")).join("").toUpperCase(), b = Math.round(a.value * 255).toString(16).padStart(2, "0").toUpperCase();
-      return `#${A}${b}`;
+      const A = _.map((y) => parseInt(y).toString(16).padStart(2, "0")).join("").toUpperCase(), w = Math.round(a.value * 255).toString(16).padStart(2, "0").toUpperCase();
+      return `#${A}${w}`;
     }
     function G() {
       const _ = q();
@@ -3176,15 +3180,15 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
     function ee(_) {
       T(_);
     }
-    function d() {
+    function c() {
       r.value = "", a.value = 0, l.value = 0, i.value = 0, s.value = 0.4, n("color-change", "transparent");
     }
-    return (_, A) => (m(), g("div", Vl, [
+    return (_, A) => (m(), b("div", Vl, [
       S("div", Ml, [
         S("div", Tl, [
           S("h3", El, N(_.title), 1)
         ]),
-        _.$slots.tabs ? (m(), g("div", Ll, [
+        _.$slots.tabs ? (m(), b("div", Ll, [
           oe(_.$slots, "tabs", {}, void 0, !0)
         ])) : $("", !0)
       ]),
@@ -3197,7 +3201,7 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
                 background: `linear-gradient(to bottom, transparent, black),
                         linear-gradient(to right, white, ${V.value})`
               }),
-              onMousedown: k,
+              onMousedown: M,
               ref_key: "colorPickerRef",
               ref: h
             }, [
@@ -3210,9 +3214,9 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
           S("div", Dl, [
             S("div", {
               class: "color-picker__hue-slider",
-              onMousedown: M,
+              onMousedown: I,
               ref_key: "hueSliderRef",
-              ref: y
+              ref: g
             }, [
               S("div", {
                 class: "color-picker__hue-indicator",
@@ -3247,7 +3251,7 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
           ce(en, {
             id: "color-picker-hex-input",
             modelValue: r.value,
-            "onUpdate:modelValue": A[0] || (A[0] = (b) => r.value = b),
+            "onUpdate:modelValue": A[0] || (A[0] = (w) => r.value = w),
             name: "hex-input",
             "placeholder-text": "",
             "label-status": !1,
@@ -3258,31 +3262,31 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
             onBlur: W
           }, null, 8, ["modelValue"])
         ]),
-        (m(!0), g(ue, null, Ve(I.value, (b, w) => (m(), g("div", {
-          key: `preset-row-${w}`,
+        (m(!0), b(ue, null, Ve(B.value, (w, y) => (m(), b("div", {
+          key: `preset-row-${y}`,
           class: "color-picker__preset-row"
         }, [
-          w === 0 ? (m(), g("div", {
+          y === 0 ? (m(), b("div", {
             key: 0,
             class: "color-picker__no-color",
-            onClick: d
+            onClick: c
           }, [
             ce(p(ae), {
               name: "no-color",
               size: 14
             })
           ])) : $("", !0),
-          (m(!0), g(ue, null, Ve(b, (B, H) => (m(), J(Ht, {
-            key: `preset-${w}-${H}`,
-            color: B,
-            "is-transparent": B === "transparent",
-            onClick: (z) => B === "transparent" ? P(0) : T(B)
+          (m(!0), b(ue, null, Ve(w, (k, H) => (m(), J(Ht, {
+            key: `preset-${y}-${H}`,
+            color: k,
+            "is-transparent": k === "transparent",
+            onClick: (z) => k === "transparent" ? P(0) : T(k)
           }, null, 8, ["color", "is-transparent", "onClick"]))), 128))
         ]))), 128)),
-        I.value.length === 0 ? (m(), g("div", zl, [
+        B.value.length === 0 ? (m(), b("div", zl, [
           S("div", {
             class: "color-picker__no-color",
-            onClick: d
+            onClick: c
           }, [
             ce(p(ae), {
               name: "no-color",
@@ -3290,18 +3294,18 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
             })
           ])
         ])) : $("", !0),
-        _.showSaveButton && u.value.length > 0 ? (m(), g("div", ql, [
-          (m(!0), g(ue, null, Ve(u.value, (b, w) => (m(), J(Ht, {
-            key: `saved-${w}`,
-            color: b,
-            onClick: (B) => ee(b)
+        _.showSaveButton && u.value.length > 0 ? (m(), b("div", ql, [
+          (m(!0), b(ue, null, Ve(u.value, (w, y) => (m(), J(Ht, {
+            key: `saved-${y}`,
+            color: w,
+            onClick: (k) => ee(w)
           }, null, 8, ["color", "onClick"]))), 128)),
           S("button", {
             onClick: G,
             class: "color-picker__save-button",
             title: "Save current color"
           })
-        ])) : _.showSaveButton ? (m(), g("div", Nl, [
+        ])) : _.showSaveButton ? (m(), b("div", Nl, [
           S("button", {
             onClick: G,
             class: "color-picker__save-button",
@@ -3334,8 +3338,8 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
         s.length > 0 && !s.some((a) => a.value === l.value) && (l.value = s[0].value, n("update:modelValue", s[0].value));
       },
       { deep: !0 }
-    ), (s, a) => (m(), g("div", Fl, [
-      (m(!0), g(ue, null, Ve(s.tabs, (r, u) => (m(), g("button", {
+    ), (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",
@@ -3344,7 +3348,7 @@ const Ra = "_bubble_1jxs4_1", $a = "_trigger_1jxs4_43", Oa = "_trigger__icon_1jx
           }
         ]),
         disabled: s.disabled || r.disabled,
-        onClick: (c) => i(r)
+        onClick: (d) => i(r)
       }, N(r.label), 11, Ul))), 128))
     ]));
   }