@useinsider/ab-components 0.0.100 → 0.0.101

package/dist/ab-components.es.js

@@ -349,9 +349,9 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
       const { value: m } = p.target, V = p.target, { selectionStart: $ } = V;
       if ($ === null)
         return;
-      const A = $ - 1, E = y(), N = [...m.matchAll(E)].map((oe) => oe.index), K = m.split("");
+      const A = $ - 1, E = w(), N = [...m.matchAll(E)].map((oe) => oe.index), K = m.split("");
       N.length > 1 && A >= 0 && (K[A] = ""), p.target.value = K.join(""), N.length > 1 && A >= 0 && V.setSelectionRange(A, A);
-    }, y = () => {
+    }, w = () => {
       let p = "";
       return t.allowDecimal && (p += "."), t.allowComma && (p += ","), new RegExp(`[${p}]`, "g");
     }, x = () => {
@@ -359,7 +359,7 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
       return t.allowDecimal && (p += "\\."), t.allowComma && (p += ","), new RegExp(`[^${p}]+`, "g");
     }, b = (p) => {
       n("keyup", p);
-    }, w = (p) => {
+    }, y = (p) => {
       p.key === "Enter" && n("keypress", p), c.value && h(p.key) && p.preventDefault();
     }, R = (p) => {
       n("focus", p);
@@ -406,7 +406,7 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
       const m = p.target, V = m.selectionStart, $ = m.selectionEnd;
       if (V === null || $ === null)
         return;
-      const { value: A } = m, E = A.includes(".") || A.includes(","), N = ((Q = p.clipboardData) == null ? void 0 : Q.getData("text/plain")) || "", K = y(), oe = x();
+      const { value: A } = m, E = A.includes(".") || A.includes(","), N = ((Q = p.clipboardData) == null ? void 0 : Q.getData("text/plain")) || "", K = w(), oe = x();
       let te = N.replace(oe, "");
       const Ze = [...te.matchAll(K)], de = [];
       Ze.forEach((ne) => {
@@ -484,7 +484,7 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
           onClick: F,
           onFocus: R,
           onInput: G,
-          onKeypress: w,
+          onKeypress: y,
           onKeyup: b,
           onPaste: U
         }, null, 40, no),
@@ -603,7 +603,7 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
       for (let E = A; E < m.length; E += $)
         V.push(m.slice(E, E + $));
       return V;
-    }), y = C(() => {
+    }), w = C(() => {
       const m = i.value, V = 1 - Math.abs(m * 6 % 2 - 1);
       let $ = 0, A = 0, E = 0;
       return m < 1 / 6 ? ($ = 1, A = V) : m < 2 / 6 ? ($ = V, A = 1) : m < 3 / 6 ? (A = 1, E = V) : m < 4 / 6 ? (A = V, E = 1) : m < 5 / 6 ? ($ = V, E = 1) : ($ = 1, E = V), `rgb(${Math.round($ * 255)}, ${Math.round(A * 255)}, ${Math.round(E * 255)})`;
@@ -616,7 +616,7 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
       return m ? l.value < 1 ? `rgba(${m[0]}, ${m[1]}, ${m[2]}, ${l.value})` : `rgb(${m[0]}, ${m[1]}, ${m[2]})` : x.value;
     });
     le([i, r, a, l], () => {
-      w(), d.value || n("color-change", b.value);
+      y(), d.value || n("color-change", b.value);
     }), le(
       () => t.color,
       (m) => {
@@ -626,7 +626,7 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
       },
       { immediate: !0 }
     );
-    function w() {
+    function y() {
       if (l.value === 0) {
         s.value = "";
         return;
@@ -697,7 +697,7 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
     }
     function U() {
       const m = t.showOpacityInHex ? 8 : 6;
-      s.value.length !== m && w();
+      s.value.length !== m && y();
     }
     function T(m) {
       const V = m.startsWith("#") ? m.slice(1) : m, $ = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(V), A = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(V), E = A || $;
@@ -708,7 +708,7 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
           let ze = 0;
           Pe !== 0 && ($e === ne ? ze = ((ve - Ie) / Pe + (ve < Ie ? 6 : 0)) / 6 : $e === ve ? ze = ((Ie - ne) / Pe + 2) / 6 : ze = ((ne - ve) / Pe + 4) / 6);
           const et = $e === 0 ? 0 : Pe / $e, Ne = $e;
-          i.value = ze, r.value = et, a.value = Ne, l.value = Je, w();
+          i.value = ze, r.value = et, a.value = Ne, l.value = Je, y();
           return;
         }
         return;
@@ -761,7 +761,7 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
               class: "color-picker__color-canvas",
               style: se({
                 background: `linear-gradient(to bottom, transparent, black),
-                        linear-gradient(to right, white, ${y.value})`
+                        linear-gradient(to right, white, ${w.value})`
               }),
               onMousedown: R
             }, [
@@ -954,13 +954,13 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
         shouldOpenUp: p,
         height: n.menuHeight
       };
-    }, y = () => {
+    }, w = () => {
       M(), l.value = !l.value;
     }, x = () => {
       d.value = null, c.value = "", k.splice(0, k.length, ...g);
     }, b = () => {
       l.value = !1, x();
-    }, w = (T) => {
+    }, y = (T) => {
       s.value = T, i("select-item", T), i("update:modelValue", T.value), b();
     }, R = () => {
       const T = c.value.trim(), H = n.validateAddItem(T, g);
@@ -1023,7 +1023,7 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
               [u(re)["dropdown__valueContent--open"]]: l.value
             }
           ]),
-          onClick: y
+          onClick: w
         }, [
           S("span", {
             class: v(u(re).dropdown__value)
@@ -1099,7 +1099,7 @@ const Sn = "_button__size_default_aw3lw_1", In = "_button__size_small_aw3lw_8",
                 [u(re)["menu__item--active"]]: s.value && q.value === s.value.value
               }
             ]),
-            onClick: (ie) => w(q)
+            onClick: (ie) => y(q)
           }, D(q.text), 11, qo))), 128))
         ], 2)
       ], 6)), [
@@ -1529,12 +1529,12 @@ const da = async (e, o, t) => {
     x: d,
     y: h
   } = Gt(c, n, s), k = n, g = {}, M = 0;
-  for (let y = 0; y < l.length; y++) {
+  for (let w = 0; w < l.length; w++) {
     const {
       name: x,
       fn: b
-    } = l[y], {
-      x: w,
+    } = l[w], {
+      x: y,
       y: R,
       data: I,
       reset: F
@@ -1552,7 +1552,7 @@ const da = async (e, o, t) => {
         floating: o
       }
     });
-    d = w ?? d, h = R ?? h, g = {
+    d = y ?? d, h = R ?? h, g = {
       ...g,
       [x]: {
         ...g[x],
@@ -1565,7 +1565,7 @@ const da = async (e, o, t) => {
     }) : F.rects), {
       x: d,
       y: h
-    } = Gt(c, k, s)), y = -1);
+    } = Gt(c, k, s)), w = -1);
   }
   return {
     x: d,
@@ -1596,7 +1596,7 @@ async function zt(e, o) {
     boundary: c,
     rootBoundary: d,
     strategy: s
-  })), w = h === "floating" ? {
+  })), y = h === "floating" ? {
     x: n,
     y: i,
     width: a.floating.width,
@@ -1609,10 +1609,10 @@ async function zt(e, o) {
     y: 1
   }, F = gt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: w,
+    rect: y,
     offsetParent: R,
     strategy: s
-  }) : w);
+  }) : y);
   return {
     top: (b.top - F.top + M.top) / I.y,
     bottom: (F.bottom - b.bottom + M.bottom) / I.y,
@@ -1641,10 +1641,10 @@ const _a = (e) => ({
     const h = un(d), k = {
       x: t,
       y: n
-    }, g = Pt(i), M = Ot(g), y = await a.getDimensions(c), x = g === "y", b = x ? "top" : "left", w = x ? "bottom" : "right", R = x ? "clientHeight" : "clientWidth", I = r.reference[M] + r.reference[g] - k[g] - r.floating[M], F = k[g] - r.reference[g], G = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c));
+    }, g = Pt(i), M = Ot(g), w = await a.getDimensions(c), x = g === "y", b = x ? "top" : "left", y = x ? "bottom" : "right", R = x ? "clientHeight" : "clientWidth", I = r.reference[M] + r.reference[g] - k[g] - r.floating[M], F = k[g] - r.reference[g], G = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c));
     let z = G ? G[R] : 0;
     (!z || !await (a.isElement == null ? void 0 : a.isElement(G))) && (z = l.floating[R] || r.floating[M]);
-    const U = I / 2 - F / 2, T = z / 2 - y[M] / 2 - 1, H = Le(h[b], T), q = Le(h[w], T), X = H, ie = z - y[M] - q, p = z / 2 - y[M] / 2 + U, m = St(X, p, ie), V = !s.arrow && Xe(i) != null && p !== m && r.reference[M] / 2 - (p < X ? H : q) - y[M] / 2 < 0, $ = V ? p < X ? p - X : p - ie : 0;
+    const U = I / 2 - F / 2, T = z / 2 - w[M] / 2 - 1, H = Le(h[b], T), q = Le(h[y], T), X = H, ie = z - w[M] - q, p = z / 2 - w[M] / 2 + U, m = St(X, p, ie), V = !s.arrow && Xe(i) != null && p !== m && r.reference[M] / 2 - (p < X ? H : q) - w[M] / 2 < 0, $ = V ? p < X ? p - X : p - ie : 0;
     return {
       [g]: k[g] + $,
       data: {
@@ -1676,13 +1676,13 @@ const _a = (e) => ({
         fallbackPlacements: k,
         fallbackStrategy: g = "bestFit",
         fallbackAxisSideDirection: M = "none",
-        flipAlignment: y = !0,
+        flipAlignment: w = !0,
         ...x
       } = je(e, o);
       if ((t = r.arrow) != null && t.alignmentOffset)
         return {};
-      const b = Ee(i), w = Te(l), R = Ee(l) === l, I = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), F = k || (R || !y ? [vt(l)] : la(l)), G = M !== "none";
-      !k && G && F.push(...ua(l, y, M, I));
+      const b = Ee(i), y = Te(l), R = Ee(l) === l, I = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), F = k || (R || !w ? [vt(l)] : la(l)), G = M !== "none";
+      !k && G && F.push(...ua(l, w, M, I));
       const z = [l, ...F], U = await zt(o, x), T = [];
       let H = ((n = r.flip) == null ? void 0 : n.overflows) || [];
       if (d && T.push(U[b]), h) {
@@ -1695,9 +1695,9 @@ const _a = (e) => ({
       }], !T.every((p) => p <= 0)) {
         var q, X;
         const p = (((q = r.flip) == null ? void 0 : q.index) || 0) + 1, m = z[p];
-        if (m && (!(h === "alignment" ? w !== Te(m) : !1) || // We leave the current main axis only if every placement on that axis
+        if (m && (!(h === "alignment" ? y !== Te(m) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        H.every((A) => Te(A.placement) === w ? A.overflows[0] > 0 : !0)))
+        H.every((A) => Te(A.placement) === y ? A.overflows[0] > 0 : !0)))
           return {
             data: {
               index: p,
@@ -1715,7 +1715,7 @@ const _a = (e) => ({
               const $ = (ie = H.filter((A) => {
                 if (G) {
                   const E = Te(A.placement);
-                  return E === w || // Create a bias to the `y` side axis due to horizontal
+                  return E === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   E === "y";
                 }
@@ -1804,11 +1804,11 @@ const ha = function(e) {
           fn: (x) => {
             let {
               x: b,
-              y: w
+              y
             } = x;
             return {
               x: b,
-              y: w
+              y
             };
           }
         },
@@ -1819,23 +1819,23 @@ const ha = function(e) {
       }, d = await zt(o, s), h = Te(Ee(i)), k = rn(h);
       let g = c[k], M = c[h];
       if (r) {
-        const x = k === "y" ? "top" : "left", b = k === "y" ? "bottom" : "right", w = g + d[x], R = g - d[b];
-        g = St(w, g, R);
+        const x = k === "y" ? "top" : "left", b = k === "y" ? "bottom" : "right", y = g + d[x], R = g - d[b];
+        g = St(y, g, R);
       }
       if (a) {
-        const x = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", w = M + d[x], R = M - d[b];
-        M = St(w, M, R);
+        const x = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", y = M + d[x], R = M - d[b];
+        M = St(y, M, R);
       }
-      const y = l.fn({
+      const w = l.fn({
         ...o,
         [k]: g,
         [h]: M
       });
       return {
-        ...y,
+        ...w,
         data: {
-          x: y.x - t,
-          y: y.y - n,
+          x: w.x - t,
+          y: w.y - n,
           enabled: {
             [k]: r,
             [h]: a
@@ -1861,15 +1861,15 @@ const ha = function(e) {
         ...c
       } = je(e, o), d = await zt(o, c), h = Ee(i), k = Xe(i), g = Te(i) === "y", {
         width: M,
-        height: y
+        height: w
       } = r.floating;
       let x, b;
       h === "top" || h === "bottom" ? (x = h, b = k === (await (a.isRTL == null ? void 0 : a.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (b = h, x = k === "end" ? "top" : "bottom");
-      const w = y - d.top - d.bottom, R = M - d.left - d.right, I = Le(y - d[x], w), F = Le(M - d[b], R), G = !o.middlewareData.shift;
+      const y = w - d.top - d.bottom, R = M - d.left - d.right, I = Le(w - d[x], y), F = Le(M - d[b], R), G = !o.middlewareData.shift;
       let z = I, U = F;
-      if ((t = o.middlewareData.shift) != null && t.enabled.x && (U = R), (n = o.middlewareData.shift) != null && n.enabled.y && (z = w), G && !k) {
+      if ((t = o.middlewareData.shift) != null && t.enabled.x && (U = R), (n = o.middlewareData.shift) != null && n.enabled.y && (z = y), G && !k) {
         const H = _e(d.left, 0), q = _e(d.right, 0), X = _e(d.top, 0), ie = _e(d.bottom, 0);
-        g ? U = M - 2 * (H !== 0 || q !== 0 ? H + q : _e(d.left, d.right)) : z = y - 2 * (X !== 0 || ie !== 0 ? X + ie : _e(d.top, d.bottom));
+        g ? U = M - 2 * (H !== 0 || q !== 0 ? H + q : _e(d.left, d.right)) : z = w - 2 * (X !== 0 || ie !== 0 ? X + ie : _e(d.top, d.bottom));
       }
       await s({
         ...o,
@@ -1877,7 +1877,7 @@ const ha = function(e) {
         availableHeight: z
       });
       const T = await a.getDimensions(l.floating);
-      return M !== T.width || y !== T.height ? {
+      return M !== T.width || w !== T.height ? {
         reset: {
           rects: !0
         }
@@ -2047,10 +2047,10 @@ function He(e, o, t, n) {
   let s = (i.left + l.x) / a.x, c = (i.top + l.y) / a.y, d = i.width / a.x, h = i.height / a.y;
   if (r) {
     const k = pe(r), g = n && we(n) ? pe(n) : n;
-    let M = k, y = $t(M);
-    for (; y && n && g !== M; ) {
-      const x = Qe(y), b = y.getBoundingClientRect(), w = ye(y), R = b.left + (y.clientLeft + parseFloat(w.paddingLeft)) * x.x, I = b.top + (y.clientTop + parseFloat(w.paddingTop)) * x.y;
-      s *= x.x, c *= x.y, d *= x.x, h *= x.y, s += R, c += I, M = pe(y), y = $t(M);
+    let M = k, w = $t(M);
+    for (; w && n && g !== M; ) {
+      const x = Qe(w), b = w.getBoundingClientRect(), y = ye(w), R = b.left + (w.clientLeft + parseFloat(y.paddingLeft)) * x.x, I = b.top + (w.clientTop + parseFloat(y.paddingTop)) * x.y;
+      s *= x.x, c *= x.y, d *= x.x, h *= x.y, s += R, c += I, M = pe(w), w = $t(M);
     }
   }
   return gt({
@@ -2307,8 +2307,8 @@ function Wa(e, o) {
     } = c;
     if (l || o(), !k || !g)
       return;
-    const M = dt(h), y = dt(i.clientWidth - (d + k)), x = dt(i.clientHeight - (h + g)), b = dt(d), R = {
-      rootMargin: -M + "px " + -y + "px " + -x + "px " + -b + "px",
+    const M = dt(h), w = dt(i.clientWidth - (d + k)), x = dt(i.clientHeight - (h + g)), b = dt(d), R = {
+      rootMargin: -M + "px " + -w + "px " + -x + "px " + -b + "px",
       threshold: _e(0, Le(1, s)) || 1
     };
     let I = !0;
@@ -2353,22 +2353,22 @@ function Mt(e, o, t, n) {
   const h = c && l ? Wa(c, t) : null;
   let k = -1, g = null;
   a && (g = new ResizeObserver((b) => {
-    let [w] = b;
-    w && w.target === c && g && (g.unobserve(o), cancelAnimationFrame(k), k = requestAnimationFrame(() => {
+    let [y] = b;
+    y && y.target === c && g && (g.unobserve(o), cancelAnimationFrame(k), k = requestAnimationFrame(() => {
       var R;
       (R = g) == null || R.observe(o);
     })), t();
   }), c && !s && g.observe(c), g.observe(o));
-  let M, y = s ? He(e) : null;
+  let M, w = s ? He(e) : null;
   s && x();
   function x() {
     const b = He(e);
-    y && !hn(y, b) && t(), y = b, M = requestAnimationFrame(x);
+    w && !hn(w, b) && t(), w = b, M = requestAnimationFrame(x);
   }
   return t(), () => {
     var b;
-    d.forEach((w) => {
-      i && w.removeEventListener("scroll", t), r && w.removeEventListener("resize", t);
+    d.forEach((y) => {
+      i && y.removeEventListener("scroll", t), r && y.removeEventListener("resize", t);
     }), h == null || h(), (b = g) == null || b.disconnect(), g = null, s && cancelAnimationFrame(M);
   };
 }
@@ -2432,7 +2432,7 @@ function Et(e, o, t) {
   }), s = C(() => {
     var z;
     return (z = Ke(t.transform)) != null ? z : !0;
-  }), c = C(() => Lt(e.value)), d = C(() => Lt(o.value)), h = O(0), k = O(0), g = O(l.value), M = O(a.value), y = wn({}), x = O(!1), b = C(() => {
+  }), c = C(() => Lt(e.value)), d = C(() => Lt(o.value)), h = O(0), k = O(0), g = O(l.value), M = O(a.value), w = wn({}), x = O(!1), b = C(() => {
     const z = {
       position: g.value,
       left: "0",
@@ -2453,7 +2453,7 @@ function Et(e, o, t) {
       top: T + "px"
     };
   });
-  let w;
+  let y;
   function R() {
     if (c.value == null || d.value == null)
       return;
@@ -2463,11 +2463,11 @@ function Et(e, o, t) {
       placement: a.value,
       strategy: l.value
     }).then((U) => {
-      h.value = U.x, k.value = U.y, g.value = U.strategy, M.value = U.placement, y.value = U.middlewareData, x.value = z !== !1;
+      h.value = U.x, k.value = U.y, g.value = U.strategy, M.value = U.placement, w.value = U.middlewareData, x.value = z !== !1;
     });
   }
   function I() {
-    typeof w == "function" && (w(), w = void 0);
+    typeof y == "function" && (y(), y = void 0);
   }
   function F() {
     if (I(), n === void 0) {
@@ -2475,7 +2475,7 @@ function Et(e, o, t) {
       return;
     }
     if (c.value != null && d.value != null) {
-      w = n(c.value, d.value, R);
+      y = n(c.value, d.value, R);
       return;
     }
   }
@@ -2493,7 +2493,7 @@ function Et(e, o, t) {
     y: We(k),
     strategy: We(g),
     placement: We(M),
-    middlewareData: We(y),
+    middlewareData: We(w),
     isPositioned: We(x),
     floatingStyles: b,
     update: R
@@ -2581,13 +2581,13 @@ const Ga = ["data-testid"], ja = {
     const t = e, n = o, i = O(null), r = O(null), a = O(null), l = O(""), s = O(""), c = /* @__PURE__ */ new Map(), d = `in-cascading-menu-search-${Math.random().toString(36).slice(2, 9)}`, h = C(() => t.searchInputId ?? d), k = C(() => `${h.value}-child`), g = C(() => t.items.flatMap((B) => "kind" in B && B.kind === "group" ? [
       { type: "group-header", label: B.label },
       ...B.items.map((W) => ({ type: "item", item: W }))
-    ] : [{ type: "item", item: B }])), M = C(() => g.value.filter((B) => B.type === "item").map((B) => B.item)), y = C(() => t.searchable), x = C(() => y.value && s.value.trim().length > 0), b = C(() => {
+    ] : [{ type: "item", item: B }])), M = C(() => g.value.filter((B) => B.type === "item").map((B) => B.item)), w = C(() => t.searchable), x = C(() => w.value && s.value.trim().length > 0), b = C(() => {
       const B = {
         width: `${t.width}px`,
         maxWidth: `${t.width}px`
       };
       return t.menuMaxHeight && (B.maxHeight = `${t.menuMaxHeight}px`), B;
-    }), w = C(() => ({ width: `${t.listWidth}px` })), R = C(() => a.value ? M.value.find((B) => B.id === a.value) ?? null : null), I = C(() => {
+    }), y = C(() => ({ width: `${t.listWidth}px` })), R = C(() => a.value ? M.value.find((B) => B.id === a.value) ?? null : null), I = C(() => {
       var B;
       return ((B = R.value) == null ? void 0 : B.subList) ?? null;
     }), F = C(() => a.value ? c.get(a.value) ?? null : null), G = C(() => t.open && !x.value && I.value !== null), z = C(() => t.anchor), { floatingStyles: U } = Et(z, i, {
@@ -2780,7 +2780,7 @@ const Ga = ["data-testid"], ja = {
         class: "in-cascading-list",
         role: "dialog",
         "data-testid": B.listTestId ?? I.value.testId,
-        style: se([u(ie), w.value, B.listStyle])
+        style: se([u(ie), y.value, B.listStyle])
       }, [
         I.value.searchable ? (_(), f("div", _l, [
           J(it, {
@@ -2856,12 +2856,12 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
   emits: ["update:modelValue", "escape", "clear"],
   setup(e, { expose: o, emit: t }) {
     const n = e, i = t, r = gn("search"), a = C(() => n.id || r), l = C(() => n.name || a.value), s = O(null), c = C(() => n.modelValue.length > 0), d = C(() => n.clearable && c.value ? $l : "line-search");
-    function h(y) {
-      i("update:modelValue", String(y));
+    function h(w) {
+      i("update:modelValue", String(w));
     }
-    function k(y) {
-      if (y.key === "Escape") {
-        if (y.stopPropagation(), n.modelValue) {
+    function k(w) {
+      if (w.key === "Escape") {
+        if (w.stopPropagation(), n.modelValue) {
           i("update:modelValue", ""), i("clear");
           return;
         }
@@ -2873,11 +2873,11 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
     }
     function M() {
       var x, b;
-      const y = (b = (x = s.value) == null ? void 0 : x.$el) == null ? void 0 : b.querySelector("input");
-      y == null || y.focus();
+      const w = (b = (x = s.value) == null ? void 0 : x.$el) == null ? void 0 : b.querySelector("input");
+      w == null || w.focus();
     }
-    return o({ focus: M }), (y, x) => (_(), f("div", {
-      class: v([u(tn).root, y.size === "medium" && u(tn).sizeMedium]),
+    return o({ focus: M }), (w, x) => (_(), f("div", {
+      class: v([u(tn).root, w.size === "medium" && u(tn).sizeMedium]),
       onKeydown: k
     }, [
       J(it, {
@@ -2887,9 +2887,9 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
         "right-icon-status": "",
         "helper-message-status": !1,
         "label-status": !1,
-        "model-value": y.modelValue,
+        "model-value": w.modelValue,
         name: l.value,
-        "placeholder-text": y.placeholder,
+        "placeholder-text": w.placeholder,
         "right-icon-name": d.value,
         onRightIconClick: g,
         "onUpdate:modelValue": h
@@ -3050,7 +3050,8 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
     position: { default: "bottom" },
     width: {},
     positionStrategy: { default: "fixed" },
-    closeOnClickOutside: { type: Boolean, default: !1 }
+    closeOnClickOutside: { type: Boolean, default: !1 },
+    elevated: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "open", "close"],
   setup(e, { expose: o, emit: t }) {
@@ -3058,27 +3059,27 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
     function h() {
       if (!a.value || !l.value)
         return;
-      const y = a.value.getBoundingClientRect(), x = l.value.getBoundingClientRect();
+      const w = a.value.getBoundingClientRect(), x = l.value.getBoundingClientRect();
       if (x.width === 0 || x.height === 0) {
         s.value = !1, requestAnimationFrame(() => requestAnimationFrame(h));
         return;
       }
       const b = 4;
-      let w, R;
+      let y, R;
       switch (i.align) {
         case "left-side":
-          w = y.bottom - x.height, R = y.left - x.width - b;
+          y = w.bottom - x.height, R = w.left - x.width - b;
           break;
         case "right-side":
-          w = y.bottom - x.height, R = y.right + b;
+          y = w.bottom - x.height, R = w.right + b;
           break;
         default:
-          if (w = i.position === "top" ? y.top - x.height - b : y.bottom + b, i.align === "right")
-            R = y.right - x.width;
+          if (y = i.position === "top" ? w.top - x.height - b : w.bottom + b, i.align === "right")
+            R = w.right - x.width;
           else if (i.align === "center")
-            R = y.left + (y.width - x.width) / 2;
+            R = w.left + (w.width - x.width) / 2;
           else {
-            const { left: F } = y;
+            const { left: F } = w;
             R = F;
           }
       }
@@ -3087,12 +3088,12 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
         zIndex: "10000",
         position: i.positionStrategy
       };
-      i.positionStrategy === "fixed" ? (I.top = `${w}px`, I.left = `${R}px`) : (I.width = "100%", I.top = "calc(100% + 4px)"), i.width && (I.width = `${i.width}px`, I.minWidth = `${i.width}px`), c.value = I;
+      i.positionStrategy === "fixed" ? (I.top = `${y}px`, I.left = `${R}px`) : (I.width = "100%", I.top = "calc(100% + 4px)"), i.width && (I.width = `${i.width}px`, I.minWidth = `${i.width}px`), c.value = I;
     }
     le(
       () => i.modelValue,
-      (y) => {
-        d.value = y, y && lt(h);
+      (w) => {
+        d.value = w, w && lt(h);
       }
     );
     const k = () => {
@@ -3108,12 +3109,12 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
       isOpen: d,
       toggle: k,
       close: g
-    }), (y, x) => (_(), f("div", {
+    }), (w, x) => (_(), f("div", {
       ref_key: "popoverRef",
       ref: a,
       class: "popover"
     }, [
-      ce(y.$slots, "trigger", {
+      ce(w.$slots, "trigger", {
         isOpen: d.value,
         toggle: k
       }, void 0, !0),
@@ -3121,14 +3122,17 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
         key: 0,
         ref_key: "contentRef",
         ref: l,
-        class: v(["popover__content", { "popover__content--visible": s.value }]),
+        class: v(["popover__content", {
+          "popover__content--visible": s.value,
+          "popover__content--elevated": w.elevated
+        }]),
         style: se(c.value),
         onClick: x[0] || (x[0] = rt(() => {
         }, ["prevent"]))
       }, [
         J(u(Zo), null, {
           default: be(() => [
-            ce(y.$slots, "default", {}, void 0, !0)
+            ce(w.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         })
@@ -3137,7 +3141,7 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
       ]) : L("", !0)
     ], 512));
   }
-}), Xl = /* @__PURE__ */ me(jl, [["__scopeId", "data-v-10f562c7"]]), Zl = {
+}), Xl = /* @__PURE__ */ me(jl, [["__scopeId", "data-v-180814ad"]]), Zl = {
   key: 0,
   class: "in-dropdown-menu__search-container"
 }, Jl = { class: "in-dropdown-menu__item-container" }, ei = ["onClick"], ti = /* @__PURE__ */ Y({
@@ -3158,7 +3162,7 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { expose: o, emit: t }) {
-    An((w) => ({
+    An((y) => ({
       "28296e80": `${n.menuHeight}px`
     }));
     const n = e, i = t, r = O(!1), a = O(null), l = O(""), s = O(null), c = O([...n.items]), d = O([...n.items]), h = () => {
@@ -3168,27 +3172,27 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
     };
     le(
       () => r.value,
-      (w) => {
-        w || k();
+      (y) => {
+        y || k();
       }
     );
     const g = () => {
       r.value = !1, k();
-    }, M = (w) => {
-      a.value = w, i("select-item", w), i("update:modelValue", w.value), g();
-    }, y = () => {
-      const w = l.value.trim(), R = n.validateAddItem(w, d.value);
+    }, M = (y) => {
+      a.value = y, i("select-item", y), i("update:modelValue", y.value), g();
+    }, w = () => {
+      const y = l.value.trim(), R = n.validateAddItem(y, d.value);
       if (R) {
         s.value = R, i("add-error", R);
         return;
       }
       const I = {
-        text: w,
-        value: w
+        text: y,
+        value: y
       };
       d.value.push(I), k(), i("item-added", I);
-    }, x = (w) => {
-      l.value = String(w);
+    }, x = (y) => {
+      l.value = String(y);
       const R = mt(d.value, "text", l.value);
       c.value = R;
     }, b = () => {
@@ -3196,22 +3200,22 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
     };
     return Ge(() => {
       if (n.modelValue) {
-        const w = d.value.find((R) => R.value === n.modelValue);
-        w && (a.value = w);
+        const y = d.value.find((R) => R.value === n.modelValue);
+        y && (a.value = y);
       }
     }), le(
       () => n.modelValue,
-      (w) => {
+      (y) => {
         var R;
-        if (((R = a.value) == null ? void 0 : R.value) !== w) {
-          const I = d.value.find((F) => F.value === w);
+        if (((R = a.value) == null ? void 0 : R.value) !== y) {
+          const I = d.value.find((F) => F.value === y);
           I ? a.value = I : a.value = null;
         }
       }
     ), le(
       () => n.items,
-      (w) => {
-        d.value = [...w], c.value = [...w];
+      (y) => {
+        d.value = [...y], c.value = [...y];
       },
       { deep: !0 }
     ), o({
@@ -3219,7 +3223,7 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
       toggleMenu: h,
       closeMenu: g,
       selectedItem: a
-    }), (w, R) => (_(), ee(u(Xl), {
+    }), (y, R) => (_(), ee(u(Xl), {
       class: v(["in-dropdown-menu", {
         "in-dropdown-menu--open": r.value,
         "in-dropdown-menu--rotate-arrow": n.rotateArrow,
@@ -3231,7 +3235,7 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
       "onUpdate:modelValue": R[2] || (R[2] = (I) => r.value = I)
     }, {
       trigger: be(({ isOpen: I }) => [
-        ce(w.$slots, "trigger", {
+        ce(y.$slots, "trigger", {
           isOpen: I,
           toggle: h
         }, void 0, !0)
@@ -3242,7 +3246,7 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
           onClick: R[1] || (R[1] = rt(() => {
           }, ["prevent"]))
         }, [
-          w.searchable ? (_(), f("div", Zl, [
+          y.searchable ? (_(), f("div", Zl, [
             J(it, {
               id: "dropdown-search-input",
               "right-icon-status": "",
@@ -3250,7 +3254,7 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
               "right-icon-name": "line-search",
               "helper-message-status": !1,
               "label-status": !1,
-              "placeholder-text": w.searchPlaceholder,
+              "placeholder-text": y.searchPlaceholder,
               "state-message": s.value || "",
               states: s.value ? "error" : "default",
               modelValue: l.value,
@@ -3258,14 +3262,14 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
               onFocus: b,
               onInput: x
             }, null, 8, ["placeholder-text", "state-message", "states", "modelValue"]),
-            w.addable ? (_(), ee(u(ft), {
+            y.addable ? (_(), ee(u(ft), {
               key: 0,
               color: "primary",
               "left-icon-name": "line-plus-netural",
               size: "small",
               variant: "text",
-              label: w.addButtonText,
-              onClick: y
+              label: y.addButtonText,
+              onClick: w
             }, null, 8, ["label"])) : L("", !0)
           ])) : L("", !0),
           S("ul", Jl, [
@@ -3275,7 +3279,7 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
                 key: `${I.value}-${F}`,
                 class: "in-dropdown-menu__item"
               }, [
-                w.$slots.item ? (_(), f("div", {
+                y.$slots.item ? (_(), f("div", {
                   key: 0,
                   class: v(["in-dropdown-menu__item-content", [
                     {
@@ -3284,7 +3288,7 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
                   ]]),
                   onClick: (U) => M(I)
                 }, [
-                  ce(w.$slots, "item", {
+                  ce(y.$slots, "item", {
                     isSelected: ((G = a.value) == null ? void 0 : G.value) === I.value,
                     item: I
                   }, void 0, !0)
@@ -3391,20 +3395,20 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
     }, h = (b) => {
       x(), r("click", b);
     }, k = (b) => {
-      const w = b.target;
-      x(), r("update:modelValue", w.value);
+      const y = b.target;
+      x(), r("update:modelValue", y.value);
     }, g = (b) => {
       x(), r("cut", b);
     }, M = (b) => {
       x(), r("paste", b);
-    }, y = (b) => {
+    }, w = (b) => {
       x(), r("blur", b);
     }, x = () => {
       n.preventXss && a.value && (a.value.value = l(a.value.value));
     };
     return o({
       textareaRef: a
-    }), (b, w) => (_(), f("fieldset", {
+    }), (b, y) => (_(), f("fieldset", {
       class: v([
         u(ke)["in-form-item"],
         u(ke)["in-textarea-wrapper"],
@@ -3436,7 +3440,7 @@ const Sl = "_root_avx14_36", Il = "_sizeMedium_avx14_44", tn = {
         rows: b.rowLength,
         style: se(i.value),
         value: s.value,
-        onBlur: y,
+        onBlur: w,
         onClick: h,
         onCut: g,
         onInput: k,
@@ -4228,7 +4232,7 @@ const ys = "_bubble_6zub9_1", xs = "_trigger_6zub9_43", ks = "_trigger__icon_6zu
         Vt(),
         Ya({ element: s, padding: Bt })
       ]
-    }), y = () => {
+    }), w = () => {
       t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), window.wasTooltipShown ? c.value = !0 : t.value = setTimeout(() => {
         if (!i.value) {
           t.value = null;
@@ -4243,8 +4247,8 @@ const ys = "_bubble_6zub9_1", xs = "_trigger_6zub9_43", ks = "_trigger__icon_6zu
         i.value && (c.value = !1), n.value = null;
       }, T) : c.value = !1;
     }, b = () => {
-      y();
-    }, w = () => {
+      w();
+    }, y = () => {
       x();
     }, R = () => {
       i.value && l.value && a.value && k();
@@ -4298,7 +4302,7 @@ const ys = "_bubble_6zub9_1", xs = "_trigger_6zub9_43", ks = "_trigger__icon_6zu
         ref: l,
         class: v(u(nt).trigger),
         onMouseenter: b,
-        onMouseleave: w
+        onMouseleave: y
       }, [
         T.iconName ? (_(), ee(u(j), {
           key: 0,
@@ -4313,7 +4317,7 @@ const ys = "_bubble_6zub9_1", xs = "_trigger_6zub9_43", ks = "_trigger__icon_6zu
           class: v(["qa-tooltip", u(nt).bubble]),
           style: se(F.value),
           onMouseenter: b,
-          onMouseleave: w
+          onMouseleave: y
         }, [
           S("div", {
             class: v(u(nt).bubble__content)