@useinsider/ab-components 0.0.115-beta.5 → 0.0.116-beta.7

package/dist/ab-components.es.js

@@ -417,11 +417,11 @@ const aa = async (e, a, t) => {
     x: c,
     y: v
   } = Gt(u, n, r), I = n, w = {}, S = 0;
-  for (let $ = 0; $ < i.length; $++) {
+  for (let T = 0; T < i.length; T++) {
     const {
       name: B,
       fn: g
-    } = i[$], {
+    } = i[T], {
       x: A,
       y: D,
       data: h,
@@ -453,7 +453,7 @@ const aa = async (e, a, t) => {
     }) : P.rects), {
       x: c,
       y: v
-    } = Gt(u, I, r)), $ = -1);
+    } = Gt(u, I, r)), T = -1);
   }
   return {
     x: c,
@@ -529,10 +529,10 @@ const oa = (e) => ({
     const v = fn(c), I = {
       x: t,
       y: n
-    }, w = Pt(o), S = Rt(w), $ = await l.getDimensions(u), B = w === "y", g = B ? "top" : "left", A = B ? "bottom" : "right", D = B ? "clientHeight" : "clientWidth", h = s.reference[S] + s.reference[w] - I[w] - s.floating[S], P = I[w] - s.reference[w], j = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
+    }, w = Pt(o), S = Rt(w), T = await l.getDimensions(u), B = w === "y", g = B ? "top" : "left", A = B ? "bottom" : "right", D = B ? "clientHeight" : "clientWidth", h = s.reference[S] + s.reference[w] - I[w] - s.floating[S], P = I[w] - s.reference[w], j = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
     let R = j ? j[D] : 0;
     (!R || !await (l.isElement == null ? void 0 : l.isElement(j))) && (R = i.floating[D] || s.floating[S]);
-    const F = h / 2 - P / 2, T = R / 2 - $[S] / 2 - 1, H = Oe(v[g], T), W = Oe(v[A], T), ee = H, ne = R - $[S] - W, f = R / 2 - $[S] / 2 + F, d = Et(ee, f, ne), k = !r.arrow && et(o) != null && f !== d && s.reference[S] / 2 - (f < ee ? H : W) - $[S] / 2 < 0, b = k ? f < ee ? f - ee : f - ne : 0;
+    const F = h / 2 - P / 2, $ = R / 2 - T[S] / 2 - 1, H = Oe(v[g], $), W = Oe(v[A], $), ee = H, ne = R - T[S] - W, f = R / 2 - T[S] / 2 + F, d = Et(ee, f, ne), k = !r.arrow && et(o) != null && f !== d && s.reference[S] / 2 - (f < ee ? H : W) - T[S] / 2 < 0, b = k ? f < ee ? f - ee : f - ne : 0;
     return {
       [w]: I[w] + b,
       data: {
@@ -564,23 +564,23 @@ const oa = (e) => ({
         fallbackPlacements: I,
         fallbackStrategy: w = "bestFit",
         fallbackAxisSideDirection: S = "none",
-        flipAlignment: $ = !0,
+        flipAlignment: T = !0,
         ...B
       } = Je(e, a);
       if ((t = s.arrow) != null && t.alignmentOffset)
         return {};
-      const g = Re(o), A = Ee(i), D = Re(i) === i, h = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), P = I || (D || !$ ? [vt(i)] : Xn(i)), j = S !== "none";
-      !I && j && P.push(...ta(i, $, S, h));
-      const R = [i, ...P], F = await zt(a, B), T = [];
+      const g = Re(o), A = Ee(i), D = Re(i) === i, h = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), P = I || (D || !T ? [vt(i)] : Xn(i)), j = S !== "none";
+      !I && j && P.push(...ta(i, T, S, h));
+      const R = [i, ...P], F = await zt(a, B), $ = [];
       let H = ((n = s.flip) == null ? void 0 : n.overflows) || [];
-      if (c && T.push(F[g]), v) {
+      if (c && $.push(F[g]), v) {
         const f = Qn(o, l, h);
-        T.push(F[f[0]], F[f[1]]);
+        $.push(F[f[0]], F[f[1]]);
       }
       if (H = [...H, {
         placement: o,
-        overflows: T
-      }], !T.every((f) => f <= 0)) {
+        overflows: $
+      }], !$.every((f) => f <= 0)) {
         var W, ee;
         const f = (((W = s.flip) == null ? void 0 : W.index) || 0) + 1, d = R[f];
         if (d && (!(v === "alignment" ? A !== Ee(d) : !1) || // We leave the current main axis only if every placement on that axis
@@ -714,16 +714,16 @@ const ra = function(e) {
         const B = v === "y" ? "top" : "left", g = v === "y" ? "bottom" : "right", A = S + c[B], D = S - c[g];
         S = Et(A, S, D);
       }
-      const $ = i.fn({
+      const T = i.fn({
         ...a,
         [I]: w,
         [v]: S
       });
       return {
-        ...$,
+        ...T,
         data: {
-          x: $.x - t,
-          y: $.y - n,
+          x: T.x - t,
+          y: T.y - n,
           enabled: {
             [I]: s,
             [v]: l
@@ -749,23 +749,23 @@ const ra = function(e) {
         ...u
       } = Je(e, a), c = await zt(a, u), v = Re(o), I = et(o), w = Ee(o) === "y", {
         width: S,
-        height: $
+        height: T
       } = s.floating;
       let B, g;
       v === "top" || v === "bottom" ? (B = v, g = I === (await (l.isRTL == null ? void 0 : l.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (g = v, B = I === "end" ? "top" : "bottom");
-      const A = $ - c.top - c.bottom, D = S - c.left - c.right, h = Oe($ - c[B], A), P = Oe(S - c[g], D), j = !a.middlewareData.shift;
+      const A = T - c.top - c.bottom, D = S - c.left - c.right, h = Oe(T - c[B], A), P = Oe(S - c[g], D), j = !a.middlewareData.shift;
       let R = h, F = P;
       if ((t = a.middlewareData.shift) != null && t.enabled.x && (F = D), (n = a.middlewareData.shift) != null && n.enabled.y && (R = A), j && !I) {
         const H = me(c.left, 0), W = me(c.right, 0), ee = me(c.top, 0), ne = me(c.bottom, 0);
-        w ? F = S - 2 * (H !== 0 || W !== 0 ? H + W : me(c.left, c.right)) : R = $ - 2 * (ee !== 0 || ne !== 0 ? ee + ne : me(c.top, c.bottom));
+        w ? F = S - 2 * (H !== 0 || W !== 0 ? H + W : me(c.left, c.right)) : R = T - 2 * (ee !== 0 || ne !== 0 ? ee + ne : me(c.top, c.bottom));
       }
       await r({
         ...a,
         availableWidth: F,
         availableHeight: R
       });
-      const T = await l.getDimensions(i.floating);
-      return S !== T.width || $ !== T.height ? {
+      const $ = await l.getDimensions(i.floating);
+      return S !== $.width || T !== $.height ? {
         reset: {
           rects: !0
         }
@@ -935,10 +935,10 @@ function Fe(e, a, t, n) {
   let r = (o.left + i.x) / l.x, u = (o.top + i.y) / l.y, c = o.width / l.x, v = o.height / l.y;
   if (s) {
     const I = ge(s), w = n && we(n) ? ge(n) : n;
-    let S = I, $ = Dt(S);
-    for (; $ && n && w !== S; ) {
-      const B = Qe($), g = $.getBoundingClientRect(), A = xe($), D = g.left + ($.clientLeft + parseFloat(A.paddingLeft)) * B.x, h = g.top + ($.clientTop + parseFloat(A.paddingTop)) * B.y;
-      r *= B.x, u *= B.y, c *= B.x, v *= B.y, r += D, u += h, S = ge($), $ = Dt(S);
+    let S = I, T = Dt(S);
+    for (; T && n && w !== S; ) {
+      const B = Qe(T), g = T.getBoundingClientRect(), A = xe(T), D = g.left + (T.clientLeft + parseFloat(A.paddingLeft)) * B.x, h = g.top + (T.clientTop + parseFloat(A.paddingTop)) * B.y;
+      r *= B.x, u *= B.y, c *= B.x, v *= B.y, r += D, u += h, S = ge(T), T = Dt(S);
     }
   }
   return bt({
@@ -1195,8 +1195,8 @@ function Da(e, a) {
     } = u;
     if (i || a(), !I || !w)
       return;
-    const S = _t(v), $ = _t(o.clientWidth - (c + I)), B = _t(o.clientHeight - (v + w)), g = _t(c), D = {
-      rootMargin: -S + "px " + -$ + "px " + -B + "px " + -g + "px",
+    const S = _t(v), T = _t(o.clientWidth - (c + I)), B = _t(o.clientHeight - (v + w)), g = _t(c), D = {
+      rootMargin: -S + "px " + -T + "px " + -B + "px " + -g + "px",
       threshold: me(0, Oe(1, r)) || 1
     };
     let h = !0;
@@ -1247,11 +1247,11 @@ function yt(e, a, t, n) {
       (D = w) == null || D.observe(a);
     })), t();
   }), u && !r && w.observe(u), w.observe(a));
-  let S, $ = r ? Fe(e) : null;
+  let S, T = r ? Fe(e) : null;
   r && B();
   function B() {
     const g = Fe(e);
-    $ && !wn($, g) && t(), $ = g, S = requestAnimationFrame(B);
+    T && !wn(T, g) && t(), T = g, S = requestAnimationFrame(B);
   }
   return t(), () => {
     var g;
@@ -1320,7 +1320,7 @@ function Ct(e, a, t) {
   }), r = M(() => {
     var R;
     return (R = Ge(t.transform)) != null ? R : !0;
-  }), u = M(() => Ot(e.value)), c = M(() => Ot(a.value)), v = O(0), I = O(0), w = O(i.value), S = O(l.value), $ = Sn({}), B = O(!1), g = M(() => {
+  }), u = M(() => Ot(e.value)), c = M(() => Ot(a.value)), v = O(0), I = O(0), w = O(i.value), S = O(l.value), T = Sn({}), B = O(!1), g = M(() => {
     const R = {
       position: w.value,
       left: "0",
@@ -1328,17 +1328,17 @@ function Ct(e, a, t) {
     };
     if (!c.value)
       return R;
-    const F = en(c.value, v.value), T = en(c.value, I.value);
+    const F = en(c.value, v.value), $ = en(c.value, I.value);
     return r.value ? {
       ...R,
-      transform: "translate(" + F + "px, " + T + "px)",
+      transform: "translate(" + F + "px, " + $ + "px)",
       ...xn(c.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: w.value,
       left: F + "px",
-      top: T + "px"
+      top: $ + "px"
     };
   });
   let A;
@@ -1351,7 +1351,7 @@ function Ct(e, a, t) {
       placement: l.value,
       strategy: i.value
     }).then((F) => {
-      v.value = F.x, I.value = F.y, w.value = F.strategy, S.value = F.placement, $.value = F.middlewareData, B.value = R !== !1;
+      v.value = F.x, I.value = F.y, w.value = F.strategy, S.value = F.placement, T.value = F.middlewareData, B.value = R !== !1;
     });
   }
   function h() {
@@ -1381,7 +1381,7 @@ function Ct(e, a, t) {
     y: Ue(I),
     strategy: Ue(w),
     placement: Ue(S),
-    middlewareData: Ue($),
+    middlewareData: Ue(T),
     isPositioned: Ue(B),
     floatingStyles: g,
     update: D
@@ -1427,7 +1427,8 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
     status: { type: Boolean },
     preventXss: { type: Boolean },
     iconName: {},
-    hideDelay: {}
+    hideDelay: {},
+    showDelay: {}
   },
   setup(e) {
     const a = {
@@ -1447,22 +1448,24 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
         xt(),
         Ha({ element: r, padding: Vt })
       ]
-    }), $ = () => {
-      t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), window.wasTooltipShown ? u.value = !0 : t.value = setTimeout(() => {
+    }), T = () => {
+      t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null);
+      const $ = s.showDelay ?? Qa;
+      window.wasTooltipShown || $ <= 0 ? u.value = !0 : t.value = setTimeout(() => {
         if (!o.value) {
           t.value = null;
           return;
         }
         u.value = !0, window.wasTooltipShown = !0, t.value = null;
-      }, Qa);
+      }, $);
     }, B = () => {
       t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null);
-      const T = s.hideDelay ?? 0;
-      T > 0 ? n.value = setTimeout(() => {
+      const $ = s.hideDelay ?? 0;
+      $ > 0 ? n.value = setTimeout(() => {
         o.value && (u.value = !1), n.value = null;
-      }, T) : u.value = !1;
+      }, $) : u.value = !1;
     }, g = () => {
-      $();
+      T();
     }, A = () => {
       B();
     }, D = () => {
@@ -1481,14 +1484,14 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
       ...v.value,
       display: h.value ? "inline-block" : "none"
     })), j = M(() => {
-      const [T] = S.value.split("-");
+      const [$] = S.value.split("-");
       return {
-        [a[T]]: "-4px"
+        [a[$]]: "-4px"
       };
     }), R = M(() => {
       if (!s.arrowPlacement)
         return {};
-      const [T] = S.value.split("-"), H = T === "top" || T === "bottom" ? "left" : "top";
+      const [$] = S.value.split("-"), H = $ === "top" || $ === "bottom" ? "left" : "top";
       switch (s.arrowPlacement) {
         case "start":
           return { [H]: `${Vt}px` };
@@ -1500,9 +1503,9 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
           return {};
       }
     }), F = M(() => {
-      var T, H;
+      var $, H;
       return r.value ? {
-        left: ((T = w.value.arrow) == null ? void 0 : T.x) != null ? `${w.value.arrow.x}px` : "",
+        left: (($ = w.value.arrow) == null ? void 0 : $.x) != null ? `${w.value.arrow.x}px` : "",
         top: ((H = w.value.arrow) == null ? void 0 : H.y) != null ? `${w.value.arrow.y}px` : "",
         right: "",
         bottom: "",
@@ -1510,20 +1513,20 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
         ...R.value
       } : {};
     });
-    return (T, H) => (_(), m(le, null, [
+    return ($, H) => (_(), m(le, null, [
       V("div", {
-        id: T.id,
+        id: $.id,
         ref_key: "triggerRef",
         ref: i,
         class: y(p(at).trigger),
         onMouseenter: g,
         onMouseleave: A
       }, [
-        T.iconName ? (_(), te(p(Z), {
+        $.iconName ? (_(), te(p(Z), {
           key: 0,
           color: p(at).trigger__icon,
-          name: T.iconName
-        }, null, 8, ["color", "name"])) : pe(T.$slots, "default", { key: 1 })
+          name: $.iconName
+        }, null, 8, ["color", "name"])) : pe($.$slots, "default", { key: 1 })
       ], 42, Ka),
       (_(), te(cn, { to: "body" }, [
         V("div", {
@@ -1534,13 +1537,13 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
           onMouseenter: g,
           onMouseleave: A
         }, [
-          T.$slots.contentSlot ? pe(T.$slots, "contentSlot", { key: 0 }) : (_(), m("div", {
+          $.$slots.contentSlot ? pe($.$slots, "contentSlot", { key: 0 }) : (_(), m("div", {
             key: 1,
             class: y(p(at).bubble__content)
           }, [
             V("div", { innerHTML: c.value }, null, 8, Ga)
           ], 2)),
-          T.$slots.contentSlot ? L("", !0) : (_(), m("div", {
+          $.$slots.contentSlot ? L("", !0) : (_(), m("div", {
             key: 2,
             ref_key: "floatingArrowRef",
             ref: r,
@@ -1612,11 +1615,11 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
       return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
     }
     const I = O(""), w = M(() => c(t.min, t.format)), S = M(() => c(t.max, t.format));
-    function $(d) {
+    function T(d) {
       const k = v(d), b = w.value ? v(w.value) : null, x = S.value ? v(S.value) : null;
       return (b === null || k >= b) && (x === null || k <= x);
     }
-    const B = M(() => c(I.value, t.format)), g = M(() => B.value !== null && $(B.value));
+    const B = M(() => c(I.value, t.format)), g = M(() => B.value !== null && T(B.value));
     function A() {
       const d = c(t.modelValue, t.format);
       I.value = d ? u(d, t.format) : "";
@@ -1650,7 +1653,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
           label: Q.getDate(),
           display: u(Q, t.format),
           inCurrentMonth: Q.getMonth() === k,
-          disabled: !$(Q),
+          disabled: !T(Q),
           selected: E !== null && v(Q) === E
         });
       }
@@ -1660,7 +1663,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
       const d = h.value.month - 1;
       h.value = d < 0 ? { year: h.value.year - 1, month: 11 } : { year: h.value.year, month: d };
     }
-    function T() {
+    function $() {
       const d = h.value.month + 1;
       h.value = d > 11 ? { year: h.value.year + 1, month: 0 } : { year: h.value.year, month: d };
     }
@@ -1733,7 +1736,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
           class: "ab-calendar__nav",
           "data-testid": "calendar-next",
           "aria-label": d.nextMonthLabel,
-          onClick: T
+          onClick: $
         }, [
           G(Z, {
             class: "ab-calendar__nav-icon",
@@ -2055,7 +2058,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
     }, S = () => {
       let f = "0-9";
       return t.allowDecimal && (f += "\\."), t.allowComma && (f += ","), new RegExp(`[^${f}]+`, "g");
-    }, $ = (f) => {
+    }, T = (f) => {
       if (!(f != null && f.target))
         return;
       const d = f.target, { selectionStart: k } = d;
@@ -2084,13 +2087,13 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
     }, j = (f) => {
       var b;
       const d = f;
-      u.value && ($(d), B(d)), I(d);
+      u.value && (T(d), B(d)), I(d);
       const k = ((b = d == null ? void 0 : d.target) == null ? void 0 : b.value) || "";
       o.value = k, n("input", k), n("update:modelValue", k);
     }, R = (f) => {
       var b;
       const d = f;
-      u.value && ($(d), B(d)), I(d);
+      u.value && (T(d), B(d)), I(d);
       const k = ((b = d == null ? void 0 : d.target) == null ? void 0 : b.value) || "";
       o.value = k, n("change", k), n("update:modelValue", k);
     }, F = (f) => {
@@ -2132,7 +2135,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
       }), J = ce.join("");
       const C = k + J.length, U = x.slice(0, k) + J + x.slice(b);
       d.value = U, d.setSelectionRange(C, C), o.value = U, n("input", U), n("update:modelValue", U);
-    }, T = (f) => {
+    }, $ = (f) => {
       n("leftIconClick", f);
     }, H = (f) => {
       n("rightIconClick", f);
@@ -2180,7 +2183,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
           class: "in-basic-text-input-wrapper__icon-left",
           name: f.leftIconName,
           size: 24,
-          onClick: T
+          onClick: $
         }, null, 8, ["name"])) : L("", !0),
         V("input", {
           id: f.id,
@@ -2316,7 +2319,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
       for (let E = x; E < d.length; E += b)
         k.push(d.slice(E, E + b));
       return k;
-    }), $ = M(() => {
+    }), T = M(() => {
       const d = o.value, k = 1 - Math.abs(d * 6 % 2 - 1);
       let b = 0, x = 0, E = 0;
       return d < 1 / 6 ? (b = 1, x = k) : d < 2 / 6 ? (b = k, x = 1) : d < 3 / 6 ? (x = 1, E = k) : d < 4 / 6 ? (x = k, E = 1) : d < 5 / 6 ? (b = k, E = 1) : (b = 1, E = k), `rgb(${Math.round(b * 255)}, ${Math.round(x * 255)}, ${Math.round(E * 255)})`;
@@ -2333,7 +2336,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
     }), oe(
       () => t.color,
       (d) => {
-        d && (c.value = !0, d.toLowerCase() === "transparent" ? f() : T(d), setTimeout(() => {
+        d && (c.value = !0, d.toLowerCase() === "transparent" ? f() : $(d), setTimeout(() => {
           c.value = !1;
         }, 0));
       },
@@ -2401,18 +2404,18 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
     }
     function j(d) {
       const k = t.showOpacityInHex ? 8 : 6, b = String(d).replace(/[^0-9A-Fa-f]/g, "").slice(0, k).toUpperCase();
-      r.value = b, t.showOpacityInHex ? (b.length === 6 || b.length === 8) && T(b) : b.length === 6 && T(b);
+      r.value = b, t.showOpacityInHex ? (b.length === 6 || b.length === 8) && $(b) : b.length === 6 && $(b);
     }
     function R(d) {
       var E;
       const k = ((E = d.clipboardData) == null ? void 0 : E.getData("text")) || "", b = t.showOpacityInHex ? 8 : 6, x = k.replace(/^#/, "").replace(/[^0-9A-Fa-f]/g, "").slice(0, b).toUpperCase();
-      t.showOpacityInHex ? x.length === 6 || x.length === 8 ? (r.value = x, T(x), d.preventDefault()) : x.length > 0 && (r.value = x, d.preventDefault()) : x.length === 6 ? (r.value = x, T(x), d.preventDefault()) : x.length > 0 && (r.value = x, d.preventDefault());
+      t.showOpacityInHex ? x.length === 6 || x.length === 8 ? (r.value = x, $(x), d.preventDefault()) : x.length > 0 && (r.value = x, d.preventDefault()) : x.length === 6 ? (r.value = x, $(x), d.preventDefault()) : x.length > 0 && (r.value = x, d.preventDefault());
     }
     function F() {
       const d = t.showOpacityInHex ? 8 : 6;
       r.value.length !== d && A();
     }
-    function T(d) {
+    function $(d) {
       const k = d.startsWith("#") ? d.slice(1) : d, b = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k), x = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k), E = x || b;
       if (!E) {
         const X = /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/.exec(d);
@@ -2451,7 +2454,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
       u.value.includes(d) || u.value.push(d);
     }
     function ne(d) {
-      T(d);
+      $(d);
     }
     function f() {
       r.value = "", i.value = 0, o.value = 0, s.value = 0, l.value = 0.4, n("color-change", "transparent");
@@ -2474,7 +2477,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
               class: "color-picker__color-canvas",
               style: se({
                 background: `linear-gradient(to bottom, transparent, black),
-                        linear-gradient(to right, white, ${$.value})`
+                        linear-gradient(to right, white, ${T.value})`
               }),
               onMousedown: D
             }, [
@@ -2553,7 +2556,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
             key: `preset-${x}-${q}`,
             color: E,
             "is-transparent": E === "transparent",
-            onClick: (Y) => E === "transparent" ? H(0) : T(E)
+            onClick: (Y) => E === "transparent" ? H(0) : $(E)
           }, null, 8, ["color", "is-transparent", "onClick"]))), 128))
         ]))), 128)),
         S.value.length === 0 ? (_(), m("div", Zo, [
@@ -2659,36 +2662,36 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
     const t = Cn, n = e, o = a, s = O(), l = O(), i = O(!1), r = O(null), u = O(""), c = O(null), v = O({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), I = Wt([...n.items]), w = Wt([...n.items]), S = () => {
       if (!s.value)
         return;
-      const { offsetTop: T, offsetLeft: H, offsetWidth: W } = s.value, ee = window.innerHeight, ne = T + s.value.offsetHeight, f = ne + n.menuHeight > ee;
+      const { offsetTop: $, offsetLeft: H, offsetWidth: W } = s.value, ee = window.innerHeight, ne = $ + s.value.offsetHeight, f = ne + n.menuHeight > ee;
       v.value = {
         x: H + window.scrollX,
-        y: f ? T + window.scrollY : ne + window.scrollY,
+        y: f ? $ + window.scrollY : ne + window.scrollY,
         width: W,
         shouldOpenUp: f,
         height: n.menuHeight
       };
-    }, $ = () => {
+    }, T = () => {
       S(), i.value = !i.value;
     }, B = () => {
       c.value = null, u.value = "", I.splice(0, I.length, ...w);
     }, g = () => {
       i.value = !1, B();
-    }, A = (T) => {
-      r.value = T, o("select-item", T), o("update:modelValue", T.value), g();
+    }, A = ($) => {
+      r.value = $, o("select-item", $), o("update:modelValue", $.value), g();
     }, D = () => {
-      const T = u.value.trim(), H = n.validateAddItem(T, w);
+      const $ = u.value.trim(), H = n.validateAddItem($, w);
       if (H) {
         c.value = H, o("add-error", H);
         return;
       }
       const W = {
-        text: T,
-        value: T
+        text: $,
+        value: $
       };
       w.push(W), B(), o("item-added", W);
     }, h = () => {
-      const T = At(w, "text", u.value);
-      I.splice(0, I.length, ...T);
+      const $ = At(w, "text", u.value);
+      I.splice(0, I.length, ...$);
     }, P = () => {
       c.value = "";
     }, j = M(() => ({
@@ -2699,36 +2702,36 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
     }));
     qe(() => {
       if (S(), n.modelValue) {
-        const T = w.find((H) => H.value === n.modelValue);
-        T && (r.value = T);
+        const $ = w.find((H) => H.value === n.modelValue);
+        $ && (r.value = $);
       }
     });
     const R = M(() => r.value ? r.value.text : "");
-    oe(() => n.modelValue, (T) => {
+    oe(() => n.modelValue, ($) => {
       var H;
-      if (((H = r.value) == null ? void 0 : H.value) !== T) {
-        const W = w.find((ee) => ee.value === T);
+      if (((H = r.value) == null ? void 0 : H.value) !== $) {
+        const W = w.find((ee) => ee.value === $);
         W && (r.value = W);
       }
     }), oe(
       () => n.items,
-      (T) => {
-        w.splice(0, w.length, ...T), I.splice(0, I.length, ...T);
+      ($) => {
+        w.splice(0, w.length, ...$), I.splice(0, I.length, ...$);
       },
       { deep: !0 }
     );
     const F = O({ handler: g, exclude: [s, l] });
-    return (T, H) => (_(), m(le, null, [
+    return ($, H) => (_(), m(le, null, [
       V("div", {
         ref_key: "dropdownRef",
         ref: s,
         class: y(p(re).dropdown)
       }, [
-        T.label ? (_(), m("label", {
+        $.label ? (_(), m("label", {
           key: 0,
           class: y(p(re).dropdown__label),
-          for: T.id
-        }, z(T.label), 11, gl)) : L("", !0),
+          for: $.id
+        }, z($.label), 11, gl)) : L("", !0),
         V("button", {
           class: y([
             p(re).dropdown__valueContent,
@@ -2736,15 +2739,15 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
               [p(re)["dropdown__valueContent--open"]]: i.value
             }
           ]),
-          onClick: $
+          onClick: T
         }, [
           V("span", {
             class: y(p(re).dropdown__value)
           }, z(R.value), 3),
-          T.placeholder && !R.value ? (_(), m("span", {
+          $.placeholder && !R.value ? (_(), m("span", {
             key: 0,
             class: y(p(re).dropdown__placeholder)
-          }, z(T.placeholder), 3)) : L("", !0),
+          }, z($.placeholder), 3)) : L("", !0),
           (_(), m("svg", {
             fill: "none",
             height: "17",
@@ -2783,7 +2786,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
                   [p(re)["menu__searchInput--error"]]: c.value
                 }
               ]),
-              placeholder: T.searchPlaceHolder,
+              placeholder: $.searchPlaceHolder,
               "onUpdate:modelValue": H[0] || (H[0] = (W) => u.value = W),
               onFocus: P,
               onInput: h
@@ -2799,7 +2802,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
             key: 0,
             class: y(p(re).menu__addButton),
             onClick: D
-          }, z(T.addButtonText), 3)) : L("", !0)
+          }, z($.addButtonText), 3)) : L("", !0)
         ], 2)) : L("", !0),
         V("ul", {
           class: y(p(re).menu__itemContainer)
@@ -3012,7 +3015,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
     const t = e, n = a, o = O(null), s = O(null), l = O(null), i = O(""), r = O(""), u = /* @__PURE__ */ new Map(), c = `in-cascading-menu-search-${Math.random().toString(36).slice(2, 9)}`, v = M(() => t.searchInputId ?? c), I = M(() => `${v.value}-child`), w = M(() => t.items.flatMap((C) => "kind" in C && C.kind === "group" ? [
       { type: "group-header", label: C.label },
       ...C.items.map((U) => ({ type: "item", item: U }))
-    ] : [{ type: "item", item: C }])), S = M(() => w.value.filter((C) => C.type === "item").map((C) => C.item)), $ = M(() => t.searchable), B = M(() => $.value && r.value.trim().length > 0), g = M(() => {
+    ] : [{ type: "item", item: C }])), S = M(() => w.value.filter((C) => C.type === "item").map((C) => C.item)), T = M(() => t.searchable), B = M(() => T.value && r.value.trim().length > 0), g = M(() => {
       const C = {
         width: `${t.width}px`,
         maxWidth: `${t.width}px`
@@ -3026,7 +3029,7 @@ const qa = "_bubble_6zub9_1", Ya = "_trigger_6zub9_43", Wa = "_trigger__icon_6zu
       strategy: "fixed",
       whileElementsMounted: yt,
       middleware: [wt(3), kt(), xt({ padding: 8 })]
-    }), T = M(() => t.submenuPlacement === "left"), H = M(() => T.value ? "left-start" : "right-start"), W = M(() => T.value ? ["right-start"] : ["left-start"]), ee = M(() => [
+    }), $ = M(() => t.submenuPlacement === "left"), H = M(() => $.value ? "left-start" : "right-start"), W = M(() => $.value ? ["right-start"] : ["left-start"]), ee = M(() => [
       wt({ mainAxis: 0, crossAxis: -8 }),
       kt({ fallbackPlacements: W.value }),
       xt({ padding: 8 }),
@@ -3293,12 +3296,12 @@ const oi = "_root_avx14_36", li = "_sizeMedium_avx14_44", on = {
   emits: ["update:modelValue", "escape", "clear"],
   setup(e, { expose: a, emit: t }) {
     const n = e, o = t, s = An("search"), l = M(() => n.id || s), i = M(() => n.name || l.value), r = O(null), u = M(() => n.modelValue.length > 0), c = M(() => n.clearable && u.value ? ii : "line-search");
-    function v($) {
-      o("update:modelValue", String($));
+    function v(T) {
+      o("update:modelValue", String(T));
     }
-    function I($) {
-      if ($.key === "Escape") {
-        if ($.stopPropagation(), n.modelValue) {
+    function I(T) {
+      if (T.key === "Escape") {
+        if (T.stopPropagation(), n.modelValue) {
           o("update:modelValue", ""), o("clear");
           return;
         }
@@ -3310,11 +3313,11 @@ const oi = "_root_avx14_36", li = "_sizeMedium_avx14_44", on = {
     }
     function S() {
       var B, g;
-      const $ = (g = (B = r.value) == null ? void 0 : B.$el) == null ? void 0 : g.querySelector("input");
-      $ == null || $.focus();
+      const T = (g = (B = r.value) == null ? void 0 : B.$el) == null ? void 0 : g.querySelector("input");
+      T == null || T.focus();
     }
-    return a({ focus: S }), ($, B) => (_(), m("div", {
-      class: y([p(on).root, $.size === "medium" && p(on).sizeMedium]),
+    return a({ focus: S }), (T, B) => (_(), m("div", {
+      class: y([p(on).root, T.size === "medium" && p(on).sizeMedium]),
       onKeydown: I
     }, [
       G(ut, {
@@ -3324,9 +3327,9 @@ const oi = "_root_avx14_36", li = "_sizeMedium_avx14_44", on = {
         "right-icon-status": "",
         "helper-message-status": !1,
         "label-status": !1,
-        "model-value": $.modelValue,
+        "model-value": T.modelValue,
         name: i.value,
-        "placeholder-text": $.placeholder,
+        "placeholder-text": T.placeholder,
         "right-icon-name": c.value,
         onRightIconClick: w,
         "onUpdate:modelValue": v
@@ -3510,7 +3513,7 @@ const oi = "_root_avx14_36", li = "_sizeMedium_avx14_44", on = {
         return "right-end";
       const h = o.position === "top" ? "top" : "bottom";
       return o.align === "center" ? h : o.align === "right" ? `${h}-end` : `${h}-start`;
-    }), I = M(() => o.positionStrategy === "fixed" ? "fixed" : "absolute"), w = M(() => [wt(o.gap), kt(), xt({ padding: Mi })]), { floatingStyles: S, isPositioned: $ } = Ct(r, i, {
+    }), I = M(() => o.positionStrategy === "fixed" ? "fixed" : "absolute"), w = M(() => [wt(o.gap), kt(), xt({ padding: Mi })]), { floatingStyles: S, isPositioned: T } = Ct(r, i, {
       placement: v,
       strategy: I,
       middleware: w,
@@ -3558,7 +3561,7 @@ const oi = "_root_avx14_36", li = "_sizeMedium_avx14_44", on = {
         ref_key: "contentRef",
         ref: i,
         class: y(["popover__content", {
-          "popover__content--visible": p($),
+          "popover__content--visible": p(T),
           "popover__content--elevated": h.elevated
         }]),
         style: se([p(S), B.value]),
@@ -3620,7 +3623,7 @@ const oi = "_root_avx14_36", li = "_sizeMedium_avx14_44", on = {
       s.value = !1, I();
     }, S = (A) => {
       l.value = A, o("select-item", A), o("update:modelValue", A.value), w();
-    }, $ = () => {
+    }, T = () => {
       const A = i.value.trim(), D = n.validateAddItem(A, c.value);
       if (D) {
         r.value = D, o("add-error", D);
@@ -3711,7 +3714,7 @@ const oi = "_root_avx14_36", li = "_sizeMedium_avx14_44", on = {
               size: "small",
               variant: "text",
               label: A.addButtonText,
-              onClick: $
+              onClick: T
             }, null, 8, ["label"])) : L("", !0)
           ])) : L("", !0),
           u.value.length === 0 && A.searchable ? pe(A.$slots, "no-results", { key: 1 }, void 0, !0) : (_(), m("ul", Vi, [
@@ -3844,7 +3847,7 @@ const oi = "_root_avx14_36", li = "_sizeMedium_avx14_44", on = {
       B(), s("cut", g);
     }, S = (g) => {
       B(), s("paste", g);
-    }, $ = (g) => {
+    }, T = (g) => {
       B(), s("blur", g);
     }, B = () => {
       n.preventXss && l.value && (l.value.value = i(l.value.value));
@@ -3883,7 +3886,7 @@ const oi = "_root_avx14_36", li = "_sizeMedium_avx14_44", on = {
         rows: g.rowLength,
         style: se(o.value),
         value: r.value,
-        onBlur: $,
+        onBlur: T,
         onClick: v,
         onCut: w,
         onInput: I,
@@ -4335,20 +4338,20 @@ const ms = ["src"], Tr = /* @__PURE__ */ K({
     const n = t, o = e;
     let s, l;
     const i = O(null), r = new Blob([rs(o.monacoVsPath)], { type: "text/html" }), u = URL.createObjectURL(r), c = fs(), v = async () => {
-      var $, B;
-      const S = (B = ($ = i.value) == null ? void 0 : $.contentWindow) == null ? void 0 : B.monaco;
+      var T, B;
+      const S = (B = (T = i.value) == null ? void 0 : T.contentWindow) == null ? void 0 : B.monaco;
       return S && (await c[o.language](s, S)).valid || !1;
     };
     async function I() {
       const S = i.value;
       if (!(S != null && S.contentWindow) || !S.contentDocument)
         return;
-      const { contentDocument: $, contentWindow: B } = S;
+      const { contentDocument: T, contentWindow: B } = S;
       await B.editorPromise;
-      const { monaco: g } = B, A = $.querySelector(".editor");
+      const { monaco: g } = B, A = T.querySelector(".editor");
       if (!A)
         return;
-      if ($.body.appendChild(A), o.language === "liquid")
+      if (T.body.appendChild(A), o.language === "liquid")
         try {
           ps(g, () => o.liquidVariables);
         } catch (h) {
@@ -4393,7 +4396,7 @@ const ms = ["src"], Tr = /* @__PURE__ */ K({
         n("update:shouldShowLengthError", !1);
       }, 100));
       try {
-        const h = $.createElement("style"), P = o.errorGlyph ? ".monaco-editor .margin { background-color: #dcdee6 !important; } .monaco-editor .line-numbers { color: #91949f !important; text-align: center !important; font-family: Figtree, sans-serif !important; font-size: 15px !important; } .monaco-editor .view-overlays .current-line { border: none !important; background-color: #cceeff44 !important; }" : "";
+        const h = T.createElement("style"), P = o.errorGlyph ? ".monaco-editor .margin { background-color: #dcdee6 !important; } .monaco-editor .line-numbers { color: #91949f !important; text-align: center !important; font-family: Figtree, sans-serif !important; font-size: 15px !important; } .monaco-editor .view-overlays .current-line { border: none !important; background-color: #cceeff44 !important; }" : "";
         h.textContent = `
             ${P}
             .decorationsOverviewRuler { display: none !important; }
@@ -4431,46 +4434,46 @@ const ms = ["src"], Tr = /* @__PURE__ */ K({
                 color: #91949f;
                 white-space: pre;
             }
-        `, $.head.appendChild(h);
+        `, T.head.appendChild(h);
         const j = s.createDecorationsCollection(), R = s.getModel();
         if (l = g.editor.onDidChangeMarkers(() => {
           if (!R)
             return;
-          const F = g.editor.getModelMarkers({ resource: R.uri }).filter((T) => T.severity === g.MarkerSeverity.Error);
-          o.errorGlyph && j.set(F.map((T) => ({
-            range: new g.Range(T.startLineNumber, 1, T.startLineNumber, 1),
+          const F = g.editor.getModelMarkers({ resource: R.uri }).filter(($) => $.severity === g.MarkerSeverity.Error);
+          o.errorGlyph && j.set(F.map(($) => ({
+            range: new g.Range($.startLineNumber, 1, $.startLineNumber, 1),
             options: {
               isWholeLine: !0,
               linesDecorationsClassName: "monaco-error-glyph"
             }
           }))), n("update:valid", F.length === 0);
         }), o.errorGlyph) {
-          const F = $.createElement("div");
-          F.className = "monaco-error-tooltip", F.style.display = "none", $.body.appendChild(F);
-          const T = () => {
+          const F = T.createElement("div");
+          F.className = "monaco-error-tooltip", F.style.display = "none", T.body.appendChild(F);
+          const $ = () => {
             F.style.display = "none";
           };
           s.onMouseMove((H) => {
             var f;
             if (H.target.type !== g.editor.MouseTargetType.GUTTER_LINE_DECORATIONS || !H.target.position || !R) {
-              T();
+              $();
               return;
             }
             const W = H.target.position.lineNumber, ee = g.editor.getModelMarkers({ resource: R.uri }).find((d) => d.severity === g.MarkerSeverity.Error && d.startLineNumber === W);
             if (!ee) {
-              T();
+              $();
               return;
             }
             const ne = (f = H.target.element) == null ? void 0 : f.getBoundingClientRect();
             F.textContent = ee.message, F.style.display = "block", ne && (F.style.left = `${ne.left}px`, F.style.top = `${ne.bottom + 3}px`);
-          }), s.onMouseLeave(T);
+          }), s.onMouseLeave($);
         }
       } catch (h) {
         console.error("[MonacoEditor] error-line highlight setup failed", h);
       }
       if (o.placeholder)
         try {
-          const h = $.createElement("div"), P = s.getOption(g.editor.EditorOption.fontInfo);
+          const h = T.createElement("div"), P = s.getOption(g.editor.EditorOption.fontInfo);
           h.className = "monaco-placeholder", h.textContent = o.placeholder, h.style.left = `${s.getLayoutInfo().contentLeft}px`, h.style.fontFamily = P.fontFamily, h.style.fontSize = `${P.fontSize}px`, h.style.lineHeight = `${P.lineHeight}px`, A.appendChild(h);
           const j = () => {
             h.style.display = s.getValue().length === 0 ? "block" : "none";
@@ -4484,8 +4487,8 @@ const ms = ["src"], Tr = /* @__PURE__ */ K({
     return oe(
       () => o.liquidVariables,
       () => {
-        var $, B;
-        const S = (B = ($ = i.value) == null ? void 0 : $.contentWindow) == null ? void 0 : B.monaco;
+        var T, B;
+        const S = (B = (T = i.value) == null ? void 0 : T.contentWindow) == null ? void 0 : B.monaco;
         s && S && o.language === "liquid" && !o.disableValidation && c.liquid(s, S, o.liquidVariables.map((g) => g.key));
       }
     ), Ln(() => {
@@ -4496,7 +4499,7 @@ const ms = ["src"], Tr = /* @__PURE__ */ K({
         code: s.getValue(),
         valid: S
       };
-    } }), (S, $) => (_(), m("iframe", {
+    } }), (S, T) => (_(), m("iframe", {
       ref_key: "iframe",
       ref: i,
       sandbox: "allow-same-origin allow-scripts allow-forms allow-modals allow-popups",