@useinsider/ab-components 0.0.120 → 0.0.121

package/dist/{index-CyOskY0_.js → index-C5Z39dyx.js}

@@ -1,4 +1,4 @@
-import { defineComponent as J, computed as M, openBlock as f, createElementBlock as _, normalizeClass as k, createBlock as re, unref as h, createCommentVNode as V, toDisplayString as N, normalizeStyle as _e, createElementVNode as O, ref as D, shallowRef as or, watch as ce, getCurrentScope as ar, onScopeDispose as lr, shallowReadonly as St, onBeforeMount as ur, onMounted as wt, nextTick as Qt, onBeforeUnmount as Xt, Fragment as de, renderSlot as Ae, Teleport as hs, createVNode as ee, renderList as Te, withCtx as Me, reactive as bi, withDirectives as cn, withModifiers as Jt, vModelText as cr, vShow as fs, resolveDynamicComponent as dr, createTextVNode as Wt, useCssVars as hr, onUnmounted as fr, Transition as ps } from "vue";
+import { defineComponent as J, computed as M, openBlock as f, createElementBlock as _, normalizeClass as k, createBlock as re, unref as h, createCommentVNode as V, toDisplayString as N, normalizeStyle as _e, createElementVNode as B, ref as D, shallowRef as or, watch as ce, getCurrentScope as ar, onScopeDispose as lr, shallowReadonly as St, onBeforeMount as ur, onMounted as wt, nextTick as Qt, onBeforeUnmount as Xt, Fragment as de, renderSlot as Ae, Teleport as hs, createVNode as ee, renderList as Te, withCtx as Me, reactive as bi, withDirectives as cn, withModifiers as Jt, vModelText as cr, vShow as fs, resolveDynamicComponent as dr, createTextVNode as Wt, useCssVars as hr, onUnmounted as fr, Transition as ps } from "vue";
 const pr = "_button__size_default_1lulf_1", mr = "_button__size_small_1lulf_8", _r = "_button_1lulf_1", gr = "_button__label_1lulf_60", br = "_button__solid_1lulf_72", vr = "_fill_1lulf_1335", pt = {
   button__size_default: pr,
   button__size_small: mr,
@@ -237,7 +237,7 @@ const kr = ["fill", "height", "width"], xr = ["xlink:href"], Cr = ["fill", "heig
         style: _e({ color: o.value }),
         width: n.value
       }, [
-        O("use", {
+        B("use", {
           "xlink:href": `#${l.name}`
         }, null, 8, xr)
       ], 12, kr));
@@ -416,7 +416,7 @@ const Vr = async (t, e, n) => {
   }), {
     x: c,
     y: p
-  } = ki(u, i, l), b = i, g = {}, B = 0;
+  } = ki(u, i, l), b = i, g = {}, I = 0;
   for (let L = 0; L < a.length; L++) {
     const {
       name: x,
@@ -446,7 +446,7 @@ const Vr = async (t, e, n) => {
         ...g[x],
         ...T
       }
-    }, H && B <= 50 && (B++, typeof H == "object" && (H.placement && (b = H.placement), H.rects && (u = H.rects === !0 ? await o.getElementRects({
+    }, H && I <= 50 && (I++, typeof H == "object" && (H.placement && (b = H.placement), H.rects && (u = H.rects === !0 ? await o.getElementRects({
       reference: t,
       floating: e,
       strategy: s
@@ -479,7 +479,7 @@ async function ei(t, e) {
     elementContext: p = "floating",
     altBoundary: b = !1,
     padding: g = 0
-  } = Pt(e, t), B = _s(g), x = a[b ? p === "floating" ? "reference" : "floating" : p], y = fn(await r.getClippingRect({
+  } = Pt(e, t), I = _s(g), x = a[b ? p === "floating" ? "reference" : "floating" : p], y = fn(await r.getClippingRect({
     element: (n = await (r.isElement == null ? void 0 : r.isElement(x))) == null || n ? x : x.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: u,
     rootBoundary: c,
@@ -502,10 +502,10 @@ async function ei(t, e) {
     strategy: l
   }) : w);
   return {
-    top: (y.top - H.top + B.top) / T.y,
-    bottom: (H.bottom - y.bottom + B.bottom) / T.y,
-    left: (y.left - H.left + B.left) / T.x,
-    right: (H.right - y.right + B.right) / T.x
+    top: (y.top - H.top + I.top) / T.y,
+    bottom: (H.bottom - y.bottom + I.bottom) / T.y,
+    left: (y.left - H.left + I.left) / T.x,
+    right: (H.right - y.right + I.right) / T.x
   };
 }
 const Dr = (t) => ({
@@ -529,10 +529,10 @@ const Dr = (t) => ({
     const p = _s(c), b = {
       x: n,
       y: i
-    }, g = Jn(s), B = Xn(g), L = await o.getDimensions(u), x = g === "y", y = x ? "top" : "left", w = x ? "bottom" : "right", R = x ? "clientHeight" : "clientWidth", T = r.reference[B] + r.reference[g] - b[g] - r.floating[B], H = b[g] - r.reference[g], q = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(u));
+    }, g = Jn(s), I = Xn(g), L = await o.getDimensions(u), x = g === "y", y = x ? "top" : "left", w = x ? "bottom" : "right", R = x ? "clientHeight" : "clientWidth", T = r.reference[I] + r.reference[g] - b[g] - r.floating[I], H = b[g] - r.reference[g], q = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(u));
     let P = q ? q[R] : 0;
-    (!P || !await (o.isElement == null ? void 0 : o.isElement(q))) && (P = a.floating[R] || r.floating[B]);
-    const Y = T / 2 - H / 2, I = P / 2 - L[B] / 2 - 1, z = lt(p[y], I), W = lt(p[w], I), ie = z, ae = P - L[B] - W, m = P / 2 - L[B] / 2 + Y, d = Nn(ie, m, ae), A = !l.arrow && Ft(s) != null && m !== d && r.reference[B] / 2 - (m < ie ? z : W) - L[B] / 2 < 0, v = A ? m < ie ? m - ie : m - ae : 0;
+    (!P || !await (o.isElement == null ? void 0 : o.isElement(q))) && (P = a.floating[R] || r.floating[I]);
+    const Y = T / 2 - H / 2, O = P / 2 - L[I] / 2 - 1, z = lt(p[y], O), W = lt(p[w], O), ie = z, ae = P - L[I] - W, m = P / 2 - L[I] / 2 + Y, d = Nn(ie, m, ae), A = !l.arrow && Ft(s) != null && m !== d && r.reference[I] / 2 - (m < ie ? z : W) - L[I] / 2 < 0, v = A ? m < ie ? m - ie : m - ae : 0;
     return {
       [g]: b[g] + v,
       data: {
@@ -563,24 +563,24 @@ const Dr = (t) => ({
         crossAxis: p = !0,
         fallbackPlacements: b,
         fallbackStrategy: g = "bestFit",
-        fallbackAxisSideDirection: B = "none",
+        fallbackAxisSideDirection: I = "none",
         flipAlignment: L = !0,
         ...x
       } = Pt(t, e);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const y = ut(s), w = nt(a), R = ut(a) === a, T = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), H = b || (R || !L ? [hn(a)] : Or(a)), q = B !== "none";
-      !b && q && H.push(...$r(a, L, B, T));
-      const P = [a, ...H], Y = await ei(e, x), I = [];
+      const y = ut(s), w = nt(a), R = ut(a) === a, T = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), H = b || (R || !L ? [hn(a)] : Or(a)), q = I !== "none";
+      !b && q && H.push(...$r(a, L, I, T));
+      const P = [a, ...H], Y = await ei(e, x), O = [];
       let z = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (c && I.push(Y[y]), p) {
+      if (c && O.push(Y[y]), p) {
         const m = Mr(s, o, T);
-        I.push(Y[m[0]], Y[m[1]]);
+        O.push(Y[m[0]], Y[m[1]]);
       }
       if (z = [...z, {
         placement: s,
-        overflows: I
-      }], !I.every((m) => m <= 0)) {
+        overflows: O
+      }], !O.every((m) => m <= 0)) {
         var W, ie;
         const m = (((W = r.flip) == null ? void 0 : W.index) || 0) + 1, d = P[m];
         if (d && (!(p === "alignment" ? w !== nt(d) : !1) || // We leave the current main axis only if every placement on that axis
@@ -636,7 +636,7 @@ async function Fr(t, e) {
   let {
     mainAxis: b,
     crossAxis: g,
-    alignmentAxis: B
+    alignmentAxis: I
   } = typeof p == "number" ? {
     mainAxis: p,
     crossAxis: 0,
@@ -646,7 +646,7 @@ async function Fr(t, e) {
     crossAxis: p.crossAxis || 0,
     alignmentAxis: p.alignmentAxis
   };
-  return a && typeof B == "number" && (g = a === "end" ? B * -1 : B), l ? {
+  return a && typeof I == "number" && (g = a === "end" ? I * -1 : I), l ? {
     x: g * c,
     y: b * u
   } : {
@@ -705,19 +705,19 @@ const Nr = function(t) {
         x: n,
         y: i
       }, c = await ei(e, l), p = nt(ut(s)), b = ms(p);
-      let g = u[b], B = u[p];
+      let g = u[b], I = u[p];
       if (r) {
         const x = b === "y" ? "top" : "left", y = b === "y" ? "bottom" : "right", w = g + c[x], R = g - c[y];
         g = Nn(w, g, R);
       }
       if (o) {
-        const x = p === "y" ? "top" : "left", y = p === "y" ? "bottom" : "right", w = B + c[x], R = B - c[y];
-        B = Nn(w, B, R);
+        const x = p === "y" ? "top" : "left", y = p === "y" ? "bottom" : "right", w = I + c[x], R = I - c[y];
+        I = Nn(w, I, R);
       }
       const L = a.fn({
         ...e,
         [b]: g,
-        [p]: B
+        [p]: I
       });
       return {
         ...L,
@@ -748,24 +748,24 @@ const Nr = function(t) {
         },
         ...u
       } = Pt(t, e), c = await ei(e, u), p = ut(s), b = Ft(s), g = nt(s) === "y", {
-        width: B,
+        width: I,
         height: L
       } = r.floating;
       let x, y;
       p === "top" || p === "bottom" ? (x = p, y = b === (await (o.isRTL == null ? void 0 : o.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (y = p, x = b === "end" ? "top" : "bottom");
-      const w = L - c.top - c.bottom, R = B - c.left - c.right, T = lt(L - c[x], w), H = lt(B - c[y], R), q = !e.middlewareData.shift;
+      const w = L - c.top - c.bottom, R = I - c.left - c.right, T = lt(L - c[x], w), H = lt(I - c[y], R), q = !e.middlewareData.shift;
       let P = T, Y = H;
       if ((n = e.middlewareData.shift) != null && n.enabled.x && (Y = R), (i = e.middlewareData.shift) != null && i.enabled.y && (P = w), q && !b) {
         const z = Le(c.left, 0), W = Le(c.right, 0), ie = Le(c.top, 0), ae = Le(c.bottom, 0);
-        g ? Y = B - 2 * (z !== 0 || W !== 0 ? z + W : Le(c.left, c.right)) : P = L - 2 * (ie !== 0 || ae !== 0 ? ie + ae : Le(c.top, c.bottom));
+        g ? Y = I - 2 * (z !== 0 || W !== 0 ? z + W : Le(c.left, c.right)) : P = L - 2 * (ie !== 0 || ae !== 0 ? ie + ae : Le(c.top, c.bottom));
       }
       await l({
         ...e,
         availableWidth: Y,
         availableHeight: P
       });
-      const I = await o.getDimensions(a.floating);
-      return B !== I.width || L !== I.height ? {
+      const O = await o.getDimensions(a.floating);
+      return I !== O.width || L !== O.height ? {
         reset: {
           rects: !0
         }
@@ -935,10 +935,10 @@ function vt(t, e, n, i) {
   let l = (s.left + a.x) / o.x, u = (s.top + a.y) / o.y, c = s.width / o.x, p = s.height / o.y;
   if (r) {
     const b = Oe(r), g = i && ze(i) ? Oe(i) : i;
-    let B = b, L = Hn(B);
-    for (; L && i && g !== B; ) {
+    let I = b, L = Hn(I);
+    for (; L && i && g !== I; ) {
       const x = It(L), y = L.getBoundingClientRect(), w = Pe(L), R = y.left + (L.clientLeft + parseFloat(w.paddingLeft)) * x.x, T = y.top + (L.clientTop + parseFloat(w.paddingTop)) * x.y;
-      l *= x.x, u *= x.y, c *= x.x, p *= x.y, l += R, u += T, B = Oe(L), L = Hn(B);
+      l *= x.x, u *= x.y, c *= x.x, p *= x.y, l += R, u += T, I = Oe(L), L = Hn(I);
     }
   }
   return fn({
@@ -1011,8 +1011,8 @@ function so(t, e) {
   }
   const u = Ln(i);
   if (u <= 0) {
-    const c = i.ownerDocument, p = c.body, b = getComputedStyle(p), g = c.compatMode === "CSS1Compat" && parseFloat(b.marginLeft) + parseFloat(b.marginRight) || 0, B = Math.abs(i.clientWidth - p.clientWidth - g);
-    B <= Ci && (r -= B);
+    const c = i.ownerDocument, p = c.body, b = getComputedStyle(p), g = c.compatMode === "CSS1Compat" && parseFloat(b.marginLeft) + parseFloat(b.marginRight) || 0, I = Math.abs(i.clientWidth - p.clientWidth - g);
+    I <= Ci && (r -= I);
   } else u <= Ci && (r += u);
   return {
     width: r,
@@ -1195,8 +1195,8 @@ function mo(t, e) {
     } = u;
     if (a || e(), !b || !g)
       return;
-    const B = nn(p), L = nn(s.clientWidth - (c + b)), x = nn(s.clientHeight - (p + g)), y = nn(c), R = {
-      rootMargin: -B + "px " + -L + "px " + -x + "px " + -y + "px",
+    const I = nn(p), L = nn(s.clientWidth - (c + b)), x = nn(s.clientHeight - (p + g)), y = nn(c), R = {
+      rootMargin: -I + "px " + -L + "px " + -x + "px " + -y + "px",
       threshold: Le(0, lt(1, l)) || 1
     };
     let T = !0;
@@ -1247,17 +1247,17 @@ function pn(t, e, n, i) {
       (R = g) == null || R.observe(e);
     })), n();
   }), u && !l && g.observe(u), g.observe(e));
-  let B, L = l ? vt(t) : null;
+  let I, L = l ? vt(t) : null;
   l && x();
   function x() {
     const y = vt(t);
-    L && !xs(L, y) && n(), L = y, B = requestAnimationFrame(x);
+    L && !xs(L, y) && n(), L = y, I = requestAnimationFrame(x);
   }
   return n(), () => {
     var y;
     c.forEach((w) => {
       s && w.removeEventListener("scroll", n), r && w.removeEventListener("resize", n);
-    }), p == null || p(), (y = g) == null || y.disconnect(), g = null, l && cancelAnimationFrame(B);
+    }), p == null || p(), (y = g) == null || y.disconnect(), g = null, l && cancelAnimationFrame(I);
   };
 }
 const mn = Nr, _n = qr, gn = zr, _o = Hr, go = Dr, bo = (t, e, n) => {
@@ -1320,7 +1320,7 @@ function bn(t, e, n) {
   }), l = M(() => {
     var P;
     return (P = Ot(n.transform)) != null ? P : !0;
-  }), u = M(() => jn(t.value)), c = M(() => jn(e.value)), p = D(0), b = D(0), g = D(a.value), B = D(o.value), L = or({}), x = D(!1), y = M(() => {
+  }), u = M(() => jn(t.value)), c = M(() => jn(e.value)), p = D(0), b = D(0), g = D(a.value), I = D(o.value), L = or({}), x = D(!1), y = M(() => {
     const P = {
       position: g.value,
       left: "0",
@@ -1328,17 +1328,17 @@ function bn(t, e, n) {
     };
     if (!c.value)
       return P;
-    const Y = Si(c.value, p.value), I = Si(c.value, b.value);
+    const Y = Si(c.value, p.value), O = Si(c.value, b.value);
     return l.value ? {
       ...P,
-      transform: "translate(" + Y + "px, " + I + "px)",
+      transform: "translate(" + Y + "px, " + O + "px)",
       ...Cs(c.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: g.value,
       left: Y + "px",
-      top: I + "px"
+      top: O + "px"
     };
   });
   let w;
@@ -1351,7 +1351,7 @@ function bn(t, e, n) {
       placement: o.value,
       strategy: a.value
     }).then((Y) => {
-      p.value = Y.x, b.value = Y.y, g.value = Y.strategy, B.value = Y.placement, L.value = Y.middlewareData, x.value = P !== !1;
+      p.value = Y.x, b.value = Y.y, g.value = Y.strategy, I.value = Y.placement, L.value = Y.middlewareData, x.value = P !== !1;
     });
   }
   function T() {
@@ -1380,7 +1380,7 @@ function bn(t, e, n) {
     x: St(p),
     y: St(b),
     strategy: St(g),
-    placement: St(B),
+    placement: St(I),
     middlewareData: St(L),
     isPositioned: St(x),
     floatingStyles: y,
@@ -1427,7 +1427,8 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
     status: { type: Boolean },
     preventXss: { type: Boolean },
     iconName: {},
-    hideDelay: {}
+    hideDelay: {},
+    showDelay: {}
   },
   setup(t) {
     const e = {
@@ -1437,7 +1438,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       left: "right"
     }, n = D(null), i = D(null), s = D(!1);
     typeof window < "u" && window.wasTooltipShown === void 0 && (window.wasTooltipShown = !1);
-    const r = t, o = D(null), a = D(null), l = D(null), u = D(!1), c = M(() => r.preventXss ? ko(r.text) : r.text), { floatingStyles: p, update: b, middlewareData: g, placement: B } = bn(a, o, {
+    const r = t, o = D(null), a = D(null), l = D(null), u = D(!1), c = M(() => r.preventXss ? ko(r.text) : r.text), { floatingStyles: p, update: b, middlewareData: g, placement: I } = bn(a, o, {
       placement: M(() => r.placement || "bottom"),
       strategy: "fixed",
       whileElementsMounted: pn,
@@ -1448,19 +1449,21 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
         yo({ element: l, padding: Vn })
       ]
     }), L = () => {
-      n.value && (clearTimeout(n.value), n.value = null), i.value && (clearTimeout(i.value), i.value = null), window.wasTooltipShown ? u.value = !0 : n.value = setTimeout(() => {
+      n.value && (clearTimeout(n.value), n.value = null), i.value && (clearTimeout(i.value), i.value = null);
+      const O = r.showDelay ?? Oo;
+      window.wasTooltipShown || O <= 0 ? u.value = !0 : n.value = setTimeout(() => {
         if (!s.value) {
           n.value = null;
           return;
         }
         u.value = !0, window.wasTooltipShown = !0, n.value = null;
-      }, Oo);
+      }, O);
     }, x = () => {
       n.value && (clearTimeout(n.value), n.value = null), i.value && (clearTimeout(i.value), i.value = null);
-      const I = r.hideDelay ?? 0;
-      I > 0 ? i.value = setTimeout(() => {
+      const O = r.hideDelay ?? 0;
+      O > 0 ? i.value = setTimeout(() => {
         s.value && (u.value = !1), i.value = null;
-      }, I) : u.value = !1;
+      }, O) : u.value = !1;
     }, y = () => {
       L();
     }, w = () => {
@@ -1481,14 +1484,14 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       ...p.value,
       display: T.value ? "inline-block" : "none"
     })), q = M(() => {
-      const [I] = B.value.split("-");
+      const [O] = I.value.split("-");
       return {
-        [e[I]]: "-4px"
+        [e[O]]: "-4px"
       };
     }), P = M(() => {
       if (!r.arrowPlacement)
         return {};
-      const [I] = B.value.split("-"), z = I === "top" || I === "bottom" ? "left" : "top";
+      const [O] = I.value.split("-"), z = O === "top" || O === "bottom" ? "left" : "top";
       switch (r.arrowPlacement) {
         case "start":
           return { [z]: `${Vn}px` };
@@ -1500,9 +1503,9 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
           return {};
       }
     }), Y = M(() => {
-      var I, z;
+      var O, z;
       return l.value ? {
-        left: ((I = g.value.arrow) == null ? void 0 : I.x) != null ? `${g.value.arrow.x}px` : "",
+        left: ((O = g.value.arrow) == null ? void 0 : O.x) != null ? `${g.value.arrow.x}px` : "",
         top: ((z = g.value.arrow) == null ? void 0 : z.y) != null ? `${g.value.arrow.y}px` : "",
         right: "",
         bottom: "",
@@ -1510,23 +1513,23 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
         ...P.value
       } : {};
     });
-    return (I, z) => (f(), _(de, null, [
-      O("div", {
-        id: I.id,
+    return (O, z) => (f(), _(de, null, [
+      B("div", {
+        id: O.id,
         ref_key: "triggerRef",
         ref: a,
         class: k(h(jt).trigger),
         onMouseenter: y,
         onMouseleave: w
       }, [
-        I.iconName ? (f(), re(h(ne), {
+        O.iconName ? (f(), re(h(ne), {
           key: 0,
           color: h(jt).trigger__icon,
-          name: I.iconName
-        }, null, 8, ["color", "name"])) : Ae(I.$slots, "default", { key: 1 })
+          name: O.iconName
+        }, null, 8, ["color", "name"])) : Ae(O.$slots, "default", { key: 1 })
       ], 42, Lo),
       (f(), re(hs, { to: "body" }, [
-        O("div", {
+        B("div", {
           ref_key: "tooltipRef",
           ref: o,
           class: k(["qa-tooltip", h(jt).bubble]),
@@ -1534,13 +1537,13 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
           onMouseenter: y,
           onMouseleave: w
         }, [
-          I.$slots.contentSlot ? Ae(I.$slots, "contentSlot", { key: 0 }) : (f(), _("div", {
+          O.$slots.contentSlot ? Ae(O.$slots, "contentSlot", { key: 0 }) : (f(), _("div", {
             key: 1,
             class: k(h(jt).bubble__content)
           }, [
-            O("div", { innerHTML: c.value }, null, 8, Mo)
+            B("div", { innerHTML: c.value }, null, 8, Mo)
           ], 2)),
-          I.$slots.contentSlot ? V("", !0) : (f(), _("div", {
+          O.$slots.contentSlot ? V("", !0) : (f(), _("div", {
             key: 2,
             ref_key: "floatingArrowRef",
             ref: l,
@@ -1611,9 +1614,9 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
     function p(d) {
       return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
     }
-    const b = D(""), g = M(() => c(n.min, n.format)), B = M(() => c(n.max, n.format));
+    const b = D(""), g = M(() => c(n.min, n.format)), I = M(() => c(n.max, n.format));
     function L(d) {
-      const A = p(d), v = g.value ? p(g.value) : null, C = B.value ? p(B.value) : null;
+      const A = p(d), v = g.value ? p(g.value) : null, C = I.value ? p(I.value) : null;
       return (v === null || A >= v) && (C === null || A <= C);
     }
     const x = M(() => c(b.value, n.format)), y = M(() => x.value !== null && L(x.value));
@@ -1660,7 +1663,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       const d = T.value.month - 1;
       T.value = d < 0 ? { year: T.value.year - 1, month: 11 } : { year: T.value.year, month: d };
     }
-    function I() {
+    function O() {
       const d = T.value.month + 1;
       T.value = d > 11 ? { year: T.value.year + 1, month: 0 } : { year: T.value.year, month: d };
     }
@@ -1701,7 +1704,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       "data-testid": "calendar",
       style: _e({ width: `${d.width}px` })
     }, [
-      O("input", {
+      B("input", {
         value: b.value,
         type: "text",
         class: "ab-calendar__input",
@@ -1713,8 +1716,8 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
         autocomplete: "off",
         onInput: ie
       }, null, 40, Bo),
-      O("div", Io, [
-        O("button", {
+      B("div", Io, [
+        B("button", {
           type: "button",
           class: "ab-calendar__nav",
           "data-testid": "calendar-prev",
@@ -1727,13 +1730,13 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             size: 14
           })
         ], 8, Eo),
-        O("span", $o, N(H.value), 1),
-        O("button", {
+        B("span", $o, N(H.value), 1),
+        B("button", {
           type: "button",
           class: "ab-calendar__nav",
           "data-testid": "calendar-next",
           "aria-label": d.nextMonthLabel,
-          onClick: I
+          onClick: O
         }, [
           ee(ne, {
             class: "ab-calendar__nav-icon",
@@ -1742,13 +1745,13 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
           })
         ], 8, Ro)
       ]),
-      O("div", Vo, [
+      B("div", Vo, [
         (f(!0), _(de, null, Te(q.value, (v) => (f(), _("span", {
           key: v,
           class: "ab-calendar__weekday"
         }, N(v), 1))), 128))
       ]),
-      O("div", Do, [
+      B("div", Do, [
         (f(!0), _(de, null, Te(P.value, (v) => (f(), _(de, {
           key: v.key
         }, [
@@ -1759,7 +1762,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             placement: "top"
           }, {
             default: Me(() => [
-              O("button", {
+              B("button", {
                 type: "button",
                 class: k(["ab-calendar__day ab-calendar__day--disabled", { "ab-calendar__day--muted": !v.inCurrentMonth }]),
                 "data-testid": "calendar-day",
@@ -1789,7 +1792,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
           }, N(v.label), 11, Po))
         ], 64))), 128))
       ]),
-      O("div", Fo, [
+      B("div", Fo, [
         ee($t, {
           variant: "ghost",
           color: "secondary",
@@ -1867,7 +1870,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
           size: 24
         }, null, 8, ["class", "name"])) : V("", !0)
       ], 2)) : V("", !0),
-      O("span", {
+      B("span", {
         class: k(h(st).chip__label)
       }, N(a.label), 3),
       a.removable ? (f(), _("button", {
@@ -1922,7 +1925,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       ]),
       for: o.id
     }, [
-      O("input", {
+      B("input", {
         id: o.id,
         type: "checkbox",
         checked: s.value,
@@ -1932,7 +1935,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
         value: o.value,
         onChange: r
       }, null, 42, na),
-      O("span", {
+      B("span", {
         class: k(h(Lt).checkbox__box)
       }, [
         s.value ? (f(), re(h(ne), {
@@ -1969,7 +1972,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
     return (i, s) => (f(), _("div", {
       class: k(n.value)
     }, [
-      O("div", {
+      B("div", {
         class: k(h(sn).colorPreview__container)
       }, [
         (f(!0), _(de, null, Te(i.colors, (r, o) => (f(), _("div", {
@@ -2052,7 +2055,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
     }, g = () => {
       let m = "";
       return n.allowDecimal && (m += "."), n.allowComma && (m += ","), new RegExp(`[${m}]`, "g");
-    }, B = () => {
+    }, I = () => {
       let m = "0-9";
       return n.allowDecimal && (m += "\\."), n.allowComma && (m += ","), new RegExp(`[^${m}]+`, "g");
     }, L = (m) => {
@@ -2061,7 +2064,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       const d = m.target, { selectionStart: A } = d;
       if (A === null)
         return;
-      const v = A - 1, { value: C } = m.target, E = B(), F = [...C.matchAll(E)].map((U) => U.index);
+      const v = A - 1, { value: C } = m.target, E = I(), F = [...C.matchAll(E)].map((U) => U.index);
       m.target.value = C.replace(E, ""), F.length > 0 && v >= 0 && d.setSelectionRange(v, v);
     }, x = (m) => {
       if (!(m != null && m.target))
@@ -2120,7 +2123,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       const d = m.target, A = d.selectionStart, v = d.selectionEnd;
       if (A === null || v === null)
         return;
-      const { value: C } = d, E = C.includes(".") || C.includes(","), F = ((te = m.clipboardData) == null ? void 0 : te.getData("text/plain")) || "", U = g(), G = B();
+      const { value: C } = d, E = C.includes(".") || C.includes(","), F = ((te = m.clipboardData) == null ? void 0 : te.getData("text/plain")) || "", U = g(), G = I();
       let Z = F.replace(G, "");
       const Ke = [...Z.matchAll(U)], ke = [];
       Ke.forEach((he) => {
@@ -2132,7 +2135,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       }), Z = xe.join("");
       const S = A + Z.length, X = C.slice(0, A) + Z + C.slice(v);
       d.value = X, d.setSelectionRange(S, S), s.value = X, i("input", X), i("update:modelValue", X);
-    }, I = (m) => {
+    }, O = (m) => {
       i("leftIconClick", m);
     }, z = (m) => {
       i("rightIconClick", m);
@@ -2169,9 +2172,9 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
         class: "in-basic-text-input-wrapper__label",
         for: m.id
       }, [
-        O("span", { innerHTML: r.value }, null, 8, aa)
+        B("span", { innerHTML: r.value }, null, 8, aa)
       ], 8, oa)) : V("", !0),
-      O("div", la, [
+      B("div", la, [
         m.$slots.leftSlot ? (f(), _("div", ua, [
           Ae(m.$slots, "leftSlot", {}, void 0, !0)
         ])) : V("", !0),
@@ -2180,9 +2183,9 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
           class: "in-basic-text-input-wrapper__icon-left",
           name: m.leftIconName,
           size: 24,
-          onClick: I
+          onClick: O
         }, null, 8, ["name"])) : V("", !0),
-        O("input", {
+        B("input", {
           id: m.id,
           ref_key: "textInput",
           ref: W,
@@ -2252,7 +2255,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       onClick: s[0] || (s[0] = (r) => i.$emit("click"))
     }, [
       i.isTransparent || n.value ? (f(), _("div", ba, [
-        s[1] || (s[1] = O("div", { class: "color-swatch__checkerboard" }, null, -1)),
+        s[1] || (s[1] = B("div", { class: "color-swatch__checkerboard" }, null, -1)),
         n.value ? (f(), _("div", {
           key: 0,
           class: "color-swatch__color-overlay",
@@ -2308,7 +2311,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
   },
   emits: ["color-change", "close"],
   setup(t, { emit: e }) {
-    const n = t, i = e, s = D(0), r = D(0), o = D(0.4), a = D(1), l = D("666666"), u = D([]), c = D(!1), p = D(null), b = D(null), g = D(null), B = M(() => {
+    const n = t, i = e, s = D(0), r = D(0), o = D(0.4), a = D(1), l = D("666666"), u = D([]), c = D(!1), p = D(null), b = D(null), g = D(null), I = M(() => {
       const d = n.presetColors || [], A = [], v = 11, C = n.firstRowCount;
       if (d.length === 0)
         return A;
@@ -2333,7 +2336,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
     }), ce(
       () => n.color,
       (d) => {
-        d && (c.value = !0, d.toLowerCase() === "transparent" ? m() : I(d), setTimeout(() => {
+        d && (c.value = !0, d.toLowerCase() === "transparent" ? m() : O(d), setTimeout(() => {
           c.value = !1;
         }, 0));
       },
@@ -2355,6 +2358,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
         l.value = A;
     }
     function R(d) {
+      a.value === 0 && (a.value = 1);
       const A = (E) => {
         if (!p.value)
           return;
@@ -2370,6 +2374,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       document.addEventListener("mousemove", v), document.addEventListener("mouseup", C);
     }
     function T(d) {
+      a.value === 0 && (a.value = 1);
       const A = (E) => {
         if (!b.value)
           return;
@@ -2401,18 +2406,18 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
     }
     function q(d) {
       const A = n.showOpacityInHex ? 8 : 6, v = String(d).replace(/[^0-9A-Fa-f]/g, "").slice(0, A).toUpperCase();
-      l.value = v, n.showOpacityInHex ? (v.length === 6 || v.length === 8) && I(v) : v.length === 6 && I(v);
+      l.value = v, n.showOpacityInHex ? (v.length === 6 || v.length === 8) && O(v) : v.length === 6 && O(v);
     }
     function P(d) {
       var E;
       const A = ((E = d.clipboardData) == null ? void 0 : E.getData("text")) || "", v = n.showOpacityInHex ? 8 : 6, C = A.replace(/^#/, "").replace(/[^0-9A-Fa-f]/g, "").slice(0, v).toUpperCase();
-      n.showOpacityInHex ? C.length === 6 || C.length === 8 ? (l.value = C, I(C), d.preventDefault()) : C.length > 0 && (l.value = C, d.preventDefault()) : C.length === 6 ? (l.value = C, I(C), d.preventDefault()) : C.length > 0 && (l.value = C, d.preventDefault());
+      n.showOpacityInHex ? C.length === 6 || C.length === 8 ? (l.value = C, O(C), d.preventDefault()) : C.length > 0 && (l.value = C, d.preventDefault()) : C.length === 6 ? (l.value = C, O(C), d.preventDefault()) : C.length > 0 && (l.value = C, d.preventDefault());
     }
     function Y() {
       const d = n.showOpacityInHex ? 8 : 6;
       l.value.length !== d && w();
     }
-    function I(d) {
+    function O(d) {
       const A = d.startsWith("#") ? d.slice(1) : d, v = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(A), C = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(A), E = C || v;
       if (!E) {
         const te = /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/.exec(d);
@@ -2451,24 +2456,24 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       u.value.includes(d) || u.value.push(d);
     }
     function ae(d) {
-      I(d);
+      O(d);
     }
     function m() {
       l.value = "", a.value = 0, s.value = 0, r.value = 0, o.value = 0.4, i("color-change", "transparent");
     }
     return (d, A) => (f(), _("div", ya, [
-      O("div", wa, [
-        O("div", ka, [
-          O("h3", xa, N(d.title), 1)
+      B("div", wa, [
+        B("div", ka, [
+          B("h3", xa, N(d.title), 1)
         ]),
         d.$slots.tabs ? (f(), _("div", Ca, [
           Ae(d.$slots, "tabs", {}, void 0, !0)
         ])) : V("", !0)
       ]),
-      O("div", Aa, [
-        O("div", Ta, [
-          O("div", Sa, [
-            O("div", {
+      B("div", Aa, [
+        B("div", Ta, [
+          B("div", Sa, [
+            B("div", {
               ref_key: "colorPickerRef",
               ref: p,
               class: "color-picker__color-canvas",
@@ -2478,41 +2483,41 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
               }),
               onMousedown: R
             }, [
-              O("div", {
+              B("div", {
                 class: "color-picker__color-indicator",
                 style: _e({ left: `${r.value * 100}%`, top: `${(1 - o.value) * 100}%` })
               }, null, 4)
             ], 36)
           ]),
-          O("div", La, [
-            O("div", {
+          B("div", La, [
+            B("div", {
               ref_key: "hueSliderRef",
               ref: b,
               class: "color-picker__hue-slider",
               onMousedown: T
             }, [
-              O("div", {
+              B("div", {
                 class: "color-picker__hue-indicator",
                 style: _e({ top: `${s.value * 100}%` })
               }, null, 4)
             ], 544)
           ])
         ]),
-        O("div", Ma, [
-          O("div", {
+        B("div", Ma, [
+          B("div", {
             ref_key: "opacitySliderRef",
             ref: g,
             class: "color-picker__opacity-slider",
             onMousedown: H
           }, [
-            A[1] || (A[1] = O("div", { class: "color-picker__opacity-checkerboard" }, null, -1)),
-            O("div", {
+            A[1] || (A[1] = B("div", { class: "color-picker__opacity-checkerboard" }, null, -1)),
+            B("div", {
               class: "color-picker__opacity-gradient",
               style: _e({
                 background: `linear-gradient(to right, ${x.value}, transparent)`
               })
             }, null, 4),
-            O("div", {
+            B("div", {
               class: "color-picker__opacity-handle",
               style: _e({
                 left: `${(1 - a.value) * 100}%`
@@ -2520,7 +2525,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             }, null, 4)
           ], 544)
         ]),
-        O("div", Oa, [
+        B("div", Oa, [
           ee(Kt, {
             id: "color-picker-hex-input",
             name: "hex-input",
@@ -2535,7 +2540,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             onPaste: P
           }, null, 8, ["modelValue"])
         ]),
-        (f(!0), _(de, null, Te(B.value, (v, C) => (f(), _("div", {
+        (f(!0), _(de, null, Te(I.value, (v, C) => (f(), _("div", {
           key: `preset-row-${C}`,
           class: "color-picker__preset-row"
         }, [
@@ -2553,11 +2558,11 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             key: `preset-${C}-${F}`,
             color: E,
             "is-transparent": E === "transparent",
-            onClick: (U) => E === "transparent" ? z(0) : I(E)
+            onClick: (U) => E === "transparent" ? z(0) : O(E)
           }, null, 8, ["color", "is-transparent", "onClick"]))), 128))
         ]))), 128)),
-        B.value.length === 0 ? (f(), _("div", Ba, [
-          O("div", {
+        I.value.length === 0 ? (f(), _("div", Ba, [
+          B("div", {
             class: "color-picker__no-color",
             onClick: m
           }, [
@@ -2573,13 +2578,13 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             color: v,
             onClick: (E) => ae(v)
           }, null, 8, ["color", "onClick"]))), 128)),
-          O("button", {
+          B("button", {
             class: "color-picker__save-button",
             title: "Save current color",
             onClick: ie
           })
         ])) : d.showSaveButton ? (f(), _("div", Ea, [
-          O("button", {
+          B("button", {
             class: "color-picker__save-button",
             title: "Save current color",
             onClick: ie
@@ -2588,7 +2593,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       ])
     ]));
   }
-}), Jp = /* @__PURE__ */ Se($a, [["__scopeId", "data-v-8af9dd2c"]]), Ts = {
+}), Jp = /* @__PURE__ */ Se($a, [["__scopeId", "data-v-b7a1391b"]]), Ts = {
   mounted(t, e) {
     t.clickOutsideEvent = (i) => {
       const s = (e.value.exclude || []).filter((o) => o.value).map((o) => o.value);
@@ -2656,39 +2661,39 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(t, { emit: e }) {
-    const n = Ts, i = t, s = e, r = D(), o = D(), a = D(!1), l = D(null), u = D(""), c = D(null), p = D({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: i.menuHeight }), b = bi([...i.items]), g = bi([...i.items]), B = () => {
+    const n = Ts, i = t, s = e, r = D(), o = D(), a = D(!1), l = D(null), u = D(""), c = D(null), p = D({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: i.menuHeight }), b = bi([...i.items]), g = bi([...i.items]), I = () => {
       if (!r.value)
         return;
-      const { offsetTop: I, offsetLeft: z, offsetWidth: W } = r.value, ie = window.innerHeight, ae = I + r.value.offsetHeight, m = ae + i.menuHeight > ie;
+      const { offsetTop: O, offsetLeft: z, offsetWidth: W } = r.value, ie = window.innerHeight, ae = O + r.value.offsetHeight, m = ae + i.menuHeight > ie;
       p.value = {
         x: z + window.scrollX,
-        y: m ? I + window.scrollY : ae + window.scrollY,
+        y: m ? O + window.scrollY : ae + window.scrollY,
         width: W,
         shouldOpenUp: m,
         height: i.menuHeight
       };
     }, L = () => {
-      B(), a.value = !a.value;
+      I(), a.value = !a.value;
     }, x = () => {
       c.value = null, u.value = "", b.splice(0, b.length, ...g);
     }, y = () => {
       a.value = !1, x();
-    }, w = (I) => {
-      l.value = I, s("select-item", I), s("update:modelValue", I.value), y();
+    }, w = (O) => {
+      l.value = O, s("select-item", O), s("update:modelValue", O.value), y();
     }, R = () => {
-      const I = u.value.trim(), z = i.validateAddItem(I, g);
+      const O = u.value.trim(), z = i.validateAddItem(O, g);
       if (z) {
         c.value = z, s("add-error", z);
         return;
       }
       const W = {
-        text: I,
-        value: I
+        text: O,
+        value: O
       };
       g.push(W), x(), s("item-added", W);
     }, T = () => {
-      const I = vn(g, "text", u.value);
-      b.splice(0, b.length, ...I);
+      const O = vn(g, "text", u.value);
+      b.splice(0, b.length, ...O);
     }, H = () => {
       c.value = "";
     }, q = M(() => ({
@@ -2698,38 +2703,38 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       height: `${i.menuHeight}px`
     }));
     wt(() => {
-      if (B(), i.modelValue) {
-        const I = g.find((z) => z.value === i.modelValue);
-        I && (l.value = I);
+      if (I(), i.modelValue) {
+        const O = g.find((z) => z.value === i.modelValue);
+        O && (l.value = O);
       }
     });
     const P = M(() => l.value ? l.value.text : "");
-    ce(() => i.modelValue, (I) => {
+    ce(() => i.modelValue, (O) => {
       var z;
-      if (((z = l.value) == null ? void 0 : z.value) !== I) {
-        const W = g.find((ie) => ie.value === I);
+      if (((z = l.value) == null ? void 0 : z.value) !== O) {
+        const W = g.find((ie) => ie.value === O);
         W && (l.value = W);
       }
     }), ce(
       () => i.items,
-      (I) => {
-        g.splice(0, g.length, ...I), b.splice(0, b.length, ...I);
+      (O) => {
+        g.splice(0, g.length, ...O), b.splice(0, b.length, ...O);
       },
       { deep: !0 }
     );
     const Y = D({ handler: y, exclude: [r, o] });
-    return (I, z) => (f(), _(de, null, [
-      O("div", {
+    return (O, z) => (f(), _(de, null, [
+      B("div", {
         ref_key: "dropdownRef",
         ref: r,
         class: k(h(be).dropdown)
       }, [
-        I.label ? (f(), _("label", {
+        O.label ? (f(), _("label", {
           key: 0,
           class: k(h(be).dropdown__label),
-          for: I.id
-        }, N(I.label), 11, Ka)) : V("", !0),
-        O("button", {
+          for: O.id
+        }, N(O.label), 11, Ka)) : V("", !0),
+        B("button", {
           class: k([
             h(be).dropdown__valueContent,
             {
@@ -2738,13 +2743,13 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
           ]),
           onClick: L
         }, [
-          O("span", {
+          B("span", {
             class: k(h(be).dropdown__value)
           }, N(P.value), 3),
-          I.placeholder && !P.value ? (f(), _("span", {
+          O.placeholder && !P.value ? (f(), _("span", {
             key: 0,
             class: k(h(be).dropdown__placeholder)
-          }, N(I.placeholder), 3)) : V("", !0),
+          }, N(O.placeholder), 3)) : V("", !0),
           (f(), _("svg", {
             fill: "none",
             height: "17",
@@ -2753,7 +2758,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             xmlns: "http://www.w3.org/2000/svg",
             class: k(h(be).dropdown__arrowIcon)
           }, z[2] || (z[2] = [
-            O("path", {
+            B("path", {
               d: "M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",
               fill: "#91949F"
             }, null, -1)
@@ -2772,10 +2777,10 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
           key: 0,
           class: k(h(be).menu__searchContainer)
         }, [
-          O("div", {
+          B("div", {
             class: k(h(be).menu__searchInputWrap)
           }, [
-            cn(O("input", {
+            cn(B("input", {
               type: "text",
               class: k([
                 h(be).menu__searchInput,
@@ -2783,7 +2788,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
                   [h(be)["menu__searchInput--error"]]: c.value
                 }
               ]),
-              placeholder: I.searchPlaceHolder,
+              placeholder: O.searchPlaceHolder,
               "onUpdate:modelValue": z[0] || (z[0] = (W) => u.value = W),
               onFocus: H,
               onInput: T
@@ -2799,9 +2804,9 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             key: 0,
             class: k(h(be).menu__addButton),
             onClick: R
-          }, N(I.addButtonText), 3)) : V("", !0)
+          }, N(O.addButtonText), 3)) : V("", !0)
         ], 2)) : V("", !0),
-        O("ul", {
+        B("ul", {
           class: k(h(be).menu__itemContainer)
         }, [
           (f(!0), _(de, null, Te(b, (W, ie) => (f(), _("li", {
@@ -2889,7 +2894,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
         h(Ce)[i.value]
       ])
     }, [
-      O("div", {
+      B("div", {
         class: k([
           h(Ce)["in-info-box__container"],
           { [h(Ce)["in-info-box__container-full-width"]]: o.fullWidthContentStatus }
@@ -2902,7 +2907,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             { [h(Ce)["in-info-box__heading-wrapper-full-width"]]: o.fullWidthContentStatus }
           ])
         }, [
-          O("div", {
+          B("div", {
             class: k([
               h(Ce)["in-info-box__heading"],
               h(Ce)[`in-info-box__heading-${r.value}`],
@@ -2919,7 +2924,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             innerHTML: o.descriptionText
           }, null, 10, nl)) : V("", !0)
         ], 2)) : V("", !0),
-        O("div", {
+        B("div", {
           class: k(h(Ce)["in-info-box__content"])
         }, [
           Ae(o.$slots, "default")
@@ -3012,13 +3017,13 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
     const n = t, i = e, s = D(null), r = D(null), o = D(null), a = D(""), l = D(""), u = /* @__PURE__ */ new Map(), c = `in-cascading-menu-search-${Math.random().toString(36).slice(2, 9)}`, p = M(() => n.searchInputId ?? c), b = M(() => `${p.value}-child`), g = M(() => n.items.flatMap((S) => "kind" in S && S.kind === "group" ? [
       { type: "group-header", label: S.label },
       ...S.items.map((X) => ({ type: "item", item: X }))
-    ] : [{ type: "item", item: S }])), B = M(() => g.value.filter((S) => S.type === "item").map((S) => S.item)), L = M(() => n.searchable), x = M(() => L.value && l.value.trim().length > 0), y = M(() => {
+    ] : [{ type: "item", item: S }])), I = M(() => g.value.filter((S) => S.type === "item").map((S) => S.item)), L = M(() => n.searchable), x = M(() => L.value && l.value.trim().length > 0), y = M(() => {
       const S = {
         width: `${n.width}px`,
         maxWidth: `${n.width}px`
       };
       return n.menuMaxHeight && (S.maxHeight = `${n.menuMaxHeight}px`), S;
-    }), w = M(() => ({ width: `${n.listWidth}px` })), R = M(() => o.value ? B.value.find((S) => S.id === o.value) ?? null : null), T = M(() => {
+    }), w = M(() => ({ width: `${n.listWidth}px` })), R = M(() => o.value ? I.value.find((S) => S.id === o.value) ?? null : null), T = M(() => {
       var S;
       return ((S = R.value) == null ? void 0 : S.subList) ?? null;
     }), H = M(() => o.value ? u.get(o.value) ?? null : null), q = M(() => n.open && !x.value && T.value !== null), P = M(() => n.anchor), { floatingStyles: Y } = bn(P, s, {
@@ -3026,7 +3031,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
       strategy: "fixed",
       whileElementsMounted: pn,
       middleware: [mn(3), gn(), _n({ padding: 8 })]
-    }), I = M(() => n.submenuPlacement === "left"), z = M(() => I.value ? "left-start" : "right-start"), W = M(() => I.value ? ["right-start"] : ["left-start"]), ie = M(() => [
+    }), O = M(() => n.submenuPlacement === "left"), z = M(() => O.value ? "left-start" : "right-start"), W = M(() => O.value ? ["right-start"] : ["left-start"]), ie = M(() => [
       mn({ mainAxis: 0, crossAxis: -8 }),
       gn({ fallbackPlacements: W.value }),
       _n({ padding: 8 }),
@@ -3131,7 +3136,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             "onUpdate:modelValue": G
           }, null, 8, ["id", "model-value", "placeholder-text"])
         ])) : V("", !0),
-        O("div", {
+        B("div", {
           class: k(["in-cascading-menu__body", { "is-flat-search": x.value }])
         }, [
           S.loading ? (f(), _("div", rl, [
@@ -3147,13 +3152,13 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
                 name: "line-no-search-result",
                 size: 40
               }),
-              O("span", ll, N(S.emptySearchText), 1)
+              B("span", ll, N(S.emptySearchText), 1)
             ])) : (f(), _("div", ul, [
               (f(!0), _(de, null, Te(d.value, (j) => (f(), _("section", {
                 key: j.parentId,
                 class: "in-cascading-menu__flat-group"
               }, [
-                O("h4", cl, N(j.parentLabel), 1),
+                B("h4", cl, N(j.parentLabel), 1),
                 (f(!0), _(de, null, Te(j.items, (te) => (f(), _("button", {
                   key: `${j.parentId}-${te.id}`,
                   class: k(["in-cascading-menu__list-item", {
@@ -3166,8 +3171,8 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
                   disabled: te.disabled,
                   onClick: (he) => F(j.parentId, te)
                 }, [
-                  O("span", hl, [
-                    O("span", fl, N(te.label), 1),
+                  B("span", hl, [
+                    B("span", fl, N(te.label), 1),
                     te.subtitle ? (f(), _("span", pl, N(te.subtitle), 1)) : V("", !0)
                   ]),
                   te.meta ? (f(), _("span", ml, N(te.meta), 1)) : V("", !0)
@@ -3193,7 +3198,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
               onFocus: (he) => C(j.item),
               onMouseenter: (he) => C(j.item)
             }, [
-              O("span", bl, N(j.item.label), 1),
+              B("span", bl, N(j.item.label), 1),
               j.item.hasChildren || j.item.subList ? (f(), re(ne, {
                 key: 0,
                 class: "in-cascading-menu__item-chevron",
@@ -3227,7 +3232,7 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             "onUpdate:modelValue": Z
           }, null, 8, ["id", "model-value", "placeholder-text"])
         ])) : V("", !0),
-        O("div", wl, [
+        B("div", wl, [
           T.value.loading ? (f(), _("div", kl, [
             ee(ne, {
               class: "in-cascading-menu__spinner-icon",
@@ -3236,13 +3241,13 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
             }),
             S.loadingText ? (f(), _("span", xl, N(S.loadingText), 1)) : V("", !0)
           ])) : T.value.error ? (f(), _("div", Cl, [
-            O("span", Al, N(T.value.error), 1)
+            B("span", Al, N(T.value.error), 1)
           ])) : m.value.length === 0 && a.value ? (f(), _("div", Tl, [
             ee(ne, {
               name: "line-no-search-result",
               size: 40
             }),
-            O("span", Sl, N(T.value.noResultText || "No Search Result"), 1)
+            B("span", Sl, N(T.value.noResultText || "No Search Result"), 1)
           ])) : m.value.length === 0 ? (f(), _("div", Ll, [
             ee(ne, {
               name: "line-empty-box",
@@ -3262,8 +3267,8 @@ const xo = "_bubble_6zub9_1", Co = "_trigger_6zub9_43", Ao = "_trigger__icon_6zu
               onMousedown: X[0] || (X[0] = Jt(() => {
               }, ["prevent"]))
             }, [
-              O("span", Il, [
-                O("span", El, N(j.label), 1),
+              B("span", Il, [
+                B("span", El, N(j.label), 1),
                 j.subtitle ? (f(), _("span", $l, N(j.subtitle), 1)) : V("", !0)
               ]),
               j.meta ? (f(), _("span", Rl, N(j.meta), 1)) : V("", !0)
@@ -3308,12 +3313,12 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
     function g() {
       !i.clearable || !u.value || (s("update:modelValue", ""), s("clear"));
     }
-    function B() {
+    function I() {
       var x, y;
       const L = (y = (x = l.value) == null ? void 0 : x.$el) == null ? void 0 : y.querySelector("input");
       L == null || L.focus();
     }
-    return e({ focus: B }), (L, x) => (f(), _("div", {
+    return e({ focus: I }), (L, x) => (f(), _("div", {
       class: k([h(Bi).root, L.size === "medium" && h(Bi).sizeMedium]),
       onKeydown: b
     }, [
@@ -3413,7 +3418,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
         ]),
         _: 1
       }, 8, ["for"])) : V("", !0),
-      O("button", {
+      B("button", {
         id: `${h(r)}-trigger`,
         ref_key: "triggerRef",
         ref: o,
@@ -3441,7 +3446,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
           ]),
           _: 1
         }, 8, ["class", "variant"]),
-        O("span", {
+        B("span", {
           class: k([h(Ne).chevron, { [h(Ne).isOpen]: p.isOpen }])
         }, [
           ee(ne, {
@@ -3510,7 +3515,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
         return "right-end";
       const T = s.position === "top" ? "top" : "bottom";
       return s.align === "center" ? T : s.align === "right" ? `${T}-end` : `${T}-start`;
-    }), b = M(() => s.positionStrategy === "fixed" ? "fixed" : "absolute"), g = M(() => [mn(s.gap), gn(), _n({ padding: au })]), { floatingStyles: B, isPositioned: L } = bn(l, a, {
+    }), b = M(() => s.positionStrategy === "fixed" ? "fixed" : "absolute"), g = M(() => [mn(s.gap), gn(), _n({ padding: au })]), { floatingStyles: I, isPositioned: L } = bn(l, a, {
       placement: p,
       strategy: b,
       middleware: g,
@@ -3561,7 +3566,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
           "popover__content--visible": h(L),
           "popover__content--elevated": T.elevated
         }]),
-        style: _e([h(B), x.value]),
+        style: _e([h(I), x.value]),
         onClick: H[0] || (H[0] = Jt(() => {
         }, ["prevent"]))
       }, [
@@ -3618,7 +3623,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
     );
     const g = () => {
       r.value = !1, b();
-    }, B = (w) => {
+    }, I = (w) => {
       o.value = w, s("select-item", w), s("update:modelValue", w.value), g();
     }, L = () => {
       const w = a.value.trim(), R = i.validateAddItem(w, c.value);
@@ -3683,7 +3688,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
         }, void 0, !0)
       ]),
       default: Me(() => [
-        O("div", {
+        B("div", {
           class: k(["in-dropdown-menu__menu", [`in-dropdown-menu__menu--${i.mode}`]]),
           onClick: R[1] || (R[1] = Jt(() => {
           }, ["prevent"]))
@@ -3728,7 +3733,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
                       "in-dropdown-menu__item--active": o.value && T.value === o.value.value
                     }
                   ]]),
-                  onClick: (Y) => B(T)
+                  onClick: (Y) => I(T)
                 }, [
                   Ae(w.$slots, "item", {
                     isSelected: ((q = o.value) == null ? void 0 : q.value) === T.value,
@@ -3747,7 +3752,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
                   variant: "ghost",
                   label: T.text,
                   "right-icon-name": i.showSelectedIcon && ((P = o.value) == null ? void 0 : P.value) === T.value ? "line-check-natural" : void 0,
-                  onClick: (Y) => B(T)
+                  onClick: (Y) => I(T)
                 }, null, 8, ["class", "label", "right-icon-name", "onClick"]))
               ]);
             }), 128))
@@ -3842,7 +3847,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
       x(), r("update:modelValue", w.value);
     }, g = (y) => {
       x(), r("cut", y);
-    }, B = (y) => {
+    }, I = (y) => {
       x(), r("paste", y);
     }, L = (y) => {
       x(), r("blur", y);
@@ -3866,7 +3871,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
         ]),
         for: y.id
       }, N(y.label), 11, gu)) : V("", !0),
-      O("textarea", {
+      B("textarea", {
         id: y.id,
         ref_key: "textareaRef",
         ref: o,
@@ -3889,7 +3894,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
         onInput: b,
         onKeypress: c,
         onKeyup: u,
-        onPaste: B
+        onPaste: I
       }, null, 46, bu),
       y.invalid ? (f(), _("p", {
         key: 1,
@@ -3913,7 +3918,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
       n.disabled || i("click", n.value);
     };
     return (r, o) => (f(), _("fieldset", vu, [
-      O("input", {
+      B("input", {
         id: r.id,
         class: "in-radio-button-wrapper__input",
         type: "radio",
@@ -3923,7 +3928,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
         value: r.value,
         onClick: s
       }, null, 8, yu),
-      O("label", {
+      B("label", {
         class: k(["in-radio-button-wrapper__label", { "in-radio-button-wrapper__label_disable": r.disabled }]),
         for: r.id
       }, N(r.label), 11, wu)
@@ -3961,7 +3966,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
         }
       ]])
     }, [
-      O("input", {
+      B("input", {
         id: l.id,
         ref_key: "inputRef",
         ref: s,
@@ -3972,7 +3977,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
         name: l.name,
         onChange: o
       }, null, 40, xu),
-      O("label", {
+      B("label", {
         class: "in-toggle-wrapper__label",
         for: l.id,
         onClick: a
@@ -4072,7 +4077,7 @@ const Dl = "_root_avx14_36", zl = "_sizeMedium_avx14_44", Bi = {
         name: a.value,
         size: u.iconSize
       }, null, 8, ["name", "size"])) : V("", !0),
-      O("input", {
+      B("input", {
         class: k(h(Mt).inputButton__input),
         disabled: n.disabled,
         placeholder: u.inputPlaceholder,
@@ -4342,7 +4347,7 @@ function Ju() {
       return Ee.css || (Ee.css = (await import("./css-BCREMVL9.js")).default), Ee.css(...t);
     },
     async liquid(...t) {
-      return Ee.liquid || (Ee.liquid = (await import("./liquid-CsB2chnD.js")).default), Ee.liquid(...t);
+      return Ee.liquid || (Ee.liquid = (await import("./liquid-DKvAYGwv.js")).default), Ee.liquid(...t);
     }
   };
 }
@@ -4473,11 +4478,11 @@ const ec = ["src"], dm = /* @__PURE__ */ J({
                 white-space: pre;
             }
         `, x.head.appendChild(q);
-        const Y = r.createDecorationsCollection(), I = r.getModel();
+        const Y = r.createDecorationsCollection(), O = r.getModel();
         if (o = w.editor.onDidChangeMarkers(() => {
-          if (!I)
+          if (!O)
             return;
-          const z = w.editor.getModelMarkers({ resource: I.uri }).filter((W) => W.severity === w.MarkerSeverity.Error);
+          const z = w.editor.getModelMarkers({ resource: O.uri }).filter((W) => W.severity === w.MarkerSeverity.Error);
           s.errorGlyph && Y.set(z.map((W) => ({
             range: new w.Range(W.startLineNumber, 1, W.startLineNumber, 1),
             options: {
@@ -4493,11 +4498,11 @@ const ec = ["src"], dm = /* @__PURE__ */ J({
             z.style.display = "none", W = null;
           };
           r.onMouseMove((ae) => {
-            if (ae.target.type !== w.editor.MouseTargetType.GUTTER_LINE_DECORATIONS || !ae.target.position || !I) {
+            if (ae.target.type !== w.editor.MouseTargetType.GUTTER_LINE_DECORATIONS || !ae.target.position || !O) {
               ie();
               return;
             }
-            const m = ae.target.position.lineNumber, d = w.editor.getModelMarkers({ resource: I.uri }).filter((F) => F.severity === w.MarkerSeverity.Error && F.startLineNumber === m);
+            const m = ae.target.position.lineNumber, d = w.editor.getModelMarkers({ resource: O.uri }).filter((F) => F.severity === w.MarkerSeverity.Error && F.startLineNumber === m);
             if (d.length === 0) {
               ie();
               return;
@@ -6375,8 +6380,8 @@ function* Gs(t, e, n) {
     if (c.localScope)
       for (const b of c.localScope()) {
         p.add(b.content), p.deleteAlias(b.content);
-        const [g, B] = b.getPosition();
-        r.push(new yt([b.content], { row: g, col: B, file: b.file }));
+        const [g, I] = b.getPosition();
+        r.push(new yt([b.content], { row: g, col: I, file: b.file }));
       }
     if (c.children)
       if (c.partialScope) {
@@ -6388,7 +6393,7 @@ function* Gs(t, e, n) {
         }
         if (a.has(b.name))
           return;
-        const g = /* @__PURE__ */ new Set(), B = b.isolated ? new ns(g) : p.push(g);
+        const g = /* @__PURE__ */ new Set(), I = b.isolated ? new ns(g) : p.push(g);
         for (const L of b.scope)
           if (Q(L))
             g.add(L);
@@ -6396,11 +6401,11 @@ function* Gs(t, e, n) {
             const [x, y] = L;
             g.add(x);
             const w = Array.from(is(y));
-            w.length && B.setAlias(x, w[0].segments);
+            w.length && I.setAlias(x, w[0].segments);
           }
         for (const L of yield c.children(e, n))
-          yield u(L, B), a.add(b.name);
-        B.pop();
+          yield u(L, I), a.add(b.name);
+        I.pop();
       } else {
         c.blockScope && p.push(new Set(c.blockScope()));
         for (const b of yield c.children(e, n))
@@ -8152,27 +8157,27 @@ const Kf = "_modalWrapper_192bl_36", Zf = "_medium_192bl_45", Xf = "_small_192bl
       }, null, 2)) : V("", !0),
       ee(ps, { name: "modal-transition" }, {
         default: Me(() => [
-          cn(O("div", {
+          cn(B("div", {
             class: k([h(Je).modalWrapper, h(Je)[n.size]])
           }, [
-            O("div", {
+            B("div", {
               class: k([h(Je).modal, h(Je)[n.size]])
             }, [
-              O("button", {
+              B("button", {
                 class: k(h(Je).close),
                 onClick: r
               }, " × ", 2),
-              O("div", {
+              B("div", {
                 class: k(h(Je).header)
               }, [
-                O("p", null, N(l.title), 1)
+                B("p", null, N(l.title), 1)
               ], 2),
-              O("div", {
+              B("div", {
                 class: k(h(Je).section)
               }, [
                 Ae(l.$slots, "section", {}, void 0, !0)
               ], 2),
-              O("div", {
+              B("div", {
                 class: k(h(Je).footer)
               }, [
                 ee(h($t), {
@@ -8247,7 +8252,7 @@ const Kf = "_modalWrapper_192bl_36", Zf = "_medium_192bl_45", Xf = "_small_192bl
           class: k(h(at).wrapper__label),
           for: a.id
         }, N(a.label), 11, pp)) : V("", !0),
-        O("input", {
+        B("input", {
           id: a.id,
           type: "number",
           class: k([
@@ -8406,7 +8411,7 @@ const Kf = "_modalWrapper_192bl_36", Zf = "_medium_192bl_45", Xf = "_small_192bl
           text: l.tooltip
         }, {
           default: Me(() => [
-            O("button", {
+            B("button", {
               type: "button",
               class: k([
                 h(le).button,
@@ -8577,7 +8582,7 @@ const Kf = "_modalWrapper_192bl_36", Zf = "_medium_192bl_45", Xf = "_small_192bl
           onInput: o,
           onPaste: l[7] || (l[7] = (c) => i("paste", c))
         }, null, 42, Dp)),
-        O("div", {
+        B("div", {
           class: k(h(He).wrapper__bottom)
         }, [
           a.error ? (f(), _("div", {
@@ -8620,7 +8625,7 @@ const Kf = "_modalWrapper_192bl_36", Zf = "_medium_192bl_45", Xf = "_small_192bl
         }
       ])
     }, [
-      O("input", {
+      B("input", {
         id: r.id,
         type: "checkbox",
         checked: r.checked,
@@ -8629,7 +8634,7 @@ const Kf = "_modalWrapper_192bl_36", Zf = "_medium_192bl_45", Xf = "_small_192bl
         name: r.name,
         onClick: s
       }, null, 10, Hp),
-      O("label", {
+      B("label", {
         class: k(h(Ut).wrapper__label),
         for: r.id
       }, null, 10, jp)
@@ -8683,8 +8688,8 @@ const Kf = "_modalWrapper_192bl_36", Zf = "_medium_192bl_45", Xf = "_small_192bl
             name: r.value,
             size: 24
           }, null, 8, ["name"]),
-          O("span", Up, N(c.text), 1),
-          O("button", {
+          B("span", Up, N(c.text), 1),
+          B("button", {
             class: "ab-toast__close",
             type: "button",
             "aria-label": c.closeAriaLabel,
@@ -8737,4 +8742,4 @@ export {
   Yt as y,
   Ts as z
 };
-//# sourceMappingURL=index-CyOskY0_.js.map
+//# sourceMappingURL=index-C5Z39dyx.js.map