@useinsider/ab-components 0.0.106-beta.0 → 0.0.106-beta.1

package/dist/ab-components.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, computed as k, openBlock as p, createElementBlock as f, normalizeClass as g, createBlock as J, unref as c, createCommentVNode as V, toDisplayString as H, createElementVNode as A, createVNode as Z, renderSlot as ce, Fragment as ie, renderList as me, normalizeStyle as se, ref as P, watch as le, onMounted as Ge, nextTick as lt, reactive as Ut, withDirectives as ft, withModifiers as rt, vModelText as wn, vShow as an, shallowRef as yn, getCurrentScope as xn, onScopeDispose as kn, shallowReadonly as We, onBeforeUnmount as ut, Teleport as ln, resolveDynamicComponent as An, withCtx as he, createTextVNode as ot, useCssVars as Cn, Transition as sn, onBeforeMount as Bn } from "vue";
+import { defineComponent as G, computed as k, openBlock as p, createElementBlock as f, normalizeClass as g, createBlock as J, unref as c, createCommentVNode as V, toDisplayString as H, createElementVNode as C, createVNode as Z, renderSlot as ce, Fragment as ie, renderList as me, normalizeStyle as se, ref as P, watch as le, onMounted as Ge, nextTick as lt, reactive as Ut, withDirectives as ft, withModifiers as rt, vModelText as wn, vShow as an, shallowRef as yn, getCurrentScope as xn, onScopeDispose as kn, shallowReadonly as We, onBeforeUnmount as ut, Teleport as ln, resolveDynamicComponent as An, withCtx as he, createTextVNode as ot, useCssVars as Cn, Transition as sn, onBeforeMount as Bn } from "vue";
 const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8", $n = "_button_1lulf_1", Mn = "_button__label_1lulf_60", Tn = "_button__solid_1lulf_72", Vn = "_fill_1lulf_1335", De = {
   button__size_default: Sn,
   button__size_small: In,
@@ -63,9 +63,9 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = (i) => {
+    const t = e, n = o, l = (i) => {
       t.disabled || n("click", i);
-    }, r = k(() => t.loadingStatus ? "loading-circle" : t.successStatus ? "line-check-natural" : t.leftIconName), l = k(() => {
+    }, r = k(() => t.loadingStatus ? "loading-circle" : t.successStatus ? "line-check-natural" : t.leftIconName), a = k(() => {
       const i = [
         De.button,
         De[`button__${t.variant}`],
@@ -75,9 +75,9 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       return t.fill && i.push(De.fill), t.selected && i.push(De["button--selected"]), t.customClass && i.push(t.customClass), i;
     });
     return (i, s) => (p(), f("button", {
-      class: g(l.value),
+      class: g(a.value),
       disabled: t.disabled,
-      onClick: a
+      onClick: l
     }, [
       r.value ? (p(), J(c(X), {
         key: 0,
@@ -119,7 +119,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
   },
   emits: ["remove", "click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = k(() => [
+    const t = e, n = o, l = k(() => [
       Ve.chip,
       Ve[`chip--${t.variant}`],
       {
@@ -129,11 +129,11 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
     function r() {
       t.clickable && n("click");
     }
-    function l(i) {
+    function a(i) {
       i.stopPropagation(), n("remove");
     }
     return (i, s) => (p(), f("div", {
-      class: g(a.value),
+      class: g(l.value),
       onClick: r
     }, [
       i.thumbnailUrl || i.iconName ? (p(), f("span", {
@@ -152,14 +152,14 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
           size: 24
         }, null, 8, ["class", "name"])) : V("", !0)
       ], 2)) : V("", !0),
-      A("span", {
+      C("span", {
         class: g(c(Ve).chip__label)
       }, H(i.label), 3),
       i.removable ? (p(), f("button", {
         key: 1,
         type: "button",
         class: g(c(Ve).chip__remove),
-        onClick: l
+        onClick: a
       }, [
         Z(c(X), {
           name: "chip-close",
@@ -188,49 +188,49 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = k(() => t.modelValue !== void 0 ? t.modelValue : t.checked);
-    function r(l) {
+    const t = e, n = o, l = k(() => t.modelValue !== void 0 ? t.modelValue : t.checked);
+    function r(a) {
       if (t.disabled) {
-        l.preventDefault();
+        a.preventDefault();
         return;
       }
-      const s = l.target.checked;
+      const s = a.target.checked;
       n("update:modelValue", s), n("change", s);
     }
-    return (l, i) => (p(), f("label", {
+    return (a, i) => (p(), f("label", {
       class: g([
         c(Ue).checkbox,
         {
-          [c(Ue).checkbox__checked]: a.value,
-          [c(Ue).checkbox__disabled]: l.disabled
+          [c(Ue).checkbox__checked]: l.value,
+          [c(Ue).checkbox__disabled]: a.disabled
         }
       ]),
-      for: l.id
+      for: a.id
     }, [
-      A("input", {
-        id: l.id,
+      C("input", {
+        id: a.id,
         type: "checkbox",
-        checked: a.value,
+        checked: l.value,
         class: g(c(Ue).checkbox__input),
-        disabled: l.disabled,
-        name: l.name,
-        value: l.value,
+        disabled: a.disabled,
+        name: a.name,
+        value: a.value,
         onChange: r
       }, null, 42, Yn),
-      A("span", {
+      C("span", {
         class: g(c(Ue).checkbox__box)
       }, [
-        a.value ? (p(), J(c(X), {
+        l.value ? (p(), J(c(X), {
           key: 0,
           name: "line-check-netural",
           size: 16
         })) : V("", !0)
       ], 2),
-      l.label ? (p(), f("span", {
+      a.label ? (p(), f("span", {
         key: 0,
         class: g(c(Ue).checkbox__label)
-      }, H(l.label), 3)) : V("", !0),
-      ce(l.$slots, "default")
+      }, H(a.label), 3)) : V("", !0),
+      ce(a.$slots, "default")
     ], 10, Qn));
   }
 }), Gn = "_colorPreview_16zoj_36", jn = "_colorPreview__container_16zoj_55", Xn = "_colorPreview__swatch_16zoj_61", dt = {
@@ -251,14 +251,14 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       dt.colorPreview,
       dt[`colorPreview--${o.size}`]
     ]);
-    return (n, a) => (p(), f("div", {
+    return (n, l) => (p(), f("div", {
       class: g(t.value)
     }, [
-      A("div", {
+      C("div", {
         class: g(c(dt).colorPreview__container)
       }, [
-        (p(!0), f(ie, null, me(n.colors, (r, l) => (p(), f("div", {
-          key: l,
+        (p(!0), f(ie, null, me(n.colors, (r, a) => (p(), f("div", {
+          key: a,
           class: g(c(dt).colorPreview__swatch),
           style: se({ backgroundColor: r })
         }, null, 6))), 128))
@@ -320,7 +320,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "keyup", "keypress", "click", "paste", "leftIconClick", "rightIconClick"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = P(""), r = k(() => t.preventXss ? String(t.labelText).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : t.labelText), l = k(() => t.states === "default"), i = k(
+    const t = e, n = o, l = P(""), r = k(() => t.preventXss ? String(t.labelText).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : t.labelText), a = k(() => t.states === "default"), i = k(
       () => t.states === "warning" || t.states === "error"
     ), s = k(
       () => t.helperMessageStatus || i.value
@@ -333,7 +333,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
         const M = String(_.target.value).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
         _.target.value !== M && (_.target.value = M);
       }
-      return a.value = ((m = _ == null ? void 0 : _.target) == null ? void 0 : m.value) || "", _;
+      return l.value = ((m = _ == null ? void 0 : _.target) == null ? void 0 : m.value) || "", _;
     }, b = () => {
       let _ = "";
       return t.allowDecimal && (_ += "."), t.allowComma && (_ += ","), new RegExp(`[${_}]`, "g");
@@ -346,16 +346,16 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       const m = _.target, { selectionStart: M } = m;
       if (M === null)
         return;
-      const I = M - 1, { value: C } = _.target, O = $(), U = [...C.matchAll(O)].map((Q) => Q.index);
-      _.target.value = C.replace(O, ""), U.length > 0 && I >= 0 && m.setSelectionRange(I, I);
+      const I = M - 1, { value: A } = _.target, O = $(), U = [...A.matchAll(O)].map((Q) => Q.index);
+      _.target.value = A.replace(O, ""), U.length > 0 && I >= 0 && m.setSelectionRange(I, I);
     }, S = (_) => {
       if (!(_ != null && _.target))
         return;
       const { value: m } = _.target, M = _.target, { selectionStart: I } = M;
       if (I === null)
         return;
-      const C = I - 1, O = b(), U = [...m.matchAll(O)].map((ae) => ae.index), Q = m.split("");
-      U.length > 1 && C >= 0 && (Q[C] = ""), _.target.value = Q.join(""), U.length > 1 && C >= 0 && M.setSelectionRange(C, C);
+      const A = I - 1, O = b(), U = [...m.matchAll(O)].map((ae) => ae.index), Q = m.split("");
+      U.length > 1 && A >= 0 && (Q[A] = ""), _.target.value = Q.join(""), U.length > 1 && A >= 0 && M.setSelectionRange(A, A);
     }, w = (_) => {
       n("keyup", _);
     }, y = (_) => {
@@ -371,13 +371,13 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       const m = _;
       u.value && (T(m), S(m)), x(m);
       const M = ((I = m == null ? void 0 : m.target) == null ? void 0 : I.value) || "";
-      a.value = M, n("input", M), n("update:modelValue", M);
+      l.value = M, n("input", M), n("update:modelValue", M);
     }, z = (_) => {
       var I;
       const m = _;
       u.value && (T(m), S(m)), x(m);
       const M = ((I = m == null ? void 0 : m.target) == null ? void 0 : I.value) || "";
-      a.value = M, n("change", M), n("update:modelValue", M);
+      l.value = M, n("change", M), n("update:modelValue", M);
     }, q = (_) => {
       var D, Y;
       if (t.maxCharacterLength && typeof t.maxCharacterLength == "number") {
@@ -395,7 +395,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
           const Fe = Je.slice(0, ge) + et + Je.slice(Ie);
           oe.value = Fe;
           const Wt = ge + et.length;
-          oe.setSelectionRange(Wt, Wt), a.value = Fe, n("input", Fe), n("update:modelValue", Fe);
+          oe.setSelectionRange(Wt, Wt), l.value = Fe, n("input", Fe), n("update:modelValue", Fe);
           return;
         }
       }
@@ -405,7 +405,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       const m = _.target, M = m.selectionStart, I = m.selectionEnd;
       if (M === null || I === null)
         return;
-      const { value: C } = m, O = C.includes(".") || C.includes(","), U = ((Y = _.clipboardData) == null ? void 0 : Y.getData("text/plain")) || "", Q = b(), ae = $();
+      const { value: A } = m, O = A.includes(".") || A.includes(","), U = ((Y = _.clipboardData) == null ? void 0 : Y.getData("text/plain")) || "", Q = b(), ae = $();
       let ne = U.replace(ae, "");
       const Ze = [...ne.matchAll(Q)], de = [];
       Ze.forEach((oe) => {
@@ -415,8 +415,8 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       O || de.shift(), de.forEach((oe) => {
         ve[oe] = "";
       }), ne = ve.join("");
-      const B = M + ne.length, K = C.slice(0, M) + ne + C.slice(I);
-      m.value = K, m.setSelectionRange(B, B), a.value = K, n("input", K), n("update:modelValue", K);
+      const B = M + ne.length, K = A.slice(0, M) + ne + A.slice(I);
+      m.value = K, m.setSelectionRange(B, B), l.value = K, n("input", K), n("update:modelValue", K);
     }, h = (_) => {
       n("leftIconClick", _);
     }, L = (_) => {
@@ -430,7 +430,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
     return le(
       () => t.modelValue,
       (_) => {
-        a.value = _;
+        l.value = _;
       },
       { immediate: !0 }
     ), le(
@@ -454,9 +454,9 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
         class: "in-basic-text-input-wrapper__label",
         for: _.id
       }, [
-        A("span", { innerHTML: r.value }, null, 8, Jn)
+        C("span", { innerHTML: r.value }, null, 8, Jn)
       ], 8, Zn)) : V("", !0),
-      A("div", eo, [
+      C("div", eo, [
         _.$slots.leftSlot ? (p(), f("div", to, [
           ce(_.$slots, "leftSlot", {}, void 0, !0)
         ])) : V("", !0),
@@ -467,7 +467,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
           size: 24,
           onClick: h
         }, null, 8, ["name"])) : V("", !0),
-        A("input", {
+        C("input", {
           id: _.id,
           ref_key: "textInput",
           ref: N,
@@ -481,7 +481,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
           placeholder: _.placeholderText,
           readonly: _.readonly,
           type: _.type,
-          value: a.value,
+          value: l.value,
           onBlur: R,
           onChange: z,
           onClick: F,
@@ -505,7 +505,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       ]),
       s.value ? (p(), f("div", lo, [
         _.helperMessageStatus || i.value ? (p(), f("div", io, [
-          l.value ? (p(), f("p", so, H(_.helperMessage), 1)) : V("", !0),
+          a.value ? (p(), f("p", so, H(_.helperMessage), 1)) : V("", !0),
           i.value && !_.disabledStatus ? (p(), f("p", ro, H(_.stateMessage), 1)) : V("", !0)
         ])) : V("", !0)
       ])) : V("", !0)
@@ -513,8 +513,8 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
   }
 }), fe = (e, o) => {
   const t = e.__vccOpts || e;
-  for (const [n, a] of o)
-    t[n] = a;
+  for (const [n, l] of o)
+    t[n] = l;
   return t;
 }, it = /* @__PURE__ */ fe(uo, [["__scopeId", "data-v-92d939e1"]]), co = {
   key: 0,
@@ -537,12 +537,12 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       }
       return !1;
     });
-    return (n, a) => (p(), f("div", {
+    return (n, l) => (p(), f("div", {
       class: "color-swatch",
-      onClick: a[0] || (a[0] = (r) => n.$emit("click"))
+      onClick: l[0] || (l[0] = (r) => n.$emit("click"))
     }, [
       n.isTransparent || t.value ? (p(), f("div", co, [
-        a[1] || (a[1] = A("div", { class: "color-swatch__checkerboard" }, null, -1)),
+        l[1] || (l[1] = C("div", { class: "color-swatch__checkerboard" }, null, -1)),
         t.value ? (p(), f("div", {
           key: 0,
           class: "color-swatch__color-overlay",
@@ -598,27 +598,27 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
   },
   emits: ["color-change", "close"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = P(0), r = P(0), l = P(0.4), i = P(1), s = P("666666"), u = P([]), d = P(!1), v = P(null), x = P(null), b = P(null), $ = k(() => {
-      const m = t.presetColors || [], M = [], I = 11, C = t.firstRowCount;
+    const t = e, n = o, l = P(0), r = P(0), a = P(0.4), i = P(1), s = P("666666"), u = P([]), d = P(!1), v = P(null), x = P(null), b = P(null), $ = k(() => {
+      const m = t.presetColors || [], M = [], I = 11, A = t.firstRowCount;
       if (m.length === 0)
         return M;
-      M.push(m.slice(0, C));
-      for (let O = C; O < m.length; O += I)
+      M.push(m.slice(0, A));
+      for (let O = A; O < m.length; O += I)
         M.push(m.slice(O, O + I));
       return M;
     }), T = k(() => {
-      const m = a.value, M = 1 - Math.abs(m * 6 % 2 - 1);
-      let I = 0, C = 0, O = 0;
-      return m < 1 / 6 ? (I = 1, C = M) : m < 2 / 6 ? (I = M, C = 1) : m < 3 / 6 ? (C = 1, O = M) : m < 4 / 6 ? (C = M, O = 1) : m < 5 / 6 ? (I = M, O = 1) : (I = 1, O = M), `rgb(${Math.round(I * 255)}, ${Math.round(C * 255)}, ${Math.round(O * 255)})`;
+      const m = l.value, M = 1 - Math.abs(m * 6 % 2 - 1);
+      let I = 0, A = 0, O = 0;
+      return m < 1 / 6 ? (I = 1, A = M) : m < 2 / 6 ? (I = M, A = 1) : m < 3 / 6 ? (A = 1, O = M) : m < 4 / 6 ? (A = M, O = 1) : m < 5 / 6 ? (I = M, O = 1) : (I = 1, O = M), `rgb(${Math.round(I * 255)}, ${Math.round(A * 255)}, ${Math.round(O * 255)})`;
     }), S = k(() => {
-      const m = a.value, M = r.value, I = l.value, C = I * M, O = C * (1 - Math.abs(m * 6 % 2 - 1)), U = I - C;
+      const m = l.value, M = r.value, I = a.value, A = I * M, O = A * (1 - Math.abs(m * 6 % 2 - 1)), U = I - A;
       let Q = 0, ae = 0, ne = 0;
-      return m < 1 / 6 ? (Q = C, ae = O) : m < 2 / 6 ? (Q = O, ae = C) : m < 3 / 6 ? (ae = C, ne = O) : m < 4 / 6 ? (ae = O, ne = C) : m < 5 / 6 ? (Q = O, ne = C) : (Q = C, ne = O), Q = Math.round((Q + U) * 255), ae = Math.round((ae + U) * 255), ne = Math.round((ne + U) * 255), `rgb(${Q}, ${ae}, ${ne})`;
+      return m < 1 / 6 ? (Q = A, ae = O) : m < 2 / 6 ? (Q = O, ae = A) : m < 3 / 6 ? (ae = A, ne = O) : m < 4 / 6 ? (ae = O, ne = A) : m < 5 / 6 ? (Q = O, ne = A) : (Q = A, ne = O), Q = Math.round((Q + U) * 255), ae = Math.round((ae + U) * 255), ne = Math.round((ne + U) * 255), `rgb(${Q}, ${ae}, ${ne})`;
     }), w = k(() => {
       const m = S.value.match(/\d+/g);
       return m ? i.value < 1 ? `rgba(${m[0]}, ${m[1]}, ${m[2]}, ${i.value})` : `rgb(${m[0]}, ${m[1]}, ${m[2]})` : S.value;
     });
-    le([a, r, l, i], () => {
+    le([l, r, a, i], () => {
       y(), d.value || n("color-change", w.value);
     }), le(
       () => t.color,
@@ -649,30 +649,30 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
         if (!v.value)
           return;
         const U = v.value.getBoundingClientRect(), Q = Math.max(0, Math.min(1, (O.clientX - U.left) / U.width)), ae = Math.max(0, Math.min(1, (O.clientY - U.top) / U.height));
-        r.value = Q, l.value = 1 - ae;
+        r.value = Q, a.value = 1 - ae;
       };
       M(m);
       const I = (O) => {
         M(O);
-      }, C = () => {
-        document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", C);
+      }, A = () => {
+        document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", A);
       };
-      document.addEventListener("mousemove", I), document.addEventListener("mouseup", C);
+      document.addEventListener("mousemove", I), document.addEventListener("mouseup", A);
     }
     function R(m) {
       const M = (O) => {
         if (!x.value)
           return;
         const U = x.value.getBoundingClientRect(), Q = Math.max(0, Math.min(1, (O.clientY - U.top) / U.height));
-        a.value = Q;
+        l.value = Q;
       };
       M(m);
       const I = (O) => {
         M(O);
-      }, C = () => {
-        document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", C);
+      }, A = () => {
+        document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", A);
       };
-      document.addEventListener("mousemove", I), document.addEventListener("mouseup", C);
+      document.addEventListener("mousemove", I), document.addEventListener("mouseup", A);
     }
     function F(m) {
       const M = (O) => {
@@ -684,10 +684,10 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       M(m);
       const I = (O) => {
         M(O);
-      }, C = () => {
-        document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", C);
+      }, A = () => {
+        document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", A);
       };
-      document.addEventListener("mousemove", I), document.addEventListener("mouseup", C);
+      document.addEventListener("mousemove", I), document.addEventListener("mouseup", A);
     }
     function j(m) {
       const M = t.showOpacityInHex ? 8 : 6, I = String(m).replace(/[^0-9A-Fa-f]/g, "").slice(0, M).toUpperCase();
@@ -695,15 +695,15 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
     }
     function z(m) {
       var O;
-      const M = ((O = m.clipboardData) == null ? void 0 : O.getData("text")) || "", I = t.showOpacityInHex ? 8 : 6, C = M.replace(/^#/, "").replace(/[^0-9A-Fa-f]/g, "").slice(0, I).toUpperCase();
-      t.showOpacityInHex ? C.length === 6 || C.length === 8 ? (s.value = C, h(C), m.preventDefault()) : C.length > 0 && (s.value = C, m.preventDefault()) : C.length === 6 ? (s.value = C, h(C), m.preventDefault()) : C.length > 0 && (s.value = C, m.preventDefault());
+      const M = ((O = m.clipboardData) == null ? void 0 : O.getData("text")) || "", I = t.showOpacityInHex ? 8 : 6, A = M.replace(/^#/, "").replace(/[^0-9A-Fa-f]/g, "").slice(0, I).toUpperCase();
+      t.showOpacityInHex ? A.length === 6 || A.length === 8 ? (s.value = A, h(A), m.preventDefault()) : A.length > 0 && (s.value = A, m.preventDefault()) : A.length === 6 ? (s.value = A, h(A), m.preventDefault()) : A.length > 0 && (s.value = A, m.preventDefault());
     }
     function q() {
       const m = t.showOpacityInHex ? 8 : 6;
       s.value.length !== m && y();
     }
     function h(m) {
-      const M = m.startsWith("#") ? m.slice(1) : m, I = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(M), C = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(M), O = C || I;
+      const M = m.startsWith("#") ? m.slice(1) : m, I = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(M), A = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(M), O = A || I;
       if (!O) {
         const Y = /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/.exec(m);
         if (Y) {
@@ -711,18 +711,18 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
           let ze = 0;
           Pe !== 0 && ($e === oe ? ze = ((ge - Ie) / Pe + (ge < Ie ? 6 : 0)) / 6 : $e === ge ? ze = ((Ie - oe) / Pe + 2) / 6 : ze = ((oe - ge) / Pe + 4) / 6);
           const et = $e === 0 ? 0 : Pe / $e, Fe = $e;
-          a.value = ze, r.value = et, l.value = Fe, i.value = Je, y();
+          l.value = ze, r.value = et, a.value = Fe, i.value = Je, y();
           return;
         }
         return;
       }
       const U = parseInt(O[1], 16) / 255, Q = parseInt(O[2], 16) / 255, ae = parseInt(O[3], 16) / 255;
-      C && O[4] ? i.value = parseInt(O[4], 16) / 255 : i.value = 1;
+      A && O[4] ? i.value = parseInt(O[4], 16) / 255 : i.value = 1;
       const ne = Math.max(U, Q, ae), Ze = Math.min(U, Q, ae), de = ne - Ze;
       let ve = 0;
       de !== 0 && (ne === U ? ve = ((Q - ae) / de + (Q < ae ? 6 : 0)) / 6 : ne === Q ? ve = ((ae - U) / de + 2) / 6 : ve = ((U - Q) / de + 4) / 6);
       const B = ne === 0 ? 0 : de / ne, K = ne;
-      a.value = ve, r.value = B, l.value = K;
+      l.value = ve, r.value = B, a.value = K;
       const D = m.replace(/^#/, "");
       s.value = D.slice(0, 6).toUpperCase();
     }
@@ -733,7 +733,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       const m = S.value.match(/\d+/g);
       if (!m)
         return "ffffff";
-      const M = m.map((C) => parseInt(C).toString(16).padStart(2, "0")).join("").toUpperCase(), I = Math.round(i.value * 255).toString(16).padStart(2, "0").toUpperCase();
+      const M = m.map((A) => parseInt(A).toString(16).padStart(2, "0")).join("").toUpperCase(), I = Math.round(i.value * 255).toString(16).padStart(2, "0").toUpperCase();
       return `#${M}${I}`;
     }
     function W() {
@@ -744,21 +744,21 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       h(m);
     }
     function _() {
-      s.value = "", i.value = 0, a.value = 0, r.value = 0, l.value = 0.4, n("color-change", "transparent");
+      s.value = "", i.value = 0, l.value = 0, r.value = 0, a.value = 0.4, n("color-change", "transparent");
     }
     return (m, M) => (p(), f("div", _o, [
-      A("div", fo, [
-        A("div", mo, [
-          A("h3", ho, H(m.title), 1)
+      C("div", fo, [
+        C("div", mo, [
+          C("h3", ho, H(m.title), 1)
         ]),
         m.$slots.tabs ? (p(), f("div", vo, [
           ce(m.$slots, "tabs", {}, void 0, !0)
         ])) : V("", !0)
       ]),
-      A("div", go, [
-        A("div", bo, [
-          A("div", wo, [
-            A("div", {
+      C("div", go, [
+        C("div", bo, [
+          C("div", wo, [
+            C("div", {
               ref_key: "colorPickerRef",
               ref: v,
               class: "color-picker__color-canvas",
@@ -768,41 +768,41 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
               }),
               onMousedown: E
             }, [
-              A("div", {
+              C("div", {
                 class: "color-picker__color-indicator",
-                style: se({ left: `${r.value * 100}%`, top: `${(1 - l.value) * 100}%` })
+                style: se({ left: `${r.value * 100}%`, top: `${(1 - a.value) * 100}%` })
               }, null, 4)
             ], 36)
           ]),
-          A("div", yo, [
-            A("div", {
+          C("div", yo, [
+            C("div", {
               ref_key: "hueSliderRef",
               ref: x,
               class: "color-picker__hue-slider",
               onMousedown: R
             }, [
-              A("div", {
+              C("div", {
                 class: "color-picker__hue-indicator",
-                style: se({ top: `${a.value * 100}%` })
+                style: se({ top: `${l.value * 100}%` })
               }, null, 4)
             ], 544)
           ])
         ]),
-        A("div", xo, [
-          A("div", {
+        C("div", xo, [
+          C("div", {
             ref_key: "opacitySliderRef",
             ref: b,
             class: "color-picker__opacity-slider",
             onMousedown: F
           }, [
-            M[1] || (M[1] = A("div", { class: "color-picker__opacity-checkerboard" }, null, -1)),
-            A("div", {
+            M[1] || (M[1] = C("div", { class: "color-picker__opacity-checkerboard" }, null, -1)),
+            C("div", {
               class: "color-picker__opacity-gradient",
               style: se({
                 background: `linear-gradient(to right, ${S.value}, transparent)`
               })
             }, null, 4),
-            A("div", {
+            C("div", {
               class: "color-picker__opacity-handle",
               style: se({
                 left: `${(1 - i.value) * 100}%`
@@ -810,7 +810,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
             }, null, 4)
           ], 544)
         ]),
-        A("div", ko, [
+        C("div", ko, [
           Z(it, {
             id: "color-picker-hex-input",
             name: "hex-input",
@@ -825,11 +825,11 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
             onPaste: z
           }, null, 8, ["modelValue"])
         ]),
-        (p(!0), f(ie, null, me($.value, (I, C) => (p(), f("div", {
-          key: `preset-row-${C}`,
+        (p(!0), f(ie, null, me($.value, (I, A) => (p(), f("div", {
+          key: `preset-row-${A}`,
           class: "color-picker__preset-row"
         }, [
-          C === 0 ? (p(), f("div", {
+          A === 0 ? (p(), f("div", {
             key: 0,
             class: "color-picker__no-color",
             onClick: _
@@ -840,14 +840,14 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
             })
           ])) : V("", !0),
           (p(!0), f(ie, null, me(I, (O, U) => (p(), J(qt, {
-            key: `preset-${C}-${U}`,
+            key: `preset-${A}-${U}`,
             color: O,
             "is-transparent": O === "transparent",
             onClick: (Q) => O === "transparent" ? L(0) : h(O)
           }, null, 8, ["color", "is-transparent", "onClick"]))), 128))
         ]))), 128)),
         $.value.length === 0 ? (p(), f("div", Ao, [
-          A("div", {
+          C("div", {
             class: "color-picker__no-color",
             onClick: _
           }, [
@@ -858,18 +858,18 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
           ])
         ])) : V("", !0),
         m.showSaveButton && u.value.length > 0 ? (p(), f("div", Co, [
-          (p(!0), f(ie, null, me(u.value, (I, C) => (p(), J(qt, {
-            key: `saved-${C}`,
+          (p(!0), f(ie, null, me(u.value, (I, A) => (p(), J(qt, {
+            key: `saved-${A}`,
             color: I,
             onClick: (O) => te(I)
           }, null, 8, ["color", "onClick"]))), 128)),
-          A("button", {
+          C("button", {
             class: "color-picker__save-button",
             title: "Save current color",
             onClick: W
           })
         ])) : m.showSaveButton ? (p(), f("div", Bo, [
-          A("button", {
+          C("button", {
             class: "color-picker__save-button",
             title: "Save current color",
             onClick: W
@@ -881,8 +881,8 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
 }), Hs = /* @__PURE__ */ fe(So, [["__scopeId", "data-v-8af9dd2c"]]), rn = {
   mounted(e, o) {
     e.clickOutsideEvent = (n) => {
-      const a = (o.value.exclude || []).filter((l) => l.value).map((l) => l.value);
-      [e, ...a].some((l) => l && (l === n.target || l.contains(n.target))) || o.value.handler();
+      const l = (o.value.exclude || []).filter((a) => a.value).map((a) => a.value);
+      [e, ...l].some((a) => a && (a === n.target || a.contains(n.target))) || o.value.handler();
     };
     const t = o.value.capture ?? !1;
     e.clickOutsideCapture = t, document.addEventListener("click", e.clickOutsideEvent, t);
@@ -896,20 +896,20 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
 }, Io = (e, o) => {
   var n;
   let t = 0;
-  for (const a of e)
-    if (a.toLowerCase() === ((n = o[t]) == null ? void 0 : n.toLowerCase()) && t++, t === o.length)
+  for (const l of e)
+    if (l.toLowerCase() === ((n = o[t]) == null ? void 0 : n.toLowerCase()) && t++, t === o.length)
       return !0;
   return !1;
 }, ht = (e, o, t) => {
   if (!t.trim())
     return e;
   const n = t.toLowerCase();
-  return e.filter((a) => {
-    const r = String(a[o]);
+  return e.filter((l) => {
+    const r = String(l[o]);
     return Io(r.toLowerCase(), n);
-  }).sort((a, r) => {
-    const l = String(a[o]).toLowerCase(), i = String(r[o]).toLowerCase();
-    return l === n ? -1 : i === n ? 1 : l.startsWith(n) && !i.startsWith(n) ? -1 : !l.startsWith(n) && i.startsWith(n) ? 1 : l.length - i.length;
+  }).sort((l, r) => {
+    const a = String(l[o]).toLowerCase(), i = String(r[o]).toLowerCase();
+    return a === n ? -1 : i === n ? 1 : a.startsWith(n) && !i.startsWith(n) ? -1 : !a.startsWith(n) && i.startsWith(n) ? 1 : a.length - i.length;
   });
 }, $o = "_menu_1sfnf_1", Mo = "_dropdown_1sfnf_1", To = "_dropdown__valueContent_1sfnf_50", Vo = "_dropdown__label_1sfnf_61", Ro = "_dropdown__value_1sfnf_50", Lo = "_dropdown__placeholder_1sfnf_69", Eo = "_dropdown__arrowIcon_1sfnf_77", Oo = "_menu__searchContainer_1sfnf_92", Po = "_menu__searchInputWrap_1sfnf_96", zo = "_menu__searchInput_1sfnf_96", Do = "_menu__errorMessage_1sfnf_115", Ho = "_menu__addButton_1sfnf_122", No = "_menu__itemContainer_1sfnf_130", Fo = "_menu__item_1sfnf_130", re = {
   menu: $o,
@@ -946,7 +946,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { emit: o }) {
-    const t = rn, n = e, a = o, r = P(), l = P(), i = P(!1), s = P(null), u = P(""), d = P(null), v = P({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), x = Ut([...n.items]), b = Ut([...n.items]), $ = () => {
+    const t = rn, n = e, l = o, r = P(), a = P(), i = P(!1), s = P(null), u = P(""), d = P(null), v = P({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), x = Ut([...n.items]), b = Ut([...n.items]), $ = () => {
       if (!r.value)
         return;
       const { offsetTop: h, offsetLeft: L, offsetWidth: N } = r.value, W = window.innerHeight, te = h + r.value.offsetHeight, _ = te + n.menuHeight > W;
@@ -964,18 +964,18 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
     }, w = () => {
       i.value = !1, S();
     }, y = (h) => {
-      s.value = h, a("select-item", h), a("update:modelValue", h.value), w();
+      s.value = h, l("select-item", h), l("update:modelValue", h.value), w();
     }, E = () => {
       const h = u.value.trim(), L = n.validateAddItem(h, b);
       if (L) {
-        d.value = L, a("add-error", L);
+        d.value = L, l("add-error", L);
         return;
       }
       const N = {
         text: h,
         value: h
       };
-      b.push(N), S(), a("item-added", N);
+      b.push(N), S(), l("item-added", N);
     }, R = () => {
       const h = ht(b, "text", u.value);
       x.splice(0, x.length, ...h);
@@ -1007,9 +1007,9 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       },
       { deep: !0 }
     );
-    const q = P({ handler: w, exclude: [r, l] });
+    const q = P({ handler: w, exclude: [r, a] });
     return (h, L) => (p(), f(ie, null, [
-      A("div", {
+      C("div", {
         ref_key: "dropdownRef",
         ref: r,
         class: g(c(re).dropdown)
@@ -1019,7 +1019,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
           class: g(c(re).dropdown__label),
           for: h.id
         }, H(h.label), 11, Wo)) : V("", !0),
-        A("button", {
+        C("button", {
           class: g([
             c(re).dropdown__valueContent,
             {
@@ -1028,7 +1028,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
           ]),
           onClick: T
         }, [
-          A("span", {
+          C("span", {
             class: g(c(re).dropdown__value)
           }, H(z.value), 3),
           h.placeholder && !z.value ? (p(), f("span", {
@@ -1043,7 +1043,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
             xmlns: "http://www.w3.org/2000/svg",
             class: g(c(re).dropdown__arrowIcon)
           }, L[2] || (L[2] = [
-            A("path", {
+            C("path", {
               d: "M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",
               fill: "#91949F"
             }, null, -1)
@@ -1052,7 +1052,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       ], 2),
       ft((p(), f("div", {
         ref_key: "menuRef",
-        ref: l,
+        ref: a,
         class: g(c(re).menu),
         style: se(j.value),
         onClick: L[1] || (L[1] = rt(() => {
@@ -1062,10 +1062,10 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
           key: 0,
           class: g(c(re).menu__searchContainer)
         }, [
-          A("div", {
+          C("div", {
             class: g(c(re).menu__searchInputWrap)
           }, [
-            ft(A("input", {
+            ft(C("input", {
               type: "text",
               class: g([
                 c(re).menu__searchInput,
@@ -1091,7 +1091,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
             onClick: E
           }, H(h.addButtonText), 3)) : V("", !0)
         ], 2)) : V("", !0),
-        A("ul", {
+        C("ul", {
           class: g(c(re).menu__itemContainer)
         }, [
           (p(!0), f(ie, null, me(x, (N, W) => (p(), f("li", {
@@ -1192,20 +1192,20 @@ function Ko(e) {
   };
   const o = e.match(/^#([0-9a-fA-F]{8})$/);
   if (o) {
-    const n = o[1], a = parseInt(n.substring(6, 8), 16) / 255;
+    const n = o[1], l = parseInt(n.substring(6, 8), 16) / 255;
     return {
       color: `#${n.substring(0, 6)}`,
-      opacity: a
+      opacity: l
     };
   }
   const t = e.match(/^rgba?\(([^)]+)\)$/);
   if (t) {
-    const n = t[1].split(",").map((a) => a.trim());
+    const n = t[1].split(",").map((l) => l.trim());
     if (n.length === 4) {
-      const a = parseFloat(n[3]);
+      const l = parseFloat(n[3]);
       return {
         color: `rgb(${n[0]}, ${n[1]}, ${n[2]})`,
-        opacity: a
+        opacity: l
       };
     } else if (n.length === 3)
       return {
@@ -1225,7 +1225,7 @@ const Qo = ["fill", "height", "width"], Yo = ["xlink:href"], Go = ["fill", "heig
     fillOpacity: {}
   },
   setup(e) {
-    const o = e, t = k(() => typeof o.size == "number" ? `${o.size}px` : o.size), n = k(() => o.name in Kt), a = k(() => n.value ? Kt[o.name] : null), r = k(() => Ko(o.color)), l = k(() => r.value.color || "currentColor"), i = k(() => {
+    const o = e, t = k(() => typeof o.size == "number" ? `${o.size}px` : o.size), n = k(() => o.name in Kt), l = k(() => n.value ? Kt[o.name] : null), r = k(() => Ko(o.color)), a = k(() => r.value.color || "currentColor"), i = k(() => {
       if (n.value)
         return o.fillOpacity !== void 0 ? typeof o.fillOpacity == "number" ? o.fillOpacity : parseFloat(o.fillOpacity) : r.value.opacity;
     });
@@ -1237,21 +1237,21 @@ const Qo = ["fill", "height", "width"], Yo = ["xlink:href"], Go = ["fill", "heig
         fill: s.color || "currentColor",
         height: t.value,
         style: se({
-          "--icon-color": l.value,
+          "--icon-color": a.value,
           ...i.value !== void 0 && i.value !== null ? { "--icon-fill-opacity": String(i.value) } : {}
         }),
-        viewBox: (d = a.value) == null ? void 0 : d.viewBox,
+        viewBox: (d = l.value) == null ? void 0 : d.viewBox,
         width: t.value,
-        innerHTML: (v = a.value) == null ? void 0 : v.content
+        innerHTML: (v = l.value) == null ? void 0 : v.content
       }, null, 12, Go)) : (p(), f("svg", {
         key: 0,
         class: "icon",
-        fill: l.value,
+        fill: a.value,
         height: t.value,
-        style: se({ color: l.value }),
+        style: se({ color: a.value }),
         width: t.value
       }, [
-        A("use", {
+        C("use", {
           "xlink:href": `#${s.name}`
         }, null, 8, Yo)
       ], 12, Qo));
@@ -1271,7 +1271,7 @@ const Qo = ["fill", "height", "width"], Yo = ["xlink:href"], Go = ["fill", "heig
       const n = [];
       return o.border && n.push(o.border), o.borderRadius && n.push(o.borderRadius), o.borderTriangle && o.borderTrianglePosition && o.borderTriangleAlign && n.push(`in-box_${o.borderTrianglePosition}-${o.borderTriangleAlign}`), n.join(" ");
     });
-    return (n, a) => (p(), f("div", {
+    return (n, l) => (p(), f("div", {
       class: g(["in-box", t.value])
     }, [
       ce(n.$slots, "default", {}, void 0, !0)
@@ -1316,49 +1316,49 @@ const Qo = ["fill", "height", "width"], Yo = ["xlink:href"], Go = ["fill", "heig
     autoSize: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = e, t = k(() => o.theme === "dark"), n = k(() => `in-info-box__${o.variant}`), a = k(() => o.autoSize ? "" : `in-info-box__size-${o.size}`), r = k(() => t.value ? "inverse" : "default");
-    return (l, i) => (p(), f("div", {
+    const o = e, t = k(() => o.theme === "dark"), n = k(() => `in-info-box__${o.variant}`), l = k(() => o.autoSize ? "" : `in-info-box__size-${o.size}`), r = k(() => t.value ? "inverse" : "default");
+    return (a, i) => (p(), f("div", {
       class: g([
         c(ue)["in-info-box"],
         t.value ? c(ue)["in-info-box__background-inverse"] : c(ue)["in-info-box__background-default"],
-        c(ue)[a.value],
+        c(ue)[l.value],
         c(ue)[n.value]
       ])
     }, [
-      A("div", {
+      C("div", {
         class: g([
           c(ue)["in-info-box__container"],
-          { [c(ue)["in-info-box__container-full-width"]]: l.fullWidthContentStatus }
+          { [c(ue)["in-info-box__container-full-width"]]: a.fullWidthContentStatus }
         ])
       }, [
-        l.titleStatus ? (p(), f("div", {
+        a.titleStatus ? (p(), f("div", {
           key: 0,
           class: g([
             c(ue)["in-info-box__heading-wrapper"],
-            { [c(ue)["in-info-box__heading-wrapper-full-width"]]: l.fullWidthContentStatus }
+            { [c(ue)["in-info-box__heading-wrapper-full-width"]]: a.fullWidthContentStatus }
           ])
         }, [
-          A("div", {
+          C("div", {
             class: g([
               c(ue)["in-info-box__heading"],
               c(ue)[`in-info-box__heading-${r.value}`],
-              { [c(ue)["in-info-box__heading-full-width"]]: l.fullWidthContentStatus }
+              { [c(ue)["in-info-box__heading-full-width"]]: a.fullWidthContentStatus }
             ]),
-            innerHTML: l.titleText
+            innerHTML: a.titleText
           }, null, 10, Jo),
-          l.titleStatus && l.descriptionStatus ? (p(), f("div", {
+          a.titleStatus && a.descriptionStatus ? (p(), f("div", {
             key: 0,
             class: g([
               c(ue)["in-info-box__heading-details"],
               c(ue)[`in-info-box__heading-details-${r.value}`]
             ]),
-            innerHTML: l.descriptionText
+            innerHTML: a.descriptionText
           }, null, 10, ea)) : V("", !0)
         ], 2)) : V("", !0),
-        A("div", {
+        C("div", {
           class: g(c(ue)["in-info-box__content"])
         }, [
-          ce(l.$slots, "default")
+          ce(a.$slots, "default")
         ], 2)
       ], 2)
     ], 2));
@@ -1402,9 +1402,9 @@ function Pt(e) {
 }
 function aa(e, o, t) {
   t === void 0 && (t = !1);
-  const n = Xe(e), a = Pt(e), r = Ot(a);
-  let l = a === "x" ? n === (t ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return o.reference[r] > o.floating[r] && (l = gt(l)), [l, gt(l)];
+  const n = Xe(e), l = Pt(e), r = Ot(l);
+  let a = l === "x" ? n === (t ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return o.reference[r] > o.floating[r] && (a = gt(a)), [a, gt(a)];
 }
 function la(e) {
   const o = gt(e);
@@ -1427,9 +1427,9 @@ function ra(e, o, t) {
   }
 }
 function ua(e, o, t, n) {
-  const a = Xe(e);
+  const l = Xe(e);
   let r = ra(Ee(e), t === "start", n);
-  return a && (r = r.map((l) => l + "-" + a), o && (r = r.concat(r.map(It)))), r;
+  return l && (r = r.map((a) => a + "-" + l), o && (r = r.concat(r.map(It)))), r;
 }
 function gt(e) {
   return e.replace(/left|right|bottom|top/g, (o) => ta[o]);
@@ -1456,15 +1456,15 @@ function bt(e) {
     x: o,
     y: t,
     width: n,
-    height: a
+    height: l
   } = e;
   return {
     width: n,
-    height: a,
+    height: l,
     top: t,
     left: o,
     right: o + n,
-    bottom: t + a,
+    bottom: t + l,
     x: o,
     y: t
   };
@@ -1472,15 +1472,15 @@ function bt(e) {
 function Gt(e, o, t) {
   let {
     reference: n,
-    floating: a
+    floating: l
   } = e;
-  const r = Te(o), l = Pt(o), i = Ot(l), s = Ee(o), u = r === "y", d = n.x + n.width / 2 - a.width / 2, v = n.y + n.height / 2 - a.height / 2, x = n[i] / 2 - a[i] / 2;
+  const r = Te(o), a = Pt(o), i = Ot(a), s = Ee(o), u = r === "y", d = n.x + n.width / 2 - l.width / 2, v = n.y + n.height / 2 - l.height / 2, x = n[i] / 2 - l[i] / 2;
   let b;
   switch (s) {
     case "top":
       b = {
         x: d,
-        y: n.y - a.height
+        y: n.y - l.height
       };
       break;
     case "bottom":
@@ -1497,7 +1497,7 @@ function Gt(e, o, t) {
       break;
     case "left":
       b = {
-        x: n.x - a.width,
+        x: n.x - l.width,
         y: v
       };
       break;
@@ -1509,10 +1509,10 @@ function Gt(e, o, t) {
   }
   switch (Xe(o)) {
     case "start":
-      b[l] -= x * (t && u ? -1 : 1);
+      b[a] -= x * (t && u ? -1 : 1);
       break;
     case "end":
-      b[l] += x * (t && u ? -1 : 1);
+      b[a] += x * (t && u ? -1 : 1);
       break;
   }
   return b;
@@ -1520,14 +1520,14 @@ function Gt(e, o, t) {
 const da = async (e, o, t) => {
   const {
     placement: n = "bottom",
-    strategy: a = "absolute",
+    strategy: l = "absolute",
     middleware: r = [],
-    platform: l
-  } = t, i = r.filter(Boolean), s = await (l.isRTL == null ? void 0 : l.isRTL(o));
-  let u = await l.getElementRects({
+    platform: a
+  } = t, i = r.filter(Boolean), s = await (a.isRTL == null ? void 0 : a.isRTL(o));
+  let u = await a.getElementRects({
     reference: e,
     floating: o,
-    strategy: a
+    strategy: l
   }), {
     x: d,
     y: v
@@ -1546,10 +1546,10 @@ const da = async (e, o, t) => {
       y: v,
       initialPlacement: n,
       placement: x,
-      strategy: a,
+      strategy: l,
       middlewareData: b,
       rects: u,
-      platform: l,
+      platform: a,
       elements: {
         reference: e,
         floating: o
@@ -1561,10 +1561,10 @@ const da = async (e, o, t) => {
         ...b[S],
         ...R
       }
-    }, F && $ <= 50 && ($++, typeof F == "object" && (F.placement && (x = F.placement), F.rects && (u = F.rects === !0 ? await l.getElementRects({
+    }, F && $ <= 50 && ($++, typeof F == "object" && (F.placement && (x = F.placement), F.rects && (u = F.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: o,
-      strategy: a
+      strategy: l
     }) : F.rects), {
       x: d,
       y: v
@@ -1574,7 +1574,7 @@ const da = async (e, o, t) => {
     x: d,
     y: v,
     placement: x,
-    strategy: a,
+    strategy: l,
     middlewareData: b
   };
 };
@@ -1583,9 +1583,9 @@ async function zt(e, o) {
   o === void 0 && (o = {});
   const {
     x: n,
-    y: a,
+    y: l,
     platform: r,
-    rects: l,
+    rects: a,
     elements: i,
     strategy: s
   } = e, {
@@ -1601,10 +1601,10 @@ async function zt(e, o) {
     strategy: s
   })), y = v === "floating" ? {
     x: n,
-    y: a,
-    width: l.floating.width,
-    height: l.floating.height
-  } : l.reference, E = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), R = await (r.isElement == null ? void 0 : r.isElement(E)) ? await (r.getScale == null ? void 0 : r.getScale(E)) || {
+    y: l,
+    width: a.floating.width,
+    height: a.floating.height
+  } : a.reference, E = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), R = await (r.isElement == null ? void 0 : r.isElement(E)) ? await (r.getScale == null ? void 0 : r.getScale(E)) || {
     x: 1,
     y: 1
   } : {
@@ -1630,9 +1630,9 @@ const pa = (e) => ({
     const {
       x: t,
       y: n,
-      placement: a,
+      placement: l,
       rects: r,
-      platform: l,
+      platform: a,
       elements: i,
       middlewareData: s
     } = o, {
@@ -1644,10 +1644,10 @@ const pa = (e) => ({
     const v = cn(d), x = {
       x: t,
       y: n
-    }, b = Pt(a), $ = Ot(b), T = await l.getDimensions(u), S = b === "y", w = S ? "top" : "left", y = S ? "bottom" : "right", E = S ? "clientHeight" : "clientWidth", R = r.reference[$] + r.reference[b] - x[b] - r.floating[$], F = x[b] - r.reference[b], j = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
+    }, b = Pt(l), $ = Ot(b), T = await a.getDimensions(u), S = b === "y", w = S ? "top" : "left", y = S ? "bottom" : "right", E = S ? "clientHeight" : "clientWidth", R = r.reference[$] + r.reference[b] - x[b] - r.floating[$], F = x[b] - r.reference[b], j = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let z = j ? j[E] : 0;
-    (!z || !await (l.isElement == null ? void 0 : l.isElement(j))) && (z = i.floating[E] || r.floating[$]);
-    const q = R / 2 - F / 2, h = z / 2 - T[$] / 2 - 1, L = Le(v[w], h), N = Le(v[y], h), W = L, te = z - T[$] - N, _ = z / 2 - T[$] / 2 + q, m = St(W, _, te), M = !s.arrow && Xe(a) != null && _ !== m && r.reference[$] / 2 - (_ < W ? L : N) - T[$] / 2 < 0, I = M ? _ < W ? _ - W : _ - te : 0;
+    (!z || !await (a.isElement == null ? void 0 : a.isElement(j))) && (z = i.floating[E] || r.floating[$]);
+    const q = R / 2 - F / 2, h = z / 2 - T[$] / 2 - 1, L = Le(v[w], h), N = Le(v[y], h), W = L, te = z - T[$] - N, _ = z / 2 - T[$] / 2 + q, m = St(W, _, te), M = !s.arrow && Xe(l) != null && _ !== m && r.reference[$] / 2 - (_ < W ? L : N) - T[$] / 2 < 0, I = M ? _ < W ? _ - W : _ - te : 0;
     return {
       [b]: x[b] + I,
       data: {
@@ -1667,9 +1667,9 @@ const pa = (e) => ({
     async fn(o) {
       var t, n;
       const {
-        placement: a,
+        placement: l,
         middlewareData: r,
-        rects: l,
+        rects: a,
         initialPlacement: i,
         platform: s,
         elements: u
@@ -1684,23 +1684,23 @@ const pa = (e) => ({
       } = je(e, o);
       if ((t = r.arrow) != null && t.alignmentOffset)
         return {};
-      const w = Ee(a), y = Te(i), E = Ee(i) === i, R = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), F = x || (E || !T ? [gt(i)] : la(i)), j = $ !== "none";
+      const w = Ee(l), y = Te(i), E = Ee(i) === i, R = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), F = x || (E || !T ? [gt(i)] : la(i)), j = $ !== "none";
       !x && j && F.push(...ua(i, T, $, R));
       const z = [i, ...F], q = await zt(o, S), h = [];
       let L = ((n = r.flip) == null ? void 0 : n.overflows) || [];
       if (d && h.push(q[w]), v) {
-        const _ = aa(a, l, R);
+        const _ = aa(l, a, R);
         h.push(q[_[0]], q[_[1]]);
       }
       if (L = [...L, {
-        placement: a,
+        placement: l,
         overflows: h
       }], !h.every((_) => _ <= 0)) {
         var N, W;
         const _ = (((N = r.flip) == null ? void 0 : N.index) || 0) + 1, m = z[_];
         if (m && (!(v === "alignment" ? y !== Te(m) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        L.every((C) => Te(C.placement) === y ? C.overflows[0] > 0 : !0)))
+        L.every((A) => Te(A.placement) === y ? A.overflows[0] > 0 : !0)))
           return {
             data: {
               index: _,
@@ -1710,20 +1710,20 @@ const pa = (e) => ({
               placement: m
             }
           };
-        let M = (W = L.filter((I) => I.overflows[0] <= 0).sort((I, C) => I.overflows[1] - C.overflows[1])[0]) == null ? void 0 : W.placement;
+        let M = (W = L.filter((I) => I.overflows[0] <= 0).sort((I, A) => I.overflows[1] - A.overflows[1])[0]) == null ? void 0 : W.placement;
         if (!M)
           switch (b) {
             case "bestFit": {
               var te;
-              const I = (te = L.filter((C) => {
+              const I = (te = L.filter((A) => {
                 if (j) {
-                  const O = Te(C.placement);
+                  const O = Te(A.placement);
                   return O === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   O === "y";
                 }
                 return !0;
-              }).map((C) => [C.placement, C.overflows.filter((O) => O > 0).reduce((O, U) => O + U, 0)]).sort((C, O) => C[1] - O[1])[0]) == null ? void 0 : te[0];
+              }).map((A) => [A.placement, A.overflows.filter((O) => O > 0).reduce((O, U) => O + U, 0)]).sort((A, O) => A[1] - O[1])[0]) == null ? void 0 : te[0];
               I && (M = I);
               break;
             }
@@ -1731,7 +1731,7 @@ const pa = (e) => ({
               M = i;
               break;
           }
-        if (a !== M)
+        if (l !== M)
           return {
             reset: {
               placement: M
@@ -1746,8 +1746,8 @@ async function ma(e, o) {
   const {
     placement: t,
     platform: n,
-    elements: a
-  } = e, r = await (n.isRTL == null ? void 0 : n.isRTL(a.floating)), l = Ee(t), i = Xe(t), s = Te(t) === "y", u = fa.has(l) ? -1 : 1, d = r && s ? -1 : 1, v = je(o, e);
+    elements: l
+  } = e, r = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), a = Ee(t), i = Xe(t), s = Te(t) === "y", u = fa.has(a) ? -1 : 1, d = r && s ? -1 : 1, v = je(o, e);
   let {
     mainAxis: x,
     crossAxis: b,
@@ -1776,17 +1776,17 @@ const ha = function(e) {
     async fn(o) {
       var t, n;
       const {
-        x: a,
+        x: l,
         y: r,
-        placement: l,
+        placement: a,
         middlewareData: i
       } = o, s = await ma(o, e);
-      return l === ((t = i.offset) == null ? void 0 : t.placement) && (n = i.arrow) != null && n.alignmentOffset ? {} : {
-        x: a + s.x,
+      return a === ((t = i.offset) == null ? void 0 : t.placement) && (n = i.arrow) != null && n.alignmentOffset ? {} : {
+        x: l + s.x,
         y: r + s.y,
         data: {
           ...s,
-          placement: l
+          placement: a
         }
       };
     }
@@ -1799,10 +1799,10 @@ const ha = function(e) {
       const {
         x: t,
         y: n,
-        placement: a
+        placement: l
       } = o, {
         mainAxis: r = !0,
-        crossAxis: l = !1,
+        crossAxis: a = !1,
         limiter: i = {
           fn: (S) => {
             let {
@@ -1819,13 +1819,13 @@ const ha = function(e) {
       } = je(e, o), u = {
         x: t,
         y: n
-      }, d = await zt(o, s), v = Te(Ee(a)), x = un(v);
+      }, d = await zt(o, s), v = Te(Ee(l)), x = un(v);
       let b = u[x], $ = u[v];
       if (r) {
         const S = x === "y" ? "top" : "left", w = x === "y" ? "bottom" : "right", y = b + d[S], E = b - d[w];
         b = St(y, b, E);
       }
-      if (l) {
+      if (a) {
         const S = v === "y" ? "top" : "left", w = v === "y" ? "bottom" : "right", y = $ + d[S], E = $ - d[w];
         $ = St(y, $, E);
       }
@@ -1841,7 +1841,7 @@ const ha = function(e) {
           y: T.y - n,
           enabled: {
             [x]: r,
-            [v]: l
+            [v]: a
           }
         }
       };
@@ -1854,20 +1854,20 @@ const ha = function(e) {
     async fn(o) {
       var t, n;
       const {
-        placement: a,
+        placement: l,
         rects: r,
-        platform: l,
+        platform: a,
         elements: i
       } = o, {
         apply: s = () => {
         },
         ...u
-      } = je(e, o), d = await zt(o, u), v = Ee(a), x = Xe(a), b = Te(a) === "y", {
+      } = je(e, o), d = await zt(o, u), v = Ee(l), x = Xe(l), b = Te(l) === "y", {
         width: $,
         height: T
       } = r.floating;
       let S, w;
-      v === "top" || v === "bottom" ? (S = v, w = x === (await (l.isRTL == null ? void 0 : l.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (w = v, S = x === "end" ? "top" : "bottom");
+      v === "top" || v === "bottom" ? (S = v, w = x === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (w = v, S = x === "end" ? "top" : "bottom");
       const y = T - d.top - d.bottom, E = $ - d.left - d.right, R = Le(T - d[S], y), F = Le($ - d[w], E), j = !o.middlewareData.shift;
       let z = R, q = F;
       if ((t = o.middlewareData.shift) != null && t.enabled.x && (q = E), (n = o.middlewareData.shift) != null && n.enabled.y && (z = y), j && !x) {
@@ -1879,7 +1879,7 @@ const ha = function(e) {
         availableWidth: q,
         availableHeight: z
       });
-      const h = await l.getDimensions(i.floating);
+      const h = await a.getDimensions(i.floating);
       return $ !== h.width || T !== h.height ? {
         reset: {
           rects: !0
@@ -1920,9 +1920,9 @@ function ct(e) {
     overflow: o,
     overflowX: t,
     overflowY: n,
-    display: a
+    display: l
   } = ye(e);
-  return /auto|scroll|overlay|hidden|clip/.test(o + n + t) && !ba.has(a);
+  return /auto|scroll|overlay|hidden|clip/.test(o + n + t) && !ba.has(l);
 }
 const wa = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function ya(e) {
@@ -1992,12 +1992,12 @@ function dn(e) {
 function st(e, o, t) {
   var n;
   o === void 0 && (o = []), t === void 0 && (t = !0);
-  const a = dn(e), r = a === ((n = e.ownerDocument) == null ? void 0 : n.body), l = _e(a);
+  const l = dn(e), r = l === ((n = e.ownerDocument) == null ? void 0 : n.body), a = _e(l);
   if (r) {
-    const i = $t(l);
-    return o.concat(l, l.visualViewport || [], ct(a) ? a : [], i && t ? st(i) : []);
+    const i = $t(a);
+    return o.concat(a, a.visualViewport || [], ct(l) ? l : [], i && t ? st(i) : []);
   }
-  return o.concat(a, st(a, [], t));
+  return o.concat(l, st(l, [], t));
 }
 function $t(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
@@ -2005,8 +2005,8 @@ function $t(e) {
 function pn(e) {
   const o = ye(e);
   let t = parseFloat(o.width) || 0, n = parseFloat(o.height) || 0;
-  const a = Be(e), r = a ? e.offsetWidth : t, l = a ? e.offsetHeight : n, i = vt(t) !== r || vt(n) !== l;
-  return i && (t = r, n = l), {
+  const l = Be(e), r = l ? e.offsetWidth : t, a = l ? e.offsetHeight : n, i = vt(t) !== r || vt(n) !== a;
+  return i && (t = r, n = a), {
     width: t,
     height: n,
     $: i
@@ -2021,12 +2021,12 @@ function Qe(e) {
     return Ce(1);
   const t = o.getBoundingClientRect(), {
     width: n,
-    height: a,
+    height: l,
     $: r
   } = pn(o);
-  let l = (r ? vt(t.width) : t.width) / n, i = (r ? vt(t.height) : t.height) / a;
-  return (!l || !Number.isFinite(l)) && (l = 1), (!i || !Number.isFinite(i)) && (i = 1), {
-    x: l,
+  let a = (r ? vt(t.width) : t.width) / n, i = (r ? vt(t.height) : t.height) / l;
+  return (!a || !Number.isFinite(a)) && (a = 1), (!i || !Number.isFinite(i)) && (i = 1), {
+    x: a,
     y: i
   };
 }
@@ -2043,11 +2043,11 @@ function $a(e, o, t) {
 }
 function He(e, o, t, n) {
   o === void 0 && (o = !1), t === void 0 && (t = !1);
-  const a = e.getBoundingClientRect(), r = Ft(e);
-  let l = Ce(1);
-  o && (n ? we(n) && (l = Qe(n)) : l = Qe(e));
+  const l = e.getBoundingClientRect(), r = Ft(e);
+  let a = Ce(1);
+  o && (n ? we(n) && (a = Qe(n)) : a = Qe(e));
   const i = $a(r, t, n) ? _n(r) : Ce(0);
-  let s = (a.left + i.x) / l.x, u = (a.top + i.y) / l.y, d = a.width / l.x, v = a.height / l.y;
+  let s = (l.left + i.x) / a.x, u = (l.top + i.y) / a.y, d = l.width / a.x, v = l.height / a.y;
   if (r) {
     const x = _e(r), b = n && we(n) ? _e(n) : n;
     let $ = x, T = $t($);
@@ -2068,10 +2068,10 @@ function kt(e, o) {
   return o ? o.left + t : He(Se(e)).left + t;
 }
 function fn(e, o) {
-  const t = e.getBoundingClientRect(), n = t.left + o.scrollLeft - kt(e, t), a = t.top + o.scrollTop;
+  const t = e.getBoundingClientRect(), n = t.left + o.scrollLeft - kt(e, t), l = t.top + o.scrollTop;
   return {
     x: n,
-    y: a
+    y: l
   };
 }
 function Ma(e) {
@@ -2079,21 +2079,21 @@ function Ma(e) {
     elements: o,
     rect: t,
     offsetParent: n,
-    strategy: a
+    strategy: l
   } = e;
-  const r = a === "fixed", l = Se(n), i = o ? yt(o.floating) : !1;
-  if (n === l || i && r)
+  const r = l === "fixed", a = Se(n), i = o ? yt(o.floating) : !1;
+  if (n === a || i && r)
     return t;
   let s = {
     scrollLeft: 0,
     scrollTop: 0
   }, u = Ce(1);
   const d = Ce(0), v = Be(n);
-  if ((v || !v && !r) && ((Ne(n) !== "body" || ct(l)) && (s = xt(n)), Be(n))) {
+  if ((v || !v && !r) && ((Ne(n) !== "body" || ct(a)) && (s = xt(n)), Be(n))) {
     const b = He(n);
     u = Qe(n), d.x = b.x + n.clientLeft, d.y = b.y + n.clientTop;
   }
-  const x = l && !v && !r ? fn(l, s) : Ce(0);
+  const x = a && !v && !r ? fn(a, s) : Ce(0);
   return {
     width: t.width * u.x,
     height: t.height * u.y,
@@ -2105,24 +2105,24 @@ function Ta(e) {
   return Array.from(e.getClientRects());
 }
 function Va(e) {
-  const o = Se(e), t = xt(e), n = e.ownerDocument.body, a = pe(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), r = pe(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
-  let l = -t.scrollLeft + kt(e);
+  const o = Se(e), t = xt(e), n = e.ownerDocument.body, l = pe(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), r = pe(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
+  let a = -t.scrollLeft + kt(e);
   const i = -t.scrollTop;
-  return ye(n).direction === "rtl" && (l += pe(o.clientWidth, n.clientWidth) - a), {
-    width: a,
+  return ye(n).direction === "rtl" && (a += pe(o.clientWidth, n.clientWidth) - l), {
+    width: l,
     height: r,
-    x: l,
+    x: a,
     y: i
   };
 }
 const Xt = 25;
 function Ra(e, o) {
-  const t = _e(e), n = Se(e), a = t.visualViewport;
-  let r = n.clientWidth, l = n.clientHeight, i = 0, s = 0;
-  if (a) {
-    r = a.width, l = a.height;
+  const t = _e(e), n = Se(e), l = t.visualViewport;
+  let r = n.clientWidth, a = n.clientHeight, i = 0, s = 0;
+  if (l) {
+    r = l.width, a = l.height;
     const d = Nt();
-    (!d || d && o === "fixed") && (i = a.offsetLeft, s = a.offsetTop);
+    (!d || d && o === "fixed") && (i = l.offsetLeft, s = l.offsetTop);
   }
   const u = kt(n);
   if (u <= 0) {
@@ -2131,16 +2131,16 @@ function Ra(e, o) {
   } else u <= Xt && (r += u);
   return {
     width: r,
-    height: l,
+    height: a,
     x: i,
     y: s
   };
 }
 const La = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function Ea(e, o) {
-  const t = He(e, !0, o === "fixed"), n = t.top + e.clientTop, a = t.left + e.clientLeft, r = Be(e) ? Qe(e) : Ce(1), l = e.clientWidth * r.x, i = e.clientHeight * r.y, s = a * r.x, u = n * r.y;
+  const t = He(e, !0, o === "fixed"), n = t.top + e.clientTop, l = t.left + e.clientLeft, r = Be(e) ? Qe(e) : Ce(1), a = e.clientWidth * r.x, i = e.clientHeight * r.y, s = l * r.x, u = n * r.y;
   return {
-    width: l,
+    width: a,
     height: i,
     x: s,
     y: u
@@ -2155,10 +2155,10 @@ function Zt(e, o, t) {
   else if (we(o))
     n = Ea(o, t);
   else {
-    const a = _n(e);
+    const l = _n(e);
     n = {
-      x: o.x - a.x,
-      y: o.y - a.y,
+      x: o.x - l.x,
+      y: o.y - l.y,
       width: o.width,
       height: o.height
     };
@@ -2173,12 +2173,12 @@ function Oa(e, o) {
   const t = o.get(e);
   if (t)
     return t;
-  let n = st(e, [], !1).filter((i) => we(i) && Ne(i) !== "body"), a = null;
+  let n = st(e, [], !1).filter((i) => we(i) && Ne(i) !== "body"), l = null;
   const r = ye(e).position === "fixed";
-  let l = r ? Oe(e) : e;
-  for (; we(l) && !Ye(l); ) {
-    const i = ye(l), s = Ht(l);
-    !s && i.position === "fixed" && (a = null), (r ? !s && !a : !s && i.position === "static" && !!a && La.has(a.position) || ct(l) && !s && mn(e, l)) ? n = n.filter((d) => d !== l) : a = i, l = Oe(l);
+  let a = r ? Oe(e) : e;
+  for (; we(a) && !Ye(a); ) {
+    const i = ye(a), s = Ht(a);
+    !s && i.position === "fixed" && (l = null), (r ? !s && !l : !s && i.position === "static" && !!l && La.has(l.position) || ct(a) && !s && mn(e, a)) ? n = n.filter((d) => d !== a) : l = i, a = Oe(a);
   }
   return o.set(e, n), n;
 }
@@ -2187,12 +2187,12 @@ function Pa(e) {
     element: o,
     boundary: t,
     rootBoundary: n,
-    strategy: a
+    strategy: l
   } = e;
-  const l = [...t === "clippingAncestors" ? yt(o) ? [] : Oa(o, this._c) : [].concat(t), n], i = l[0], s = l.reduce((u, d) => {
-    const v = Zt(o, d, a);
+  const a = [...t === "clippingAncestors" ? yt(o) ? [] : Oa(o, this._c) : [].concat(t), n], i = a[0], s = a.reduce((u, d) => {
+    const v = Zt(o, d, l);
     return u.top = pe(v.top, u.top), u.right = Le(v.right, u.right), u.bottom = Le(v.bottom, u.bottom), u.left = pe(v.left, u.left), u;
-  }, Zt(o, i, a));
+  }, Zt(o, i, l));
   return {
     width: s.right - s.left,
     height: s.bottom - s.top,
@@ -2211,27 +2211,27 @@ function za(e) {
   };
 }
 function Da(e, o, t) {
-  const n = Be(o), a = Se(o), r = t === "fixed", l = He(e, !0, r, o);
+  const n = Be(o), l = Se(o), r = t === "fixed", a = He(e, !0, r, o);
   let i = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const s = Ce(0);
   function u() {
-    s.x = kt(a);
+    s.x = kt(l);
   }
   if (n || !n && !r)
-    if ((Ne(o) !== "body" || ct(a)) && (i = xt(o)), n) {
+    if ((Ne(o) !== "body" || ct(l)) && (i = xt(o)), n) {
       const b = He(o, !0, r, o);
       s.x = b.x + o.clientLeft, s.y = b.y + o.clientTop;
-    } else a && u();
-  r && !n && a && u();
-  const d = a && !n && !r ? fn(a, i) : Ce(0), v = l.left + i.scrollLeft - s.x - d.x, x = l.top + i.scrollTop - s.y - d.y;
+    } else l && u();
+  r && !n && l && u();
+  const d = l && !n && !r ? fn(l, i) : Ce(0), v = a.left + i.scrollLeft - s.x - d.x, x = a.top + i.scrollTop - s.y - d.y;
   return {
     x: v,
     y: x,
-    width: l.width,
-    height: l.height
+    width: a.width,
+    height: a.height
   };
 }
 function Ct(e) {
@@ -2250,11 +2250,11 @@ function hn(e, o) {
   if (yt(e))
     return t;
   if (!Be(e)) {
-    let a = Oe(e);
-    for (; a && !Ye(a); ) {
-      if (we(a) && !Ct(a))
-        return a;
-      a = Oe(a);
+    let l = Oe(e);
+    for (; l && !Ye(l); ) {
+      if (we(l) && !Ct(l))
+        return l;
+      l = Oe(l);
     }
     return t;
   }
@@ -2295,12 +2295,12 @@ function vn(e, o) {
 }
 function Wa(e, o) {
   let t = null, n;
-  const a = Se(e);
+  const l = Se(e);
   function r() {
     var i;
     clearTimeout(n), (i = t) == null || i.disconnect(), t = null;
   }
-  function l(i, s) {
+  function a(i, s) {
     i === void 0 && (i = !1), s === void 0 && (s = 1), r();
     const u = e.getBoundingClientRect(), {
       left: d,
@@ -2310,7 +2310,7 @@ function Wa(e, o) {
     } = u;
     if (i || o(), !x || !b)
       return;
-    const $ = pt(v), T = pt(a.clientWidth - (d + x)), S = pt(a.clientHeight - (v + b)), w = pt(d), E = {
+    const $ = pt(v), T = pt(l.clientWidth - (d + x)), S = pt(l.clientHeight - (v + b)), w = pt(d), E = {
       rootMargin: -$ + "px " + -T + "px " + -S + "px " + -w + "px",
       threshold: pe(0, Le(1, s)) || 1
     };
@@ -2319,43 +2319,43 @@ function Wa(e, o) {
       const z = j[0].intersectionRatio;
       if (z !== s) {
         if (!R)
-          return l();
-        z ? l(!1, z) : n = setTimeout(() => {
-          l(!1, 1e-7);
+          return a();
+        z ? a(!1, z) : n = setTimeout(() => {
+          a(!1, 1e-7);
         }, 1e3);
       }
-      z === 1 && !vn(u, e.getBoundingClientRect()) && l(), R = !1;
+      z === 1 && !vn(u, e.getBoundingClientRect()) && a(), R = !1;
     }
     try {
       t = new IntersectionObserver(F, {
         ...E,
         // Handle <iframe>s
-        root: a.ownerDocument
+        root: l.ownerDocument
       });
     } catch {
       t = new IntersectionObserver(F, E);
     }
     t.observe(e);
   }
-  return l(!0), r;
+  return a(!0), r;
 }
 function Mt(e, o, t, n) {
   n === void 0 && (n = {});
   const {
-    ancestorScroll: a = !0,
+    ancestorScroll: l = !0,
     ancestorResize: r = !0,
-    elementResize: l = typeof ResizeObserver == "function",
+    elementResize: a = typeof ResizeObserver == "function",
     layoutShift: i = typeof IntersectionObserver == "function",
     animationFrame: s = !1
-  } = n, u = Ft(e), d = a || r ? [...u ? st(u) : [], ...st(o)] : [];
+  } = n, u = Ft(e), d = l || r ? [...u ? st(u) : [], ...st(o)] : [];
   d.forEach((w) => {
-    a && w.addEventListener("scroll", t, {
+    l && w.addEventListener("scroll", t, {
       passive: !0
     }), r && w.addEventListener("resize", t);
   });
   const v = u && i ? Wa(u, t) : null;
   let x = -1, b = null;
-  l && (b = new ResizeObserver((w) => {
+  a && (b = new ResizeObserver((w) => {
     let [y] = w;
     y && y.target === u && b && (b.unobserve(o), cancelAnimationFrame(x), x = requestAnimationFrame(() => {
       var E;
@@ -2371,20 +2371,20 @@ function Mt(e, o, t, n) {
   return t(), () => {
     var w;
     d.forEach((y) => {
-      a && y.removeEventListener("scroll", t), r && y.removeEventListener("resize", t);
+      l && y.removeEventListener("scroll", t), r && y.removeEventListener("resize", t);
     }), v == null || v(), (w = b) == null || w.disconnect(), b = null, s && cancelAnimationFrame($);
   };
 }
 const Tt = ha, Vt = va, Rt = _a, Ua = ga, qa = pa, Ka = (e, o, t) => {
-  const n = /* @__PURE__ */ new Map(), a = {
+  const n = /* @__PURE__ */ new Map(), l = {
     platform: Fa,
     ...t
   }, r = {
-    ...a.platform,
+    ...l.platform,
     _c: n
   };
   return da(e, o, {
-    ...a,
+    ...l,
     platform: r
   });
 };
@@ -2423,10 +2423,10 @@ function en(e, o) {
 }
 function Et(e, o, t) {
   t === void 0 && (t = {});
-  const n = t.whileElementsMounted, a = k(() => {
+  const n = t.whileElementsMounted, l = k(() => {
     var z;
     return (z = Ke(t.open)) != null ? z : !0;
-  }), r = k(() => Ke(t.middleware)), l = k(() => {
+  }), r = k(() => Ke(t.middleware)), a = k(() => {
     var z;
     return (z = Ke(t.placement)) != null ? z : "bottom";
   }), i = k(() => {
@@ -2435,7 +2435,7 @@ function Et(e, o, t) {
   }), s = k(() => {
     var z;
     return (z = Ke(t.transform)) != null ? z : !0;
-  }), u = k(() => Lt(e.value)), d = k(() => Lt(o.value)), v = P(0), x = P(0), b = P(i.value), $ = P(l.value), T = yn({}), S = P(!1), w = k(() => {
+  }), u = k(() => Lt(e.value)), d = k(() => Lt(o.value)), v = P(0), x = P(0), b = P(i.value), $ = P(a.value), T = yn({}), S = P(!1), w = k(() => {
     const z = {
       position: b.value,
       left: "0",
@@ -2460,10 +2460,10 @@ function Et(e, o, t) {
   function E() {
     if (u.value == null || d.value == null)
       return;
-    const z = a.value;
+    const z = l.value;
     Ka(u.value, d.value, {
       middleware: r.value,
-      placement: l.value,
+      placement: a.value,
       strategy: i.value
     }).then((q) => {
       v.value = q.x, x.value = q.y, b.value = q.strategy, $.value = q.placement, T.value = q.middlewareData, S.value = z !== !1;
@@ -2483,13 +2483,13 @@ function Et(e, o, t) {
     }
   }
   function j() {
-    a.value || (S.value = !1);
+    l.value || (S.value = !1);
   }
-  return le([r, l, i, a], E, {
+  return le([r, a, i, l], E, {
     flush: "sync"
   }), le([u, d], F, {
     flush: "sync"
-  }), le(a, j, {
+  }), le(l, j, {
     flush: "sync"
   }), xn() && kn(R), {
     x: We(v),
@@ -2584,7 +2584,7 @@ const Ga = ["data-testid"], ja = {
   },
   emits: ["update:open", "item-click", "item-expand", "select", "update:search-query"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = P(null), r = P(null), l = P(null), i = P(""), s = P(""), u = /* @__PURE__ */ new Map(), d = `in-cascading-menu-search-${Math.random().toString(36).slice(2, 9)}`, v = k(() => t.searchInputId ?? d), x = k(() => `${v.value}-child`), b = k(() => t.items.flatMap((B) => "kind" in B && B.kind === "group" ? [
+    const t = e, n = o, l = P(null), r = P(null), a = P(null), i = P(""), s = P(""), u = /* @__PURE__ */ new Map(), d = `in-cascading-menu-search-${Math.random().toString(36).slice(2, 9)}`, v = k(() => t.searchInputId ?? d), x = k(() => `${v.value}-child`), b = k(() => t.items.flatMap((B) => "kind" in B && B.kind === "group" ? [
       { type: "group-header", label: B.label },
       ...B.items.map((K) => ({ type: "item", item: K }))
     ] : [{ type: "item", item: B }])), $ = k(() => b.value.filter((B) => B.type === "item").map((B) => B.item)), T = k(() => t.searchable), S = k(() => T.value && s.value.trim().length > 0), w = k(() => {
@@ -2593,10 +2593,10 @@ const Ga = ["data-testid"], ja = {
         maxWidth: `${t.width}px`
       };
       return t.menuMaxHeight && (B.maxHeight = `${t.menuMaxHeight}px`), B;
-    }), y = k(() => ({ width: `${t.listWidth}px` })), E = k(() => l.value ? $.value.find((B) => B.id === l.value) ?? null : null), R = k(() => {
+    }), y = k(() => ({ width: `${t.listWidth}px` })), E = k(() => a.value ? $.value.find((B) => B.id === a.value) ?? null : null), R = k(() => {
       var B;
       return ((B = E.value) == null ? void 0 : B.subList) ?? null;
-    }), F = k(() => l.value ? u.get(l.value) ?? null : null), j = k(() => t.open && !S.value && R.value !== null), z = k(() => t.anchor), { floatingStyles: q } = Et(z, a, {
+    }), F = k(() => a.value ? u.get(a.value) ?? null : null), j = k(() => t.open && !S.value && R.value !== null), z = k(() => t.anchor), { floatingStyles: q } = Et(z, l, {
       placement: "bottom-start",
       strategy: "fixed",
       whileElementsMounted: Mt,
@@ -2631,15 +2631,15 @@ const Ga = ["data-testid"], ja = {
     function I(B, K) {
       K instanceof HTMLElement ? u.set(B, K) : u.delete(B);
     }
-    function C(B) {
+    function A(B) {
       if (S.value)
         return;
-      const K = l.value === B.id;
-      l.value = B.id, i.value = "", B.subList && !K && n("item-expand", B.id);
+      const K = a.value === B.id;
+      a.value = B.id, i.value = "", B.subList && !K && n("item-expand", B.id);
     }
     function O(B) {
       if (B.subList) {
-        l.value = B.id;
+        a.value = B.id;
         return;
       }
       n("item-click", B.id);
@@ -2652,7 +2652,7 @@ const Ga = ["data-testid"], ja = {
     }
     function ae(B) {
       const K = String(B);
-      s.value = K, l.value = null, i.value = "", n("update:search-query", K);
+      s.value = K, a.value = null, i.value = "", n("update:search-query", K);
     }
     function ne(B) {
       i.value = String(B);
@@ -2661,7 +2661,7 @@ const Ga = ["data-testid"], ja = {
       var D, Y;
       if (!B)
         return !1;
-      if ((D = a.value) != null && D.contains(B) || (Y = r.value) != null && Y.contains(B))
+      if ((D = l.value) != null && D.contains(B) || (Y = r.value) != null && Y.contains(B))
         return !0;
       const { anchor: K } = t;
       return K && "contains" in K && typeof K.contains == "function" ? K.contains(B) : !1;
@@ -2672,21 +2672,21 @@ const Ga = ["data-testid"], ja = {
     function ve(B) {
       if (!(!t.open || B.key !== "Escape")) {
         if (s.value || i.value) {
-          B.stopPropagation(), s.value = "", i.value = "", l.value = null;
+          B.stopPropagation(), s.value = "", i.value = "", a.value = null;
           return;
         }
         n("update:open", !1);
       }
     }
     return le(() => t.open, (B) => {
-      B ? (document.addEventListener("pointerdown", de, !0), window.addEventListener("keydown", ve)) : (document.removeEventListener("pointerdown", de, !0), window.removeEventListener("keydown", ve), l.value = null, i.value = "", s.value = "", u.clear());
+      B ? (document.addEventListener("pointerdown", de, !0), window.addEventListener("keydown", ve)) : (document.removeEventListener("pointerdown", de, !0), window.removeEventListener("keydown", ve), a.value = null, i.value = "", s.value = "", u.clear());
     }, { immediate: !0 }), ut(() => {
       document.removeEventListener("pointerdown", de, !0), window.removeEventListener("keydown", ve);
     }), (B, K) => (p(), J(ln, { to: B.teleportTarget }, [
       B.open ? (p(), f("div", {
         key: 0,
         ref_key: "menuRef",
-        ref: a,
+        ref: l,
         class: "in-cascading-menu",
         role: "menu",
         "data-testid": B.menuTestId,
@@ -2706,7 +2706,7 @@ const Ga = ["data-testid"], ja = {
             "onUpdate:modelValue": ae
           }, null, 8, ["id", "model-value", "placeholder-text"])
         ])) : V("", !0),
-        A("div", {
+        C("div", {
           class: g(["in-cascading-menu__body", { "is-flat-search": S.value }])
         }, [
           B.loading ? (p(), f("div", Xa, [
@@ -2722,13 +2722,13 @@ const Ga = ["data-testid"], ja = {
                 name: "line-no-search-result",
                 size: 40
               }),
-              A("span", el, H(B.emptySearchText), 1)
+              C("span", el, H(B.emptySearchText), 1)
             ])) : (p(), f("div", tl, [
               (p(!0), f(ie, null, me(m.value, (D) => (p(), f("section", {
                 key: D.parentId,
                 class: "in-cascading-menu__flat-group"
               }, [
-                A("h4", nl, H(D.parentLabel), 1),
+                C("h4", nl, H(D.parentLabel), 1),
                 (p(!0), f(ie, null, me(D.items, (Y) => (p(), f("button", {
                   key: `${D.parentId}-${Y.id}`,
                   class: g(["in-cascading-menu__list-item", {
@@ -2741,8 +2741,8 @@ const Ga = ["data-testid"], ja = {
                   disabled: Y.disabled,
                   onClick: (oe) => U(D.parentId, Y)
                 }, [
-                  A("span", al, [
-                    A("span", ll, H(Y.label), 1),
+                  C("span", al, [
+                    C("span", ll, H(Y.label), 1),
                     Y.subtitle ? (p(), f("span", il, H(Y.subtitle), 1)) : V("", !0)
                   ]),
                   Y.meta ? (p(), f("span", sl, H(Y.meta), 1)) : V("", !0)
@@ -2757,7 +2757,7 @@ const Ga = ["data-testid"], ja = {
               ref_for: !0,
               ref: (oe) => I(D.item.id, oe),
               class: g(["in-cascading-menu__item", {
-                "is-active": l.value === D.item.id,
+                "is-active": a.value === D.item.id,
                 "is-selected": B.selectedItemId === D.item.id
               }]),
               role: "menuitem",
@@ -2765,10 +2765,10 @@ const Ga = ["data-testid"], ja = {
               "data-item-id": D.item.id,
               "data-testid": D.item.testId,
               onClick: (oe) => O(D.item),
-              onFocus: (oe) => C(D.item),
-              onMouseenter: (oe) => C(D.item)
+              onFocus: (oe) => A(D.item),
+              onMouseenter: (oe) => A(D.item)
             }, [
-              A("span", cl, H(D.item.label), 1),
+              C("span", cl, H(D.item.label), 1),
               D.item.hasChildren || D.item.subList ? (p(), J(X, {
                 key: 0,
                 class: "in-cascading-menu__item-chevron",
@@ -2802,7 +2802,7 @@ const Ga = ["data-testid"], ja = {
             "onUpdate:modelValue": ne
           }, null, 8, ["id", "model-value", "placeholder-text"])
         ])) : V("", !0),
-        A("div", _l, [
+        C("div", _l, [
           R.value.loading ? (p(), f("div", fl, [
             Z(X, {
               class: "in-cascading-menu__spinner-icon",
@@ -2811,13 +2811,13 @@ const Ga = ["data-testid"], ja = {
             }),
             B.loadingText ? (p(), f("span", ml, H(B.loadingText), 1)) : V("", !0)
           ])) : R.value.error ? (p(), f("div", hl, [
-            A("span", vl, H(R.value.error), 1)
+            C("span", vl, H(R.value.error), 1)
           ])) : _.value.length === 0 && i.value ? (p(), f("div", gl, [
             Z(X, {
               name: "line-no-search-result",
               size: 40
             }),
-            A("span", bl, H(R.value.noResultText || "No Search Result"), 1)
+            C("span", bl, H(R.value.noResultText || "No Search Result"), 1)
           ])) : _.value.length === 0 ? (p(), f("div", wl, [
             Z(X, {
               name: "line-empty-box",
@@ -2837,8 +2837,8 @@ const Ga = ["data-testid"], ja = {
               onMousedown: K[0] || (K[0] = rt(() => {
               }, ["prevent"]))
             }, [
-              A("span", Al, [
-                A("span", Cl, H(D.label), 1),
+              C("span", Al, [
+                C("span", Cl, H(D.label), 1),
                 D.subtitle ? (p(), f("span", Bl, H(D.subtitle), 1)) : V("", !0)
               ]),
               D.meta ? (p(), f("span", Sl, H(D.meta), 1)) : V("", !0)
@@ -2867,21 +2867,21 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["update:modelValue", "escape", "clear"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, a = t, r = bn("search"), l = k(() => n.id || r), i = k(() => n.name || l.value), s = P(null), u = k(() => n.modelValue.length > 0), d = k(() => n.clearable && u.value ? Tl : "line-search");
+    const n = e, l = t, r = bn("search"), a = k(() => n.id || r), i = k(() => n.name || a.value), s = P(null), u = k(() => n.modelValue.length > 0), d = k(() => n.clearable && u.value ? Tl : "line-search");
     function v(T) {
-      a("update:modelValue", String(T));
+      l("update:modelValue", String(T));
     }
     function x(T) {
       if (T.key === "Escape") {
         if (T.stopPropagation(), n.modelValue) {
-          a("update:modelValue", ""), a("clear");
+          l("update:modelValue", ""), l("clear");
           return;
         }
-        a("escape");
+        l("escape");
       }
     }
     function b() {
-      !n.clearable || !u.value || (a("update:modelValue", ""), a("clear"));
+      !n.clearable || !u.value || (l("update:modelValue", ""), l("clear"));
     }
     function $() {
       var S, w;
@@ -2893,7 +2893,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
       onKeydown: x
     }, [
       Z(it, {
-        id: l.value,
+        id: a.value,
         ref_key: "inputRef",
         ref: s,
         "right-icon-status": "",
@@ -2970,11 +2970,11 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["toggle"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, a = t, r = bn("select-field"), l = P(null), i = k(() => !!n.error), s = k(() => !n.value), u = k(() => n.value || n.placeholder);
+    const n = e, l = t, r = bn("select-field"), a = P(null), i = k(() => !!n.error), s = k(() => !n.value), u = k(() => n.value || n.placeholder);
     function d() {
-      n.disabled || a("toggle");
+      n.disabled || l("toggle");
     }
-    return o({ triggerRef: l }), (v, x) => (p(), f("fieldset", {
+    return o({ triggerRef: a }), (v, x) => (p(), f("fieldset", {
       class: g(c(xe).root)
     }, [
       v.label ? (p(), J(c(at), {
@@ -2988,10 +2988,10 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         ]),
         _: 1
       }, 8, ["for"])) : V("", !0),
-      A("button", {
+      C("button", {
         id: `${c(r)}-trigger`,
         ref_key: "triggerRef",
-        ref: l,
+        ref: a,
         type: "button",
         "aria-expanded": v.isOpen,
         "aria-haspopup": !0,
@@ -3016,7 +3016,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
           ]),
           _: 1
         }, 8, ["class", "variant"]),
-        A("span", {
+        C("span", {
           class: g([c(xe).chevron, { [c(xe).isOpen]: v.isOpen }])
         }, [
           Z(X, {
@@ -3070,40 +3070,40 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["update:modelValue", "open", "close"],
   setup(e, { expose: o, emit: t }) {
-    const n = rn, a = e, r = t, l = P(null), i = P(null), s = P(!1), u = P({}), d = P(a.modelValue), v = ["left-side", "right-side"];
+    const n = rn, l = e, r = t, a = P(null), i = P(null), s = P(!1), u = P({}), d = P(l.modelValue), v = ["left-side", "right-side"];
     function x(h) {
       return v.includes(h);
     }
     function b() {
-      return a.width ? { width: `${a.width}px`, minWidth: `${a.width}px` } : {};
+      return l.width ? { width: `${l.width}px`, minWidth: `${l.width}px` } : {};
     }
     function $(h, L) {
-      const N = h.bottom - L.height, W = a.align === "left-side" ? h.left - L.width - a.gap : h.right + a.gap;
+      const N = h.bottom - L.height, W = l.align === "left-side" ? h.left - L.width - l.gap : h.right + l.gap;
       return { top: N, left: W };
     }
     function T(h, L) {
-      const N = a.position === "top" ? h.top - L.height - a.gap : h.bottom + a.gap;
-      return a.align === "right" ? { top: N, left: h.right - L.width } : a.align === "center" ? { top: N, left: h.left + (h.width - L.width) / 2 } : { top: N, left: h.left };
+      const N = l.position === "top" ? h.top - L.height - l.gap : h.bottom + l.gap;
+      return l.align === "right" ? { top: N, left: h.right - L.width } : l.align === "center" ? { top: N, left: h.left + (h.width - L.width) / 2 } : { top: N, left: h.left };
     }
     function S() {
-      const h = a.fitContent ? {} : { width: "100%" };
+      const h = l.fitContent ? {} : { width: "100%" };
       return {
         position: "absolute",
-        [a.position === "top" ? "bottom" : "top"]: `calc(100% + ${a.gap}px)`,
+        [l.position === "top" ? "bottom" : "top"]: `calc(100% + ${l.gap}px)`,
         ...h,
         ...b()
       };
     }
     function w(h, L) {
-      const N = window.innerHeight - h.bottom - a.gap, W = h.top - a.gap;
-      return a.position === "top" ? W >= L || W >= N ? "top" : "bottom" : N >= L || N >= W ? "bottom" : "top";
+      const N = window.innerHeight - h.bottom - l.gap, W = h.top - l.gap;
+      return l.position === "top" ? W >= L || W >= N ? "top" : "bottom" : N >= L || N >= W ? "bottom" : "top";
     }
     function y(h, L, N) {
       const W = L.getBoundingClientRect(), te = h.getBoundingClientRect(), _ = w(te, N), m = { position: "absolute" };
-      return _ === "top" ? m.bottom = `${W.bottom - te.top + a.gap}px` : m.top = `${te.bottom - W.top + a.gap}px`, a.fitContent || (m.width = "100%"), Object.assign(m, b()), m;
+      return _ === "top" ? m.bottom = `${W.bottom - te.top + l.gap}px` : m.top = `${te.bottom - W.top + l.gap}px`, l.fitContent || (m.width = "100%"), Object.assign(m, b()), m;
     }
     function E(h, L) {
-      const { top: N, left: W } = x(a.align) ? $(h, L) : T(h, L);
+      const { top: N, left: W } = x(l.align) ? $(h, L) : T(h, L);
       return {
         position: "fixed",
         top: `${N}px`,
@@ -3112,13 +3112,13 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
       };
     }
     function R(h) {
-      return a.anchorSelector ? (h.firstElementChild ?? h).querySelector(a.anchorSelector) : null;
+      return l.anchorSelector ? (h.firstElementChild ?? h).querySelector(l.anchorSelector) : null;
     }
     function F() {
-      if (!d.value || !l.value || !i.value)
+      if (!d.value || !a.value || !i.value)
         return;
-      if (a.positionStrategy === "absolute") {
-        const N = R(l.value);
+      if (l.positionStrategy === "absolute") {
+        const N = R(a.value);
         if (!N) {
           u.value = S(), s.value = !0;
           return;
@@ -3128,10 +3128,10 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
           s.value = !1, requestAnimationFrame(() => requestAnimationFrame(F));
           return;
         }
-        u.value = y(N, l.value, W.height), s.value = !0;
+        u.value = y(N, a.value, W.height), s.value = !0;
         return;
       }
-      const h = l.value.getBoundingClientRect(), L = i.value.getBoundingClientRect();
+      const h = a.value.getBoundingClientRect(), L = i.value.getBoundingClientRect();
       if (L.width === 0 || L.height === 0) {
         s.value = !1, requestAnimationFrame(() => requestAnimationFrame(F));
         return;
@@ -3139,7 +3139,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
       u.value = E(h, L), s.value = !0;
     }
     le(
-      () => a.modelValue,
+      () => l.modelValue,
       (h) => {
         d.value = h, h && lt(F);
       }
@@ -3150,8 +3150,8 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
       d.value = !1, s.value = !1, r("update:modelValue", !1), r("close");
     }, q = k(() => ({
       handler: z,
-      exclude: [l, i],
-      capture: a.closeOnClickOutside
+      exclude: [a, i],
+      capture: l.closeOnClickOutside
     }));
     return o({
       isOpen: d,
@@ -3159,7 +3159,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
       close: z
     }), (h, L) => (p(), f("div", {
       ref_key: "popoverRef",
-      ref: l,
+      ref: a,
       class: "popover"
     }, [
       ce(h.$slots, "trigger", {
@@ -3193,7 +3193,10 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
 }), ei = /* @__PURE__ */ fe(Jl, [["__scopeId", "data-v-33ef0f6d"]]), ti = {
   key: 0,
   class: "in-dropdown-menu__search-container"
-}, ni = { class: "in-dropdown-menu__item-container" }, oi = ["onClick"], ai = /* @__PURE__ */ G({
+}, ni = {
+  key: 2,
+  class: "in-dropdown-menu__item-container"
+}, oi = ["onClick"], ai = /* @__PURE__ */ G({
   __name: "InDropdownMenu",
   props: {
     modelValue: { default: "" },
@@ -3210,12 +3213,12 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
     mode: { default: "primary" },
     anchorSelector: { default: void 0 }
   },
-  emits: ["update:modelValue", "add-error", "item-added", "select-item", "update:search-query"],
+  emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { expose: o, emit: t }) {
     Cn((y) => ({
-      "4d16b643": `${n.menuHeight}px`
+      ed307462: `${n.menuHeight}px`
     }));
-    const n = e, a = t, r = P(!1), l = P(null), i = P(""), s = P(null), u = P([...n.items]), d = P([...n.items]), v = () => {
+    const n = e, l = t, r = P(!1), a = P(null), i = P(""), s = P(null), u = P([...n.items]), d = P([...n.items]), v = () => {
       r.value = !r.value;
     }, x = () => {
       s.value = null, i.value = "", u.value = [...d.value];
@@ -3229,37 +3232,37 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
     const b = () => {
       r.value = !1, x();
     }, $ = (y) => {
-      l.value = y, a("select-item", y), a("update:modelValue", y.value), b();
+      a.value = y, l("select-item", y), l("update:modelValue", y.value), b();
     }, T = () => {
       const y = i.value.trim(), E = n.validateAddItem(y, d.value);
       if (E) {
-        s.value = E, a("add-error", E);
+        s.value = E, l("add-error", E);
         return;
       }
       const R = {
         text: y,
         value: y
       };
-      d.value.push(R), x(), a("item-added", R);
+      d.value.push(R), x(), l("item-added", R);
     }, S = (y) => {
       i.value = String(y);
       const E = ht(d.value, "text", i.value);
-      u.value = E, a("update:search-query", i.value);
+      u.value = E;
     }, w = () => {
       s.value = null;
     };
     return Ge(() => {
       if (n.modelValue) {
         const y = d.value.find((E) => E.value === n.modelValue);
-        y && (l.value = y);
+        y && (a.value = y);
       }
     }), le(
       () => n.modelValue,
       (y) => {
         var E;
-        if (((E = l.value) == null ? void 0 : E.value) !== y) {
+        if (((E = a.value) == null ? void 0 : E.value) !== y) {
           const R = d.value.find((F) => F.value === y);
-          R ? l.value = R : l.value = null;
+          R ? a.value = R : a.value = null;
         }
       }
     ), le(
@@ -3272,7 +3275,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
       isOpen: r,
       toggleMenu: v,
       closeMenu: b,
-      selectedItem: l
+      selectedItem: a
     }), (y, E) => (p(), J(c(ei), {
       class: g(["in-dropdown-menu", {
         "in-dropdown-menu--open": r.value,
@@ -3292,7 +3295,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         }, void 0, !0)
       ]),
       default: he(() => [
-        A("div", {
+        C("div", {
           class: g(["in-dropdown-menu__menu", [`in-dropdown-menu__menu--${n.mode}`]]),
           onClick: E[1] || (E[1] = rt(() => {
           }, ["prevent"]))
@@ -3323,7 +3326,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
               onClick: T
             }, null, 8, ["label"])) : V("", !0)
           ])) : V("", !0),
-          A("ul", ni, [
+          u.value.length === 0 && y.searchable ? ce(y.$slots, "no-results", { key: 1 }, void 0, !0) : (p(), f("ul", ni, [
             (p(!0), f(ie, null, me(u.value, (R, F) => {
               var j, z;
               return p(), f("li", {
@@ -3334,13 +3337,13 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
                   key: 0,
                   class: g(["in-dropdown-menu__item-content", [
                     {
-                      "in-dropdown-menu__item--active": l.value && R.value === l.value.value
+                      "in-dropdown-menu__item--active": a.value && R.value === a.value.value
                     }
                   ]]),
                   onClick: (q) => $(R)
                 }, [
                   ce(y.$slots, "item", {
-                    isSelected: ((j = l.value) == null ? void 0 : j.value) === R.value,
+                    isSelected: ((j = a.value) == null ? void 0 : j.value) === R.value,
                     item: R
                   }, void 0, !0)
                 ], 10, oi)) : (p(), J(c(mt), {
@@ -3348,25 +3351,25 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
                   fill: "",
                   class: g(["in-dropdown-menu__item-button", [
                     {
-                      "in-dropdown-menu__item-button--active": l.value && R.value === l.value.value
+                      "in-dropdown-menu__item-button--active": a.value && R.value === a.value.value
                     }
                   ]]),
                   color: "secondary",
                   size: "small",
                   variant: "ghost",
                   label: R.text,
-                  "right-icon-name": n.showSelectedIcon && ((z = l.value) == null ? void 0 : z.value) === R.value ? "line-check-natural" : void 0,
+                  "right-icon-name": n.showSelectedIcon && ((z = a.value) == null ? void 0 : z.value) === R.value ? "line-check-natural" : void 0,
                   onClick: (q) => $(R)
                 }, null, 8, ["class", "label", "right-icon-name", "onClick"]))
               ]);
             }), 128))
-          ])
+          ]))
         ], 2)
       ]),
       _: 3
     }, 8, ["anchor-selector", "class", "width", "modelValue"]));
   }
-}), Ks = /* @__PURE__ */ fe(ai, [["__scopeId", "data-v-b928c54b"]]), li = { class: "in-tabs" }, ii = ["data-value", "disabled", "onClick"], si = /* @__PURE__ */ G({
+}), Ks = /* @__PURE__ */ fe(ai, [["__scopeId", "data-v-c5a43b41"]]), li = { class: "in-tabs" }, ii = ["data-value", "disabled", "onClick"], si = /* @__PURE__ */ G({
   __name: "InTabs",
   props: {
     tabs: {},
@@ -3375,30 +3378,30 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = P(t.modelValue || (t.tabs.length > 0 ? t.tabs[0].value : "")), r = (l) => {
-      t.disabled || l.disabled || (a.value = l.value, n("update:modelValue", l.value), n("change", l.value));
+    const t = e, n = o, l = P(t.modelValue || (t.tabs.length > 0 ? t.tabs[0].value : "")), r = (a) => {
+      t.disabled || a.disabled || (l.value = a.value, n("update:modelValue", a.value), n("change", a.value));
     };
     return le(
       () => t.modelValue,
-      (l) => {
-        l !== void 0 && l !== a.value && (a.value = l);
+      (a) => {
+        a !== void 0 && a !== l.value && (l.value = a);
       }
     ), le(
       () => t.tabs,
-      (l) => {
-        l.length > 0 && !l.some((i) => i.value === a.value) && (a.value = l[0].value, n("update:modelValue", l[0].value));
+      (a) => {
+        a.length > 0 && !a.some((i) => i.value === l.value) && (l.value = a[0].value, n("update:modelValue", a[0].value));
       },
       { deep: !0 }
-    ), (l, i) => (p(), f("div", li, [
-      (p(!0), f(ie, null, me(l.tabs, (s, u) => (p(), f("button", {
+    ), (a, i) => (p(), f("div", li, [
+      (p(!0), f(ie, null, me(a.tabs, (s, u) => (p(), f("button", {
         key: `${s.value}-${u}`,
         class: g(["in-tabs__tab", [
           {
-            "in-tabs__tab--active": a.value === s.value
+            "in-tabs__tab--active": l.value === s.value
           }
         ]]),
         "data-value": s.value,
-        disabled: l.disabled || s.disabled,
+        disabled: a.disabled || s.disabled,
         onClick: (d) => r(s)
       }, H(s.label), 11, ii))), 128))
     ]));
@@ -3437,10 +3440,10 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["update:modelValue", "keyup", "keypress", "click", "cut", "paste", "blur"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, a = k(() => {
+    const n = e, l = k(() => {
       const w = {};
       return n.width && (w.width = n.width), n.height && (w.height = n.height), n.padding && (w.padding = n.padding), n.resize && (w.resize = n.resize), w;
-    }), r = t, l = P(), i = (w = "") => typeof w == "string" ? w.replace(/<\/style>/gi, "").replace(/<(.*?) on(.*?)=['"](.*?)>/gi, "").replace(/(<meta |<style|<\/*script)(.*?)>/gi, "").replace(/(<([^>]+)>)/ig, "").replace(/<(.*?) (href|src)="j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi, "") : w, s = k(() => n.preventXss ? i(n.modelValue) : n.modelValue), u = (w) => {
+    }), r = t, a = P(), i = (w = "") => typeof w == "string" ? w.replace(/<\/style>/gi, "").replace(/<(.*?) on(.*?)=['"](.*?)>/gi, "").replace(/(<meta |<style|<\/*script)(.*?)>/gi, "").replace(/(<([^>]+)>)/ig, "").replace(/<(.*?) (href|src)="j(.*)a(.*)v(.*)a(.*)s(.*)c(.*)r(.*)i(.*)p(.*)t(.*):(.*?)>/gi, "") : w, s = k(() => n.preventXss ? i(n.modelValue) : n.modelValue), u = (w) => {
       S(), r("keyup", w);
     }, d = (w) => {
       S(), r("keypress", w);
@@ -3456,10 +3459,10 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
     }, T = (w) => {
       S(), r("blur", w);
     }, S = () => {
-      n.preventXss && l.value && (l.value.value = i(l.value.value));
+      n.preventXss && a.value && (a.value.value = i(a.value.value));
     };
     return o({
-      textareaRef: l
+      textareaRef: a
     }), (w, y) => (p(), f("fieldset", {
       class: g([
         c(ke)["in-form-item"],
@@ -3475,10 +3478,10 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         ]),
         for: w.id
       }, H(w.label), 11, ri)) : V("", !0),
-      A("textarea", {
+      C("textarea", {
         id: w.id,
         ref_key: "textareaRef",
-        ref: l,
+        ref: a,
         class: g([
           c(ke)["in-textarea-wrapper__textarea"],
           { [c(ke)["in-textarea-wrapper__textarea_disable"]]: w.disabled },
@@ -3490,7 +3493,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         name: w.name,
         placeholder: w.placeholder,
         rows: w.rowLength,
-        style: se(a.value),
+        style: se(l.value),
         value: s.value,
         onBlur: T,
         onClick: v,
@@ -3518,11 +3521,11 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = () => {
+    const t = e, n = o, l = () => {
       t.disabled || n("click", t.value);
     };
-    return (r, l) => (p(), f("fieldset", ci, [
-      A("input", {
+    return (r, a) => (p(), f("fieldset", ci, [
+      C("input", {
         id: r.id,
         class: "in-radio-button-wrapper__input",
         type: "radio",
@@ -3530,9 +3533,9 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         disabled: r.disabled,
         name: r.name,
         value: r.value,
-        onClick: a
+        onClick: l
       }, null, 8, di),
-      A("label", {
+      C("label", {
         class: g(["in-radio-button-wrapper__label", { "in-radio-button-wrapper__label_disable": r.disabled }]),
         for: r.id
       }, H(r.label), 11, pi)
@@ -3548,7 +3551,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = P(null), r = k(() => t.checked ? hi : vi), l = (s) => {
+    const t = e, n = o, l = P(null), r = k(() => t.checked ? hi : vi), a = (s) => {
       if (t.disabled) {
         s.preventDefault();
         return;
@@ -3560,7 +3563,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         s.preventDefault();
         return;
       }
-      a.value && !a.value.disabled && (a.value.checked = !a.value.checked, a.value.dispatchEvent(new Event("change", { bubbles: !0 })));
+      l.value && !l.value.disabled && (l.value.checked = !l.value.checked, l.value.dispatchEvent(new Event("change", { bubbles: !0 })));
     };
     return (s, u) => (p(), f("fieldset", {
       class: g(["in-form-item in-toggle-wrapper", [
@@ -3570,18 +3573,18 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         }
       ]])
     }, [
-      A("input", {
+      C("input", {
         id: s.id,
         ref_key: "inputRef",
-        ref: a,
+        ref: l,
         class: "in-toggle-wrapper__input",
         type: "checkbox",
         checked: s.checked,
         disabled: s.disabled,
         name: s.name,
-        onChange: l
+        onChange: a
       }, null, 40, fi),
-      A("label", {
+      C("label", {
         class: "in-toggle-wrapper__label",
         for: s.id,
         onClick: i
@@ -3650,12 +3653,12 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["click", "input-change"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = (u) => {
+    const t = e, n = o, l = (u) => {
       t.disabled || n("click", u);
     }, r = (u) => {
       const d = u.target;
       n("input-change", d.value);
-    }, l = (u) => {
+    }, a = (u) => {
       u.key === "Enter" ? (u.preventDefault(), u.target.blur()) : u.key === "Escape" && (u.preventDefault(), u.target.value = t.inputValue || "", u.target.blur());
     }, i = k(() => {
       if (t.loadingStatus)
@@ -3674,14 +3677,14 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
     return (u, d) => (p(), f("button", {
       class: g(s.value),
       disabled: t.disabled,
-      onClick: a
+      onClick: l
     }, [
       i.value ? (p(), J(X, {
         key: 0,
         name: i.value,
         size: u.iconSize
       }, null, 8, ["name", "size"])) : V("", !0),
-      A("input", {
+      C("input", {
         class: g(c(qe).inputButton__input),
         disabled: t.disabled,
         placeholder: u.inputPlaceholder,
@@ -3690,7 +3693,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         onClick: d[0] || (d[0] = rt(() => {
         }, ["stop"])),
         onInput: r,
-        onKeydown: l
+        onKeydown: a
       }, null, 42, Bi),
       u.rightIconName ? (p(), J(X, {
         key: 1,
@@ -3721,12 +3724,12 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["close", "submit"],
   setup(e, { emit: o }) {
-    const t = e, n = P(!1), a = o, r = () => {
-      a("close");
-    }, l = () => {
-      a("submit");
+    const t = e, n = P(!1), l = o, r = () => {
+      l("close");
+    }, a = () => {
+      l("submit");
     }, i = (s) => {
-      s.key === "Escape" && a("close");
+      s.key === "Escape" && l("close");
     };
     return Ge(async () => {
       await lt(), n.value = !0, window.addEventListener("keydown", i);
@@ -3740,27 +3743,27 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
       }, null, 2)) : V("", !0),
       Z(sn, { name: "modal-transition" }, {
         default: he(() => [
-          ft(A("div", {
+          ft(C("div", {
             class: g([c(Me).modalWrapper, c(Me)[t.size]])
           }, [
-            A("div", {
+            C("div", {
               class: g([c(Me).modal, c(Me)[t.size]])
             }, [
-              A("button", {
+              C("button", {
                 class: g(c(Me).close),
                 onClick: r
               }, " × ", 2),
-              A("div", {
+              C("div", {
                 class: g(c(Me).header)
               }, [
-                A("p", null, H(s.title), 1)
+                C("p", null, H(s.title), 1)
               ], 2),
-              A("div", {
+              C("div", {
                 class: g(c(Me).section)
               }, [
                 ce(s.$slots, "section", {}, void 0, !0)
               ], 2),
-              A("div", {
+              C("div", {
                 class: g(c(Me).footer)
               }, [
                 Z(c(mt), {
@@ -3773,7 +3776,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
                   color: "primary",
                   variant: "solid",
                   label: t.submitText,
-                  onClick: l
+                  onClick: a
                 }, null, 8, ["label"])
               ], 2)
             ], 2)
@@ -3813,16 +3816,16 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = (i) => {
+    const t = e, n = o, l = (i) => {
       if (i === "")
         return i;
       const s = Number(i);
       return typeof t.min == "number" && s < t.min ? t.min.toString() : typeof t.max == "number" && s > t.max ? t.max.toString() : s.toString();
     }, r = (i) => {
-      const s = i.target, u = a(s.value);
+      const s = i.target, u = l(s.value);
       s.value = u, n("input", i), n("update:modelValue", Number(u));
-    }, l = (i) => {
-      const s = i.target, u = s.value, d = a(s.value === "" ? String(t.min || 0) : s.value);
+    }, a = (i) => {
+      const s = i.target, u = s.value, d = l(s.value === "" ? String(t.min || 0) : s.value);
       s.value = d, n("blur", i), u !== d && n("update:modelValue", Number(d));
     };
     return (i, s) => {
@@ -3835,7 +3838,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
           class: g(c(Re).wrapper__label),
           for: i.id
         }, H(i.label), 11, qi)) : V("", !0),
-        A("input", {
+        C("input", {
           id: i.id,
           type: "number",
           class: g([
@@ -3850,7 +3853,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
           name: i.name,
           placeholder: i.placeholder,
           value: i.modelValue,
-          onBlur: l,
+          onBlur: a,
           onChange: s[0] || (s[0] = (d) => i.$emit("change", d)),
           onFocus: s[1] || (s[1] = (d) => n("focus", d)),
           onInput: r,
@@ -3898,27 +3901,27 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         default:
           return "filled-info-circle";
       }
-    }), n = P(null), a = P(!1);
+    }), n = P(null), l = P(!1);
     let r = null;
-    function l() {
+    function a() {
       var d;
       const i = (d = n.value) == null ? void 0 : d.$el;
       if (!i)
         return;
       const s = parseFloat(getComputedStyle(i).lineHeight) || 16, u = i.getBoundingClientRect().height > s * 1.5;
-      u !== a.value && (a.value = u);
+      u !== l.value && (l.value = u);
     }
     return le(n, (i) => {
       r == null || r.disconnect(), r = null;
       const s = i == null ? void 0 : i.$el;
-      !s || typeof ResizeObserver > "u" || (r = new ResizeObserver(() => l()), r.observe(s), l());
+      !s || typeof ResizeObserver > "u" || (r = new ResizeObserver(() => a()), r.observe(s), a());
     }), ut(() => {
       r == null || r.disconnect(), r = null;
     }), (i, s) => (p(), f("div", {
       class: g([
         c(_t).container,
         c(_t)[`container__${i.variant}`],
-        a.value && c(_t).isMultiline
+        l.value && c(_t).isMultiline
       ])
     }, [
       Z(X, {
@@ -3966,26 +3969,26 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = P(t.modelValue || ""), r = (l) => {
-      t.disabled || l.disabled || (n("update:modelValue", l.value), n("click", l.value));
+    const t = e, n = o, l = P(t.modelValue || ""), r = (a) => {
+      t.disabled || a.disabled || (n("update:modelValue", a.value), n("click", a.value));
     };
-    return le(() => t.modelValue, (l) => {
-      a.value !== l && (a.value = l || "");
-    }), le(() => t.segments, (l) => {
-      l.some((i) => i.value === a.value) || (a.value = "", n("update:modelValue", ""));
-    }, { deep: !0 }), (l, i) => (p(), f("div", {
+    return le(() => t.modelValue, (a) => {
+      l.value !== a && (l.value = a || "");
+    }), le(() => t.segments, (a) => {
+      a.some((i) => i.value === l.value) || (l.value = "", n("update:modelValue", ""));
+    }, { deep: !0 }), (a, i) => (p(), f("div", {
       class: g([
         c(ee).wrapper,
-        c(ee)[`wrapper--${l.orientation}`],
-        c(ee)[`wrapper--${l.size}`],
+        c(ee)[`wrapper--${a.orientation}`],
+        c(ee)[`wrapper--${a.size}`],
         {
-          [c(ee)["wrapper--disabled"]]: l.disabled,
-          [c(ee)["wrapper--icon-only"]]: l.iconOnly,
-          [c(ee)["wrapper--label-only"]]: l.labelOnly
+          [c(ee)["wrapper--disabled"]]: a.disabled,
+          [c(ee)["wrapper--icon-only"]]: a.iconOnly,
+          [c(ee)["wrapper--label-only"]]: a.labelOnly
         }
       ])
     }, [
-      (p(!0), f(ie, null, me(l.segments, (s, u) => (p(), f(ie, {
+      (p(!0), f(ie, null, me(a.segments, (s, u) => (p(), f(ie, {
         key: `${s.value}-${u}`
       }, [
         s.tooltip ? (p(), J(c(Es), {
@@ -3994,32 +3997,32 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
           text: s.tooltip
         }, {
           default: he(() => [
-            A("button", {
+            C("button", {
               type: "button",
               class: g([
                 c(ee).button,
                 {
-                  [c(ee)["button--selected"]]: s.value === a.value,
-                  [c(ee)["button--disabled"]]: s.disabled || l.disabled,
+                  [c(ee)["button--selected"]]: s.value === l.value,
+                  [c(ee)["button--disabled"]]: s.disabled || a.disabled,
                   [c(ee)["button--first"]]: u === 0,
-                  [c(ee)["button--last"]]: u === l.segments.length - 1
+                  [c(ee)["button--last"]]: u === a.segments.length - 1
                 }
               ]),
               "data-mode": s.mode,
-              disabled: s.disabled || l.disabled,
+              disabled: s.disabled || a.disabled,
               onClick: (d) => r(s)
             }, [
-              l.iconOnly && s.icon ? (p(), J(c(X), {
+              a.iconOnly && s.icon ? (p(), J(c(X), {
                 key: 0,
                 class: g(c(ee).button__icon),
                 name: s.icon,
                 size: 24
               }, null, 8, ["class", "name"])) : V("", !0),
-              l.labelOnly && s.label ? (p(), f("span", {
+              a.labelOnly && s.label ? (p(), f("span", {
                 key: 1,
                 class: g(c(ee).button__label)
               }, H(s.label), 3)) : V("", !0),
-              !l.iconOnly && !l.labelOnly ? (p(), f(ie, { key: 2 }, [
+              !a.iconOnly && !a.labelOnly ? (p(), f(ie, { key: 2 }, [
                 s.icon ? (p(), J(c(X), {
                   key: 0,
                   class: g(c(ee).button__icon),
@@ -4039,27 +4042,27 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
           class: g([
             c(ee).button,
             {
-              [c(ee)["button--selected"]]: s.value === a.value,
-              [c(ee)["button--disabled"]]: s.disabled || l.disabled,
+              [c(ee)["button--selected"]]: s.value === l.value,
+              [c(ee)["button--disabled"]]: s.disabled || a.disabled,
               [c(ee)["button--first"]]: u === 0,
-              [c(ee)["button--last"]]: u === l.segments.length - 1
+              [c(ee)["button--last"]]: u === a.segments.length - 1
             }
           ]),
           "data-mode": s.mode,
-          disabled: s.disabled || l.disabled,
+          disabled: s.disabled || a.disabled,
           onClick: (d) => r(s)
         }, [
-          l.iconOnly && s.icon ? (p(), J(c(X), {
+          a.iconOnly && s.icon ? (p(), J(c(X), {
             key: 0,
             class: g(c(ee).button__icon),
             name: s.icon,
             size: 24
           }, null, 8, ["class", "name"])) : V("", !0),
-          l.labelOnly && s.label ? (p(), f("span", {
+          a.labelOnly && s.label ? (p(), f("span", {
             key: 1,
             class: g(c(ee).button__label)
           }, H(s.label), 3)) : V("", !0),
-          !l.iconOnly && !l.labelOnly ? (p(), f(ie, { key: 2 }, [
+          !a.iconOnly && !a.labelOnly ? (p(), f(ie, { key: 2 }, [
             s.icon ? (p(), J(c(X), {
               key: 0,
               class: g(c(ee).button__icon),
@@ -4102,13 +4105,13 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = P(null), r = () => {
-      if (t.autoGrow && a.value) {
-        a.value.style.height = "";
-        const i = Math.min(a.value.scrollHeight, t.maxHeight || a.value.scrollHeight);
-        a.value.style.height = `${i}px`;
+    const t = e, n = o, l = P(null), r = () => {
+      if (t.autoGrow && l.value) {
+        l.value.style.height = "";
+        const i = Math.min(l.value.scrollHeight, t.maxHeight || l.value.scrollHeight);
+        l.value.style.height = `${i}px`;
       }
-    }, l = (i) => {
+    }, a = (i) => {
       const s = i.target;
       n("input", i), n("update:modelValue", s.value), r();
     };
@@ -4128,7 +4131,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
           key: 1,
           id: i.id,
           ref_key: "textareaRef",
-          ref: a,
+          ref: l,
           class: g([
             c(Ae).wrapper__field,
             {
@@ -4143,7 +4146,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
           onBlur: s[0] || (s[0] = (d) => n("blur", d)),
           onChange: s[1] || (s[1] = (d) => i.$emit("change", d)),
           onFocus: s[2] || (s[2] = (d) => n("focus", d)),
-          onInput: l,
+          onInput: a,
           onPaste: s[3] || (s[3] = (d) => n("paste", d))
         }, null, 46, _s)) : (p(), f("input", {
           key: 2,
@@ -4162,10 +4165,10 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
           onBlur: s[4] || (s[4] = (d) => n("blur", d)),
           onChange: s[5] || (s[5] = (d) => i.$emit("change", d)),
           onFocus: s[6] || (s[6] = (d) => n("focus", d)),
-          onInput: l,
+          onInput: a,
           onPaste: s[7] || (s[7] = (d) => n("paste", d))
         }, null, 42, fs)),
-        A("div", {
+        C("div", {
           class: g(c(Ae).wrapper__bottom)
         }, [
           i.error ? (p(), f("div", {
@@ -4196,10 +4199,10 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = () => {
+    const t = e, n = o, l = () => {
       n("click", !t.checked);
     };
-    return (r, l) => (p(), f("fieldset", {
+    return (r, a) => (p(), f("fieldset", {
       class: g([
         c(tt).wrapper,
         {
@@ -4208,16 +4211,16 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         }
       ])
     }, [
-      A("input", {
+      C("input", {
         id: r.id,
         type: "checkbox",
         checked: r.checked,
         class: g(c(tt).wrapper__input),
         disabled: r.disabled,
         name: r.name,
-        onClick: a
+        onClick: l
       }, null, 10, ws),
-      A("label", {
+      C("label", {
         class: g(c(tt).wrapper__label),
         for: r.id
       }, null, 10, ys)
@@ -4235,20 +4238,20 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   },
   emits: ["update:modelValue", "dismiss"],
   setup(e, { emit: o }) {
-    const t = e, n = o, a = {
+    const t = e, n = o, l = {
       info: "filled-info-circle",
       error: "filled-error-box",
       warning: "filled-caution-triangle"
-    }, r = k(() => t.icon ?? a[t.variant]);
-    let l = null;
+    }, r = k(() => t.icon ?? l[t.variant]);
+    let a = null;
     function i() {
-      l && (clearTimeout(l), l = null);
+      a && (clearTimeout(a), a = null);
     }
     function s() {
       i(), n("update:modelValue", !1), n("dismiss");
     }
     function u() {
-      i(), !(t.duration <= 0) && (l = setTimeout(() => {
+      i(), !(t.duration <= 0) && (a = setTimeout(() => {
         s();
       }, t.duration));
     }
@@ -4271,8 +4274,8 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
             name: r.value,
             size: 24
           }, null, 8, ["name"]),
-          A("span", xs, H(d.text), 1),
-          A("button", {
+          C("span", xs, H(d.text), 1),
+          C("button", {
             class: "ab-toast__close",
             type: "button",
             "aria-label": d.closeAriaLabel,
@@ -4337,9 +4340,9 @@ const Ss = "_bubble_6zub9_1", Is = "_trigger_6zub9_43", $s = "_trigger__icon_6zu
       right: "left",
       bottom: "top",
       left: "right"
-    }, t = P(null), n = P(null), a = P(!1);
+    }, t = P(null), n = P(null), l = P(!1);
     typeof window < "u" && window.wasTooltipShown === void 0 && (window.wasTooltipShown = !1);
-    const r = e, l = P(null), i = P(null), s = P(null), u = P(!1), d = k(() => r.preventXss ? Bs(r.text) : r.text), { floatingStyles: v, update: x, middlewareData: b, placement: $ } = Et(i, l, {
+    const r = e, a = P(null), i = P(null), s = P(null), u = P(!1), d = k(() => r.preventXss ? Bs(r.text) : r.text), { floatingStyles: v, update: x, middlewareData: b, placement: $ } = Et(i, a, {
       placement: k(() => r.placement || "bottom"),
       strategy: "fixed",
       whileElementsMounted: Mt,
@@ -4351,7 +4354,7 @@ const Ss = "_bubble_6zub9_1", Is = "_trigger_6zub9_43", $s = "_trigger__icon_6zu
       ]
     }), T = () => {
       t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), window.wasTooltipShown ? u.value = !0 : t.value = setTimeout(() => {
-        if (!a.value) {
+        if (!l.value) {
           t.value = null;
           return;
         }
@@ -4361,23 +4364,23 @@ const Ss = "_bubble_6zub9_1", Is = "_trigger_6zub9_43", $s = "_trigger__icon_6zu
       t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null);
       const h = r.hideDelay ?? 0;
       h > 0 ? n.value = setTimeout(() => {
-        a.value && (u.value = !1), n.value = null;
+        l.value && (u.value = !1), n.value = null;
       }, h) : u.value = !1;
     }, w = () => {
       T();
     }, y = () => {
       S();
     }, E = () => {
-      a.value && i.value && l.value && x();
+      l.value && i.value && a.value && x();
     };
     le(() => r.placement, () => {
-      a.value && i.value && l.value && x();
+      l.value && i.value && a.value && x();
     }), Bn(Cs), Ge(() => {
-      a.value = !0, lt(() => {
-        a.value && i.value && x();
+      l.value = !0, lt(() => {
+        l.value && i.value && x();
       }), typeof window < "u" && window.addEventListener("resize", E);
     }), ut(() => {
-      a.value = !1, typeof window < "u" && window.removeEventListener("resize", E), t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), u.value = !1, l.value = null, i.value = null, s.value = null;
+      l.value = !1, typeof window < "u" && window.removeEventListener("resize", E), t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), u.value = !1, a.value = null, i.value = null, s.value = null;
     });
     const R = k(() => r.status || u.value), F = k(() => ({
       ...v.value,
@@ -4413,7 +4416,7 @@ const Ss = "_bubble_6zub9_1", Is = "_trigger_6zub9_43", $s = "_trigger__icon_6zu
       } : {};
     });
     return (h, L) => (p(), f(ie, null, [
-      A("div", {
+      C("div", {
         id: h.id,
         ref_key: "triggerRef",
         ref: i,
@@ -4428,21 +4431,21 @@ const Ss = "_bubble_6zub9_1", Is = "_trigger_6zub9_43", $s = "_trigger__icon_6zu
         }, null, 8, ["color", "name"])) : ce(h.$slots, "default", { key: 1 })
       ], 42, Vs),
       (p(), J(ln, { to: "body" }, [
-        A("div", {
+        C("div", {
           ref_key: "tooltipRef",
-          ref: l,
+          ref: a,
           class: g(["qa-tooltip", c(nt).bubble]),
           style: se(F.value),
           onMouseenter: w,
           onMouseleave: y
         }, [
-          A("div", {
+          C("div", {
             class: g(c(nt).bubble__content)
           }, [
-            A("div", { innerHTML: d.value }, null, 8, Rs),
+            C("div", { innerHTML: d.value }, null, 8, Rs),
             ce(h.$slots, "contentSlot")
           ], 2),
-          A("div", {
+          C("div", {
             ref_key: "floatingArrowRef",
             ref: s,
             class: g(c(nt).arrow),