@useinsider/ab-components 0.0.105 → 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,
@@ -152,7 +152,7 @@ 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", {
@@ -207,7 +207,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       ]),
       for: a.id
     }, [
-      A("input", {
+      C("input", {
         id: a.id,
         type: "checkbox",
         checked: l.value,
@@ -217,7 +217,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
         value: a.value,
         onChange: r
       }, null, 42, Yn),
-      A("span", {
+      C("span", {
         class: g(c(Ue).checkbox__box)
       }, [
         l.value ? (p(), J(c(X), {
@@ -254,7 +254,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
     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, a) => (p(), f("div", {
@@ -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 = (_) => {
@@ -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,7 +415,7 @@ 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);
+      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", _);
@@ -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,
@@ -542,7 +542,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       onClick: l[0] || (l[0] = (r) => n.$emit("click"))
     }, [
       n.isTransparent || t.value ? (p(), f("div", co, [
-        l[1] || (l[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",
@@ -599,21 +599,21 @@ 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, 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, C = t.firstRowCount;
+      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 = l.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)})`;
+      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 = l.value, M = r.value, I = a.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;
@@ -654,10 +654,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 R(m) {
       const M = (O) => {
@@ -669,10 +669,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 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) {
@@ -717,7 +717,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
         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);
@@ -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() {
@@ -747,18 +747,18 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       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 - 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: `${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
@@ -878,7 +878,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
       ])
     ]));
   }
-}), Hs = /* @__PURE__ */ fe(So, [["__scopeId", "data-v-cc9b160c"]]), rn = {
+}), Hs = /* @__PURE__ */ fe(So, [["__scopeId", "data-v-8af9dd2c"]]), rn = {
   mounted(e, o) {
     e.clickOutsideEvent = (n) => {
       const l = (o.value.exclude || []).filter((a) => a.value).map((a) => a.value);
@@ -1009,7 +1009,7 @@ const Sn = "_button__size_default_1lulf_1", In = "_button__size_small_1lulf_8",
     );
     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)
@@ -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", {
@@ -1251,7 +1251,7 @@ const Qo = ["fill", "height", "width"], Yo = ["xlink:href"], Go = ["fill", "heig
         style: se({ color: a.value }),
         width: t.value
       }, [
-        A("use", {
+        C("use", {
           "xlink:href": `#${s.name}`
         }, null, 8, Yo)
       ], 12, Qo));
@@ -1325,7 +1325,7 @@ const Qo = ["fill", "height", "width"], Yo = ["xlink:href"], Go = ["fill", "heig
         c(ue)[n.value]
       ])
     }, [
-      A("div", {
+      C("div", {
         class: g([
           c(ue)["in-info-box__container"],
           { [c(ue)["in-info-box__container-full-width"]]: a.fullWidthContentStatus }
@@ -1338,7 +1338,7 @@ const Qo = ["fill", "height", "width"], Yo = ["xlink:href"], Go = ["fill", "heig
             { [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}`],
@@ -1355,7 +1355,7 @@ const Qo = ["fill", "height", "width"], Yo = ["xlink:href"], Go = ["fill", "heig
             innerHTML: a.descriptionText
           }, null, 10, ea)) : V("", !0)
         ], 2)) : V("", !0),
-        A("div", {
+        C("div", {
           class: g(c(ue)["in-info-box__content"])
         }, [
           ce(a.$slots, "default")
@@ -1700,7 +1700,7 @@ const pa = (e) => ({
         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;
             }
@@ -2631,7 +2631,7 @@ 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 = a.value === B.id;
@@ -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)
@@ -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)
@@ -2988,7 +2988,7 @@ 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: a,
@@ -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, {
@@ -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: "" },
@@ -3213,7 +3216,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { expose: o, emit: t }) {
     Cn((y) => ({
-      "3c454b09": `${n.menuHeight}px`
+      ed307462: `${n.menuHeight}px`
     }));
     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;
@@ -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", {
@@ -3360,13 +3363,13 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
                 }, null, 8, ["class", "label", "right-icon-name", "onClick"]))
               ]);
             }), 128))
-          ])
+          ]))
         ], 2)
       ]),
       _: 3
     }, 8, ["anchor-selector", "class", "width", "modelValue"]));
   }
-}), Ks = /* @__PURE__ */ fe(ai, [["__scopeId", "data-v-53b2fad2"]]), li = { class: "in-tabs" }, ii = ["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: {},
@@ -3397,12 +3400,13 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
             "in-tabs__tab--active": l.value === s.value
           }
         ]]),
+        "data-value": s.value,
         disabled: a.disabled || s.disabled,
         onClick: (d) => r(s)
       }, H(s.label), 11, ii))), 128))
     ]));
   }
-}), Qs = /* @__PURE__ */ fe(si, [["__scopeId", "data-v-5f67356a"]]), ke = {
+}), Qs = /* @__PURE__ */ fe(si, [["__scopeId", "data-v-87c70348"]]), ke = {
   "in-textarea-wrapper__textarea": "_in-textarea-wrapper__textarea_1tftp_1",
   "in-textarea-wrapper__error-message": "_in-textarea-wrapper__error-message_1tftp_8",
   "in-textarea-wrapper__label": "_in-textarea-wrapper__label_1tftp_8",
@@ -3474,7 +3478,7 @@ 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: a,
@@ -3521,7 +3525,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
       t.disabled || n("click", t.value);
     };
     return (r, a) => (p(), f("fieldset", ci, [
-      A("input", {
+      C("input", {
         id: r.id,
         class: "in-radio-button-wrapper__input",
         type: "radio",
@@ -3531,7 +3535,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         value: r.value,
         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)
@@ -3569,7 +3573,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         }
       ]])
     }, [
-      A("input", {
+      C("input", {
         id: s.id,
         ref_key: "inputRef",
         ref: l,
@@ -3580,7 +3584,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         name: s.name,
         onChange: a
       }, null, 40, fi),
-      A("label", {
+      C("label", {
         class: "in-toggle-wrapper__label",
         for: s.id,
         onClick: i
@@ -3680,7 +3684,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         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,
@@ -3739,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), {
@@ -3834,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([
@@ -3993,7 +3997,7 @@ 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,
@@ -4164,7 +4168,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
           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", {
@@ -4207,7 +4211,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         }
       ])
     }, [
-      A("input", {
+      C("input", {
         id: r.id,
         type: "checkbox",
         checked: r.checked,
@@ -4216,7 +4220,7 @@ const $l = "_root_avx14_36", Ml = "_sizeMedium_avx14_44", tn = {
         name: r.name,
         onClick: l
       }, null, 10, ws),
-      A("label", {
+      C("label", {
         class: g(c(tt).wrapper__label),
         for: r.id
       }, null, 10, ys)
@@ -4270,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,
@@ -4412,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,
@@ -4427,7 +4431,7 @@ 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: a,
           class: g(["qa-tooltip", c(nt).bubble]),
@@ -4435,13 +4439,13 @@ const Ss = "_bubble_6zub9_1", Is = "_trigger_6zub9_43", $s = "_trigger__icon_6zu
           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),