@useinsider/ab-components 0.0.85 → 0.0.86

package/dist/ab-components.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as q, computed as R, createElementBlock as v, openBlock as f, normalizeClass as g, createBlock as Q, createCommentVNode as $, unref as c, toDisplayString as N, createElementVNode as T, createVNode as re, renderSlot as ie, ref as E, watch as Z, onMounted as Ue, nextTick as Ge, normalizeStyle as ne, Fragment as ae, renderList as Me, reactive as Mt, withDirectives as at, withModifiers as ut, vModelText as ln, vShow as Ft, withCtx as je, useCssVars as sn, onBeforeUnmount as Ut, Transition as rn, shallowRef as un, getCurrentScope as cn, onScopeDispose as dn, shallowReadonly as Pe, onBeforeMount as pn, Teleport as _n } from "vue";
-const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8", hn = "_button_aw3lw_1", vn = "_button__label_aw3lw_60", gn = "_button__solid_aw3lw_72", bn = "_fill_aw3lw_1302", Ve = {
+import { defineComponent as q, computed as L, createElementBlock as v, openBlock as f, normalizeClass as g, createBlock as Q, createCommentVNode as E, unref as c, toDisplayString as N, createElementVNode as T, createVNode as re, renderSlot as ie, ref as R, watch as Z, onMounted as Ue, nextTick as Ge, normalizeStyle as ne, Fragment as ae, renderList as Me, reactive as Mt, withDirectives as at, withModifiers as ut, vModelText as ln, vShow as Ft, withCtx as je, useCssVars as sn, onBeforeUnmount as Ut, Transition as rn, shallowRef as un, getCurrentScope as cn, onScopeDispose as dn, shallowReadonly as Pe, onBeforeMount as pn, Teleport as _n } from "vue";
+const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8", hn = "_button_aw3lw_1", gn = "_button__label_aw3lw_60", vn = "_button__solid_aw3lw_72", bn = "_fill_aw3lw_1302", Ve = {
   button__size_default: fn,
   button__size_small: mn,
   button: hn,
-  button__label: vn,
+  button__label: gn,
   "button__solid-primary": "_button__solid-primary_aw3lw_72",
   "no-hover-effect": "_no-hover-effect_aw3lw_79",
   "button--selected": "_button--selected_aw3lw_99",
@@ -39,7 +39,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
   "button__outline-danger": "_button__outline-danger_aw3lw_1074",
   "button__outline-warning": "_button__outline-warning_aw3lw_1110",
   "button__outline-smart": "_button__outline-smart_aw3lw_1146",
-  button__solid: gn,
+  button__solid: vn,
   fill: bn
 }, wn = ["disabled"], lt = /* @__PURE__ */ q({
   __name: "Button",
@@ -63,7 +63,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
   setup(e, { emit: o }) {
     const t = e, n = o, i = (l) => {
       t.disabled || n("click", l);
-    }, r = R(() => t.loadingStatus ? "loading-circle" : t.successStatus ? "line-check-natural" : t.leftIconName), a = R(() => {
+    }, r = L(() => t.loadingStatus ? "loading-circle" : t.successStatus ? "line-check-natural" : t.leftIconName), a = L(() => {
       const l = [
         Ve.button,
         Ve[`button__${t.variant}`],
@@ -82,17 +82,17 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
         color: l.iconColor,
         name: r.value,
         size: l.iconSize
-      }, null, 8, ["color", "name", "size"])) : $("", !0),
+      }, null, 8, ["color", "name", "size"])) : E("", !0),
       l.label ? (f(), v("span", {
         key: 1,
         class: g(c(Ve).button__label)
-      }, N(l.label), 3)) : $("", !0),
+      }, N(l.label), 3)) : E("", !0),
       l.rightIconName ? (f(), Q(c(X), {
         key: 2,
         color: l.iconColor,
         name: l.rightIconName,
         size: l.iconSize
-      }, null, 8, ["color", "name", "size"])) : $("", !0)
+      }, null, 8, ["color", "name", "size"])) : E("", !0)
     ], 10, wn));
   }
 }), yn = "_chip__label_1hm91_1", xn = "_chip_1hm91_1", An = "_chip__remove_1hm91_54", Cn = "_chip__icon_1hm91_71", kn = "_chip__thumbnail_1hm91_80", Bn = "_chip__thumbnailImage_1hm91_89", xe = {
@@ -117,7 +117,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
   },
   emits: ["remove", "click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, i = R(() => [
+    const t = e, n = o, i = L(() => [
       xe.chip,
       xe[`chip--${t.variant}`],
       {
@@ -148,8 +148,8 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
           class: g(c(xe).chip__icon),
           name: l.iconName,
           size: 24
-        }, null, 8, ["class", "name"])) : $("", !0)
-      ], 2)) : $("", !0),
+        }, null, 8, ["class", "name"])) : E("", !0)
+      ], 2)) : E("", !0),
       T("span", {
         class: g(c(xe).chip__label)
       }, N(l.label), 3),
@@ -163,7 +163,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
           name: "chip-close",
           size: 4
         })
-      ], 2)) : $("", !0)
+      ], 2)) : E("", !0)
     ], 2));
   }
 }), In = "_checkbox__label_wgkvb_1", Vn = "_checkbox_wgkvb_1", Mn = "_checkbox__input_wgkvb_57", Tn = "_checkbox__box_wgkvb_65", $n = "_checkbox__disabled_wgkvb_87", En = "_checkbox__checked_wgkvb_87", De = {
@@ -186,7 +186,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
-    const t = e, n = o, i = R(() => t.modelValue !== void 0 ? t.modelValue : t.checked);
+    const t = e, n = o, i = L(() => t.modelValue !== void 0 ? t.modelValue : t.checked);
     function r(a) {
       if (t.disabled) {
         a.preventDefault();
@@ -222,12 +222,12 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
           key: 0,
           name: "line-check-netural",
           size: 16
-        })) : $("", !0)
+        })) : E("", !0)
       ], 2),
       a.label ? (f(), v("span", {
         key: 0,
         class: g(c(De).checkbox__label)
-      }, N(a.label), 3)) : $("", !0),
+      }, N(a.label), 3)) : E("", !0),
       ie(a.$slots, "default")
     ], 10, Rn));
   }
@@ -289,11 +289,11 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur", "keyup", "keypress", "click", "paste", "leftIconClick", "rightIconClick"],
   setup(e, { emit: o }) {
-    const t = e, n = o, i = E(""), r = R(() => t.preventXss ? String(t.labelText).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : t.labelText), a = R(() => t.states === "default"), l = R(
+    const t = e, n = o, i = R(""), r = L(() => t.preventXss ? String(t.labelText).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : t.labelText), a = L(() => t.states === "default"), l = L(
       () => t.states === "warning" || t.states === "error"
-    ), s = R(
+    ), s = L(
       () => t.helperMessageStatus || l.value
-    ), u = R(() => t.type === "number"), d = R(() => {
+    ), u = L(() => t.type === "number"), d = L(() => {
       const p = ["e", "E", "+", "\\"], _ = typeof t.minValue == "number" ? t.minValue : Number(t.minValue);
       return !isNaN(_) && _ >= 0 && p.push("-"), t.allowDecimal || p.push("."), t.allowComma || p.push(","), p;
     }), b = (p) => d.value.includes(p), A = (p) => {
@@ -328,7 +328,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
       p.key === "Enter" && n("keypress", p), u.value && b(p.key) && p.preventDefault();
     }, V = (p) => {
       n("focus", p);
-    }, L = (p) => {
+    }, $ = (p) => {
       n("blur", p);
     }, D = (p) => {
       n("click", p);
@@ -345,7 +345,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
       const k = ((y = _ == null ? void 0 : _.target) == null ? void 0 : y.value) || "";
       i.value = k, n("change", k), n("update:modelValue", k);
     }, F = (p) => {
-      var nt, ge;
+      var nt, ve;
       if (t.maxCharacterLength && typeof t.maxCharacterLength == "number") {
         const ee = p.target, se = ee.selectionStart, be = ee.selectionEnd;
         if (se === null || be === null) return;
@@ -369,14 +369,14 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
       p.preventDefault();
       const _ = p.target, k = _.selectionStart, y = _.selectionEnd;
       if (k === null || y === null) return;
-      const x = _.value, M = x.includes(".") || x.includes(","), z = ((ge = p.clipboardData) == null ? void 0 : ge.getData("text/plain")) || "", H = S(), j = C();
+      const x = _.value, M = x.includes(".") || x.includes(","), z = ((ve = p.clipboardData) == null ? void 0 : ve.getData("text/plain")) || "", H = S(), j = C();
       let K = z.replace(j, "");
-      const ft = [...K.matchAll(H)], ve = [];
+      const ft = [...K.matchAll(H)], ge = [];
       ft.forEach((ee) => {
-        ee.index !== void 0 && ve.push(ee.index);
+        ee.index !== void 0 && ge.push(ee.index);
       });
       const Be = K.split("");
-      M || ve.shift(), ve.forEach((ee) => {
+      M || ge.shift(), ge.forEach((ee) => {
         Be[ee] = "";
       }), K = Be.join("");
       const tt = k + K.length, Le = x.slice(0, k) + K + x.slice(y);
@@ -390,7 +390,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
         var p;
         (p = G.value) == null || p.focus();
       });
-    }, G = E(null), oe = E(null);
+    }, G = R(null), oe = R(null);
     return Z(
       () => t.modelValue,
       (p) => {
@@ -415,18 +415,18 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
     }, [
       p.labelStatus ? (f(), v("label", On, [
         T("span", { innerHTML: r.value }, null, 8, Pn)
-      ])) : $("", !0),
+      ])) : E("", !0),
       T("div", Dn, [
         p.$slots.leftSlot ? (f(), v("div", zn, [
           ie(p.$slots, "leftSlot", {}, void 0, !0)
-        ])) : $("", !0),
+        ])) : E("", !0),
         p.leftIconStatus ? (f(), Q(c(X), {
           key: 1,
           class: "in-basic-text-input-wrapper__icon-left",
           name: p.leftIconName,
           size: 24,
           onClick: B
-        }, null, 8, ["name"])) : $("", !0),
+        }, null, 8, ["name"])) : E("", !0),
         T("input", {
           id: p.id,
           ref_key: "textInput",
@@ -444,31 +444,31 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
           type: p.type,
           onChange: O,
           onFocus: V,
-          onBlur: L,
+          onBlur: $,
           onKeyup: h,
           onKeypress: w,
           onClick: D,
           onInput: Y,
           onPaste: F
         }, null, 40, Hn),
-        p.suffixTextStatus && p.suffixText ? (f(), v("span", Nn, N(p.suffixText), 1)) : $("", !0),
+        p.suffixTextStatus && p.suffixText ? (f(), v("span", Nn, N(p.suffixText), 1)) : E("", !0),
         p.rightIconStatus ? (f(), Q(c(X), {
           key: 3,
           class: "in-basic-text-input-wrapper__icon-right",
           name: p.rightIconName,
           size: 24,
           onClick: P
-        }, null, 8, ["name"])) : $("", !0),
+        }, null, 8, ["name"])) : E("", !0),
         p.$slots.rightSlot ? (f(), v("div", Wn, [
           ie(p.$slots, "rightSlot", {}, void 0, !0)
-        ])) : $("", !0)
+        ])) : E("", !0)
       ]),
       s.value ? (f(), v("div", Fn, [
         p.helperMessageStatus || l.value ? (f(), v("div", Un, [
-          a.value ? (f(), v("p", qn, N(p.helperMessage), 1)) : $("", !0),
-          l.value && !p.disabledStatus ? (f(), v("p", Yn, N(p.stateMessage), 1)) : $("", !0)
-        ])) : $("", !0)
-      ])) : $("", !0)
+          a.value ? (f(), v("p", qn, N(p.helperMessage), 1)) : E("", !0),
+          l.value && !p.disabledStatus ? (f(), v("p", Yn, N(p.stateMessage), 1)) : E("", !0)
+        ])) : E("", !0)
+      ])) : E("", !0)
     ], 2));
   }
 }), me = (e, o) => {
@@ -487,7 +487,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
   },
   emits: ["click"],
   setup(e) {
-    const o = e, t = R(() => {
+    const o = e, t = L(() => {
       if (o.color.startsWith("#") && o.color.length === 9)
         return !0;
       if (o.color.startsWith("rgba")) {
@@ -507,7 +507,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
           key: 0,
           class: "color-swatch__color-overlay",
           style: ne({ background: n.color })
-        }, null, 4)) : $("", !0)
+        }, null, 4)) : E("", !0)
       ])) : (f(), v("div", {
         key: 1,
         class: "color-swatch__color",
@@ -553,7 +553,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
   },
   emits: ["color-change", "close"],
   setup(e, { emit: o }) {
-    const t = e, n = o, i = E(0), r = E(0), a = E(0.4), l = E(1), s = E("666666"), u = E([]), d = E(!1), b = E(null), A = E(null), m = E(null), I = R(() => {
+    const t = e, n = o, i = R(0), r = R(0), a = R(0.4), l = R(1), s = R("666666"), u = R([]), d = R(!1), b = R(null), A = R(null), m = R(null), I = L(() => {
       const _ = t.presetColors || [], k = [], y = 8;
       if (_.length === 0)
         return k;
@@ -562,15 +562,15 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
       for (let M = y - 1; M < _.length; M += y)
         k.push(_.slice(M, M + y));
       return k;
-    }), S = R(() => {
+    }), S = L(() => {
       const _ = i.value, k = 1 - Math.abs(_ * 6 % 2 - 1);
       let y = 0, x = 0, M = 0;
       return _ < 1 / 6 ? (y = 1, x = k) : _ < 2 / 6 ? (y = k, x = 1) : _ < 3 / 6 ? (x = 1, M = k) : _ < 4 / 6 ? (x = k, M = 1) : _ < 5 / 6 ? (y = k, M = 1) : (y = 1, M = k), `rgb(${Math.round(y * 255)}, ${Math.round(x * 255)}, ${Math.round(M * 255)})`;
-    }), C = R(() => {
+    }), C = L(() => {
       const _ = i.value, k = r.value, y = a.value, x = y * k, M = x * (1 - Math.abs(_ * 6 % 2 - 1)), z = y - x;
       let H = 0, j = 0, K = 0;
       return _ < 1 / 6 ? (H = x, j = M) : _ < 2 / 6 ? (H = M, j = x) : _ < 3 / 6 ? (j = x, K = M) : _ < 4 / 6 ? (j = M, K = x) : _ < 5 / 6 ? (H = M, K = x) : (H = x, K = M), H = Math.round((H + z) * 255), j = Math.round((j + z) * 255), K = Math.round((K + z) * 255), `rgb(${H}, ${j}, ${K})`;
-    }), h = R(() => {
+    }), h = L(() => {
       const _ = C.value.match(/\d+/g);
       return _ ? l.value < 1 ? `rgba(${_[0]}, ${_[1]}, ${_[2]}, ${l.value})` : `rgb(${_[0]}, ${_[1]}, ${_[2]})` : C.value;
     });
@@ -615,7 +615,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
       };
       document.addEventListener("mousemove", y), document.addEventListener("mouseup", x);
     }
-    function L(_) {
+    function $(_) {
       const k = (M) => {
         if (!A.value)
           return;
@@ -661,9 +661,9 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
     function B(_) {
       const k = _.startsWith("#") ? _.slice(1) : _, y = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k), x = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k), M = x || y;
       if (!M) {
-        const ge = /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/.exec(_);
-        if (ge) {
-          const ee = parseInt(ge[1], 10) / 255, se = parseInt(ge[2], 10) / 255, be = parseInt(ge[3], 10) / 255, qe = ge[4] ? parseFloat(ge[4]) : 1, we = Math.max(ee, se, be), mt = Math.min(ee, se, be), Se = we - mt;
+        const ve = /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/.exec(_);
+        if (ve) {
+          const ee = parseInt(ve[1], 10) / 255, se = parseInt(ve[2], 10) / 255, be = parseInt(ve[3], 10) / 255, qe = ve[4] ? parseFloat(ve[4]) : 1, we = Math.max(ee, se, be), mt = Math.min(ee, se, be), Se = we - mt;
           let Ie = 0;
           Se !== 0 && (we === ee ? Ie = ((se - be) / Se + (se < be ? 6 : 0)) / 6 : we === se ? Ie = ((be - ee) / Se + 2) / 6 : Ie = ((ee - se) / Se + 4) / 6);
           const Ye = we === 0 ? 0 : Se / we, Oe = we;
@@ -674,10 +674,10 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
       }
       const z = parseInt(M[1], 16) / 255, H = parseInt(M[2], 16) / 255, j = parseInt(M[3], 16) / 255;
       x && M[4] ? l.value = parseInt(M[4], 16) / 255 : l.value = 1;
-      const K = Math.max(z, H, j), ft = Math.min(z, H, j), ve = K - ft;
+      const K = Math.max(z, H, j), ft = Math.min(z, H, j), ge = K - ft;
       let Be = 0;
-      ve !== 0 && (K === z ? Be = ((H - j) / ve + (H < j ? 6 : 0)) / 6 : K === H ? Be = ((j - z) / ve + 2) / 6 : Be = ((z - H) / ve + 4) / 6);
-      const tt = K === 0 ? 0 : ve / K, Le = K;
+      ge !== 0 && (K === z ? Be = ((H - j) / ge + (H < j ? 6 : 0)) / 6 : K === H ? Be = ((j - z) / ge + 2) / 6 : Be = ((z - H) / ge + 4) / 6);
+      const tt = K === 0 ? 0 : ge / K, Le = K;
       i.value = Be, r.value = tt, a.value = Le;
       const nt = _.replace(/^#/, "");
       s.value = nt.slice(0, 6).toUpperCase();
@@ -709,7 +709,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
         ]),
         _.$slots.tabs ? (f(), v("div", eo, [
           ie(_.$slots, "tabs", {}, void 0, !0)
-        ])) : $("", !0)
+        ])) : E("", !0)
       ]),
       T("div", to, [
         T("div", no, [
@@ -733,7 +733,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
           T("div", ao, [
             T("div", {
               class: "color-picker__hue-slider",
-              onMousedown: L,
+              onMousedown: $,
               ref_key: "hueSliderRef",
               ref: A
             }, [
@@ -794,7 +794,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
               name: "no-color",
               size: 14
             })
-          ])) : $("", !0),
+          ])) : E("", !0),
           (f(!0), v(ae, null, Me(y, (M, z) => (f(), Q(Tt, {
             key: `preset-${x}-${z}`,
             color: M,
@@ -812,7 +812,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
               size: 14
             })
           ])
-        ])) : $("", !0),
+        ])) : E("", !0),
         _.showSaveButton && u.value.length > 0 ? (f(), v("div", ro, [
           (f(!0), v(ae, null, Me(u.value, (y, x) => (f(), Q(Tt, {
             key: `saved-${x}`,
@@ -830,7 +830,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
             class: "color-picker__save-button",
             title: "Save current color"
           })
-        ])) : $("", !0)
+        ])) : E("", !0)
       ])
     ]));
   }
@@ -867,14 +867,14 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
     const a = String(i[o]).toLowerCase(), l = String(r[o]).toLowerCase();
     return a === n ? -1 : l === n ? 1 : a.startsWith(n) && !l.startsWith(n) ? -1 : !a.startsWith(n) && l.startsWith(n) ? 1 : a.length - l.length;
   });
-}, _o = "_menu_1sfnf_1", fo = "_dropdown_1sfnf_1", mo = "_dropdown__valueContent_1sfnf_50", ho = "_dropdown__label_1sfnf_61", vo = "_dropdown__value_1sfnf_50", go = "_dropdown__placeholder_1sfnf_69", bo = "_dropdown__arrowIcon_1sfnf_77", wo = "_menu__searchContainer_1sfnf_92", yo = "_menu__searchInputWrap_1sfnf_96", xo = "_menu__searchInput_1sfnf_96", Ao = "_menu__errorMessage_1sfnf_115", Co = "_menu__addButton_1sfnf_122", ko = "_menu__itemContainer_1sfnf_130", Bo = "_menu__item_1sfnf_130", J = {
+}, _o = "_menu_1sfnf_1", fo = "_dropdown_1sfnf_1", mo = "_dropdown__valueContent_1sfnf_50", ho = "_dropdown__label_1sfnf_61", go = "_dropdown__value_1sfnf_50", vo = "_dropdown__placeholder_1sfnf_69", bo = "_dropdown__arrowIcon_1sfnf_77", wo = "_menu__searchContainer_1sfnf_92", yo = "_menu__searchInputWrap_1sfnf_96", xo = "_menu__searchInput_1sfnf_96", Ao = "_menu__errorMessage_1sfnf_115", Co = "_menu__addButton_1sfnf_122", ko = "_menu__itemContainer_1sfnf_130", Bo = "_menu__item_1sfnf_130", J = {
   menu: _o,
   dropdown: fo,
   dropdown__valueContent: mo,
   "dropdown__valueContent--open": "_dropdown__valueContent--open_1sfnf_58",
   dropdown__label: ho,
-  dropdown__value: vo,
-  dropdown__placeholder: go,
+  dropdown__value: go,
+  dropdown__placeholder: vo,
   dropdown__arrowIcon: bo,
   menu__searchContainer: wo,
   menu__searchInputWrap: yo,
@@ -902,7 +902,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { emit: o }) {
-    const t = Yt, n = e, i = o, r = E(), a = E(), l = E(!1), s = E(null), u = E(""), d = E(null), b = E({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), A = Mt([...n.items]), m = Mt([...n.items]), I = () => {
+    const t = Yt, n = e, i = o, r = R(), a = R(), l = R(!1), s = R(null), u = R(""), d = R(null), b = R({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), A = Mt([...n.items]), m = Mt([...n.items]), I = () => {
       if (!r.value)
         return;
       const { offsetTop: B, offsetLeft: P, offsetWidth: W } = r.value, G = window.innerHeight, oe = B + r.value.offsetHeight, p = oe + n.menuHeight > G;
@@ -932,12 +932,12 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
         value: B
       };
       m.push(W), C(), i("item-added", W);
-    }, L = () => {
+    }, $ = () => {
       const B = Kt(m, "text", u.value);
       A.splice(0, A.length, ...B);
     }, D = () => {
       d.value = "";
-    }, Y = R(() => ({
+    }, Y = L(() => ({
       top: b.value.shouldOpenUp ? `${b.value.y - 10}px` : `${b.value.y}px`,
       left: `${b.value.x}px`,
       width: `${b.value.width}px`,
@@ -949,7 +949,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
         B && (s.value = B);
       }
     });
-    const O = R(() => s.value ? s.value.text : "");
+    const O = L(() => s.value ? s.value.text : "");
     Z(() => n.modelValue, (B) => {
       var P;
       if (((P = s.value) == null ? void 0 : P.value) !== B) {
@@ -963,7 +963,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
       },
       { deep: !0 }
     );
-    const F = E({ handler: h, exclude: [r, a] });
+    const F = R({ handler: h, exclude: [r, a] });
     return (B, P) => (f(), v(ae, null, [
       T("div", {
         ref_key: "dropdownRef",
@@ -974,7 +974,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
           key: 0,
           class: g(c(J).dropdown__label),
           for: B.id
-        }, N(B.label), 11, So)) : $("", !0),
+        }, N(B.label), 11, So)) : E("", !0),
         T("button", {
           class: g([
             c(J).dropdown__valueContent,
@@ -990,7 +990,7 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
           B.placeholder && !O.value ? (f(), v("span", {
             key: 0,
             class: g(c(J).dropdown__placeholder)
-          }, N(B.placeholder), 3)) : $("", !0),
+          }, N(B.placeholder), 3)) : E("", !0),
           (f(), v("svg", {
             fill: "none",
             height: "17",
@@ -1032,21 +1032,21 @@ const fn = "_button__size_default_aw3lw_1", mn = "_button__size_small_aw3lw_8",
               placeholder: B.searchPlaceHolder,
               "onUpdate:modelValue": P[0] || (P[0] = (W) => u.value = W),
               onFocus: D,
-              onInput: L
+              onInput: $
             }, null, 42, Io), [
               [ln, u.value]
             ]),
             d.value ? (f(), v("p", {
               key: 0,
               class: g(c(J).menu__errorMessage)
-            }, N(d.value), 3)) : $("", !0)
+            }, N(d.value), 3)) : E("", !0)
           ], 2),
           n.addable ? (f(), v("button", {
             key: 0,
             class: g(c(J).menu__addButton),
             onClick: V
-          }, N(B.addButtonText), 3)) : $("", !0)
-        ], 2)) : $("", !0),
+          }, N(B.addButtonText), 3)) : E("", !0)
+        ], 2)) : E("", !0),
         T("ul", {
           class: g(c(J).menu__itemContainer)
         }, [
@@ -1181,7 +1181,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
     fillOpacity: {}
   },
   setup(e) {
-    const o = e, t = R(() => typeof o.size == "number" ? `${o.size}px` : o.size), n = R(() => o.name in $t), i = R(() => n.value ? $t[o.name] : null), r = R(() => Mo(o.color)), a = R(() => r.value.color || "currentColor"), l = R(() => {
+    const o = e, t = L(() => typeof o.size == "number" ? `${o.size}px` : o.size), n = L(() => o.name in $t), i = L(() => n.value ? $t[o.name] : null), r = L(() => Mo(o.color)), a = L(() => r.value.color || "currentColor"), l = L(() => {
       if (n.value)
         return o.fillOpacity !== void 0 ? typeof o.fillOpacity == "number" ? o.fillOpacity : parseFloat(o.fillOpacity) : r.value.opacity;
     });
@@ -1222,7 +1222,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
     borderTriangleAlign: { default: "" }
   },
   setup(e) {
-    const o = e, t = R(() => {
+    const o = e, t = L(() => {
       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(" ");
     });
@@ -1271,7 +1271,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
     autoSize: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = e, t = R(() => o.theme === "dark"), n = R(() => `in-info-box__${o.variant}`), i = R(() => o.autoSize ? "" : `in-info-box__size-${o.size}`), r = R(() => t.value ? "inverse" : "default");
+    const o = e, t = L(() => o.theme === "dark"), n = L(() => `in-info-box__${o.variant}`), i = L(() => o.autoSize ? "" : `in-info-box__size-${o.size}`), r = L(() => t.value ? "inverse" : "default");
     return (a, l) => (f(), v("div", {
       class: g([
         c(te)["in-info-box"],
@@ -1308,8 +1308,8 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
               c(te)[`in-info-box__heading-details-${r.value}`]
             ]),
             innerHTML: a.descriptionText
-          }, null, 10, Do)) : $("", !0)
-        ], 2)) : $("", !0),
+          }, null, 10, Do)) : E("", !0)
+        ], 2)) : E("", !0),
         T("div", {
           class: g(c(te)["in-info-box__content"])
         }, [
@@ -1330,7 +1330,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
   },
   emits: ["update:modelValue", "open", "close"],
   setup(e, { expose: o, emit: t }) {
-    const n = Yt, i = e, r = t, a = E(null), l = E(null), s = E(!1), u = E({}), d = E(i.modelValue);
+    const n = Yt, i = e, r = t, a = R(null), l = R(null), s = R(!1), u = R({}), d = R(i.modelValue);
     function b() {
       if (!a.value || !l.value)
         return;
@@ -1349,14 +1349,21 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
           w = S.bottom - C.height, V = S.right + h;
           break;
         default:
-          w = i.position === "top" ? S.top - C.height - h : S.bottom + h, i.align === "right" ? V = S.right - C.width : i.align === "center" ? V = S.left + (S.width - C.width) / 2 : V = S.left;
+          if (w = i.position === "top" ? S.top - C.height - h : S.bottom + h, i.align === "right")
+            V = S.right - C.width;
+          else if (i.align === "center")
+            V = S.left + (S.width - C.width) / 2;
+          else {
+            const { left: D } = S;
+            V = D;
+          }
       }
-      s.value = !0, u.value = {
+      s.value = !0;
+      const $ = {
         zIndex: "10000",
-        position: i.positionStrategy,
-        ...i.positionStrategy === "fixed" ? { top: `${w}px`, left: `${V}px` } : { width: "100%" },
-        ...i.width ? { width: `${i.width}px`, minWidth: `${i.width}px` } : {}
+        position: i.positionStrategy
       };
+      i.positionStrategy === "fixed" ? ($.top = `${w}px`, $.left = `${V}px`) : ($.width = "100%", $.top = "calc(100% + 4px)"), i.width && ($.width = `${i.width}px`, $.minWidth = `${i.width}px`), u.value = $;
     }
     Z(
       () => i.modelValue,
@@ -1368,7 +1375,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
       d.value = !d.value, r("update:modelValue", d.value), d.value ? (r("open"), Ge(b)) : r("close");
     }, m = () => {
       d.value = !1, s.value = !1, r("update:modelValue", !1), r("close");
-    }, I = R(() => ({
+    }, I = L(() => ({
       handler: m,
       exclude: [a, l],
       capture: i.closeOnClickOutside
@@ -1403,10 +1410,10 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
         })
       ], 6)), [
         [c(n), I.value]
-      ]) : $("", !0)
+      ]) : E("", !0)
     ], 512));
   }
-}), Ho = /* @__PURE__ */ me(zo, [["__scopeId", "data-v-28b4f702"]]), No = {
+}), Ho = /* @__PURE__ */ me(zo, [["__scopeId", "data-v-10f562c7"]]), No = {
   key: 0,
   class: "in-dropdown-menu__search-container"
 }, Wo = { class: "in-dropdown-menu__item-container" }, Fo = ["onClick"], Uo = /* @__PURE__ */ q({
@@ -1420,6 +1427,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
     addButtonText: { default: "Add" },
     validateAddItem: { type: Function, default: () => null },
     showSelectedIcon: { type: Boolean, default: !1 },
+    rotateArrow: { type: Boolean, default: !1 },
     menuHeight: { default: 154 },
     width: {},
     mode: { default: "primary" }
@@ -1427,9 +1435,9 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { expose: o, emit: t }) {
     sn((w) => ({
-      "23ba40ce": `${n.menuHeight}px`
+      "28296e80": `${n.menuHeight}px`
     }));
-    const n = e, i = t, r = E(!1), a = E(null), l = E(""), s = E(null), u = E([...n.items]), d = E([...n.items]), b = () => {
+    const n = e, i = t, r = R(!1), a = R(null), l = R(""), s = R(null), u = R([...n.items]), d = R([...n.items]), b = () => {
       r.value = !r.value;
     }, A = () => {
       s.value = null, l.value = "", u.value = [...d.value];
@@ -1450,11 +1458,11 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
         s.value = V, i("add-error", V);
         return;
       }
-      const L = {
+      const $ = {
         text: w,
         value: w
       };
-      d.value.push(L), A(), i("item-added", L);
+      d.value.push($), A(), i("item-added", $);
     }, C = (w) => {
       l.value = String(w);
       const V = Kt(d.value, "text", l.value);
@@ -1472,8 +1480,8 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
       (w) => {
         var V;
         if (((V = a.value) == null ? void 0 : V.value) !== w) {
-          const L = d.value.find((D) => D.value === w);
-          L ? a.value = L : a.value = null;
+          const $ = d.value.find((D) => D.value === w);
+          $ ? a.value = $ : a.value = null;
         }
       }
     ), Z(
@@ -1488,14 +1496,19 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
       closeMenu: m,
       selectedItem: a
     }), (w, V) => (f(), Q(c(Ho), {
+      class: g(["in-dropdown-menu", {
+        "in-dropdown-menu--open": r.value,
+        "in-dropdown-menu--rotate-arrow": n.rotateArrow,
+        [`in-dropdown-menu--${n.mode}`]: !0
+      }]),
       "position-strategy": "absolute",
       width: n.width,
       modelValue: r.value,
-      "onUpdate:modelValue": V[2] || (V[2] = (L) => r.value = L)
+      "onUpdate:modelValue": V[2] || (V[2] = ($) => r.value = $)
     }, {
-      trigger: je(({ isOpen: L }) => [
+      trigger: je(({ isOpen: $ }) => [
         ie(w.$slots, "trigger", {
-          isOpen: L,
+          isOpen: $,
           toggle: b
         }, void 0, !0)
       ]),
@@ -1517,7 +1530,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
               "state-message": s.value || "",
               states: s.value ? "error" : "default",
               modelValue: l.value,
-              "onUpdate:modelValue": V[0] || (V[0] = (L) => l.value = L),
+              "onUpdate:modelValue": V[0] || (V[0] = ($) => l.value = $),
               onFocus: h,
               onInput: C
             }, null, 8, ["placeholder-text", "state-message", "states", "modelValue"]),
@@ -1529,42 +1542,42 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
               variant: "text",
               label: w.addButtonText,
               onClick: S
-            }, null, 8, ["label"])) : $("", !0)
-          ])) : $("", !0),
+            }, null, 8, ["label"])) : E("", !0)
+          ])) : E("", !0),
           T("ul", Wo, [
-            (f(!0), v(ae, null, Me(u.value, (L, D) => {
+            (f(!0), v(ae, null, Me(u.value, ($, D) => {
               var Y, O;
               return f(), v("li", {
-                key: `${L.value}-${D}`,
+                key: `${$.value}-${D}`,
                 class: "in-dropdown-menu__item"
               }, [
                 w.$slots.item ? (f(), v("div", {
                   key: 0,
                   class: g(["in-dropdown-menu__item-content", [
                     {
-                      "in-dropdown-menu__item--active": a.value && L.value === a.value.value
+                      "in-dropdown-menu__item--active": a.value && $.value === a.value.value
                     }
                   ]]),
-                  onClick: (F) => I(L)
+                  onClick: (F) => I($)
                 }, [
                   ie(w.$slots, "item", {
-                    isSelected: ((Y = a.value) == null ? void 0 : Y.value) === L.value,
-                    item: L
+                    isSelected: ((Y = a.value) == null ? void 0 : Y.value) === $.value,
+                    item: $
                   }, void 0, !0)
                 ], 10, Fo)) : (f(), Q(c(lt), {
                   key: 1,
                   fill: "",
                   class: g(["in-dropdown-menu__item-button", [
                     {
-                      "in-dropdown-menu__item-button--active": a.value && L.value === a.value.value
+                      "in-dropdown-menu__item-button--active": a.value && $.value === a.value.value
                     }
                   ]]),
                   color: "secondary",
                   size: "small",
                   variant: "ghost",
-                  label: L.text,
-                  "right-icon-name": n.showSelectedIcon && ((O = a.value) == null ? void 0 : O.value) === L.value ? "line-check-natural" : void 0,
-                  onClick: (F) => I(L)
+                  label: $.text,
+                  "right-icon-name": n.showSelectedIcon && ((O = a.value) == null ? void 0 : O.value) === $.value ? "line-check-natural" : void 0,
+                  onClick: (F) => I($)
                 }, null, 8, ["class", "label", "right-icon-name", "onClick"]))
               ]);
             }), 128))
@@ -1572,9 +1585,9 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
         ], 2)
       ]),
       _: 3
-    }, 8, ["width", "modelValue"]));
+    }, 8, ["class", "width", "modelValue"]));
   }
-}), vi = /* @__PURE__ */ me(Uo, [["__scopeId", "data-v-24275cb4"]]), qo = { class: "in-tabs" }, Yo = ["disabled", "onClick"], Ko = /* @__PURE__ */ q({
+}), gi = /* @__PURE__ */ me(Uo, [["__scopeId", "data-v-da3f89b1"]]), qo = { class: "in-tabs" }, Yo = ["disabled", "onClick"], Ko = /* @__PURE__ */ q({
   __name: "InTabs",
   props: {
     tabs: {},
@@ -1583,7 +1596,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
-    const t = e, n = o, i = E(t.modelValue || (t.tabs.length > 0 ? t.tabs[0].value : "")), r = (a) => {
+    const t = e, n = o, i = R(t.modelValue || (t.tabs.length > 0 ? t.tabs[0].value : "")), r = (a) => {
       t.disabled || a.disabled || (i.value = a.value, n("update:modelValue", a.value), n("change", a.value));
     };
     return Z(
@@ -1611,7 +1624,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
       }, N(s.label), 11, Yo))), 128))
     ]));
   }
-}), gi = /* @__PURE__ */ me(Ko, [["__scopeId", "data-v-11915618"]]), de = {
+}), vi = /* @__PURE__ */ me(Ko, [["__scopeId", "data-v-11915618"]]), de = {
   "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",
@@ -1645,10 +1658,10 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
   },
   emits: ["update:modelValue", "keyup", "keypress", "click", "cut", "paste", "blur"],
   setup(e, { expose: o, emit: t }) {
-    const n = e, i = R(() => {
+    const n = e, i = L(() => {
       const h = {};
       return n.width && (h.width = n.width), n.height && (h.height = n.height), n.padding && (h.padding = n.padding), n.resize && (h.resize = n.resize), h;
-    }), r = t, a = E(), l = (h = "") => typeof h == "string" ? h.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, "") : h, s = R(() => n.preventXss ? l(n.modelValue) : n.modelValue), u = (h) => {
+    }), r = t, a = R(), l = (h = "") => typeof h == "string" ? h.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, "") : h, s = L(() => n.preventXss ? l(n.modelValue) : n.modelValue), u = (h) => {
       C(), r("keyup", h);
     }, d = (h) => {
       C(), r("keypress", h);
@@ -1682,7 +1695,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
           c(de)["in-textarea-wrapper__label"],
           { [c(de)["in-textarea-wrapper__label_disable"]]: h.disabled }
         ])
-      }, N(h.label), 11, Qo)) : $("", !0),
+      }, N(h.label), 11, Qo)) : E("", !0),
       T("textarea", {
         id: h.id,
         ref_key: "textareaRef",
@@ -1713,7 +1726,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
         class: g([
           c(de)["in-textarea-wrapper__error-message"]
         ])
-      }, N(h.invalidMessage), 3)) : $("", !0)
+      }, N(h.invalidMessage), 3)) : E("", !0)
     ], 2));
   }
 }), jo = ["id", "name", "checked", "disabled"], Xo = ["for"], Zo = "line-check-netural", Jo = "line-close-netural", ea = /* @__PURE__ */ q({
@@ -1726,7 +1739,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = o, i = E(null), r = R(() => t.checked ? Zo : Jo), a = (s) => {
+    const t = e, n = o, i = R(null), r = L(() => t.checked ? Zo : Jo), a = (s) => {
       if (t.disabled) {
         s.preventDefault();
         return;
@@ -1835,12 +1848,12 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
       n("input-change", d.value);
     }, a = (u) => {
       u.key === "Enter" ? (u.preventDefault(), u.target.blur()) : u.key === "Escape" && (u.preventDefault(), u.target.value = t.inputValue || "", u.target.blur());
-    }, l = R(() => {
+    }, l = L(() => {
       if (t.loadingStatus)
         return "loading-circle";
       if (t.successStatus)
         return "line-check-natural";
-    }), s = R(() => {
+    }), s = L(() => {
       const u = [
         ze.inputButton,
         ze[`inputButton__${t.variant}`],
@@ -1858,7 +1871,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
         key: 0,
         name: l.value,
         size: u.iconSize
-      }, null, 8, ["name", "size"])) : $("", !0),
+      }, null, 8, ["name", "size"])) : E("", !0),
       T("input", {
         class: g(c(ze).inputButton__input),
         value: u.inputValue,
@@ -1874,10 +1887,10 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
         key: 1,
         name: u.rightIconName,
         size: u.iconSize
-      }, null, 8, ["name", "size"])) : $("", !0)
+      }, null, 8, ["name", "size"])) : E("", !0)
     ], 10, sa));
   }
-}), ua = "_modalWrapper_192bl_36", ca = "_medium_192bl_45", da = "_small_192bl_52", pa = "_section_192bl_58", _a = "_modal_192bl_36", fa = "_close_192bl_75", ma = "_header_192bl_86", ha = "_footer_192bl_100", va = "_modalOverlay_192bl_110", ye = {
+}), ua = "_modalWrapper_192bl_36", ca = "_medium_192bl_45", da = "_small_192bl_52", pa = "_section_192bl_58", _a = "_modal_192bl_36", fa = "_close_192bl_75", ma = "_header_192bl_86", ha = "_footer_192bl_100", ga = "_modalOverlay_192bl_110", ye = {
   modalWrapper: ua,
   medium: ca,
   small: da,
@@ -1886,8 +1899,8 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
   close: fa,
   header: ma,
   footer: ha,
-  modalOverlay: va
-}, ga = /* @__PURE__ */ q({
+  modalOverlay: ga
+}, va = /* @__PURE__ */ q({
   __name: "Modal",
   props: {
     title: {},
@@ -1899,7 +1912,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
   },
   emits: ["close", "submit"],
   setup(e, { emit: o }) {
-    const t = e, n = E(!1), i = o, r = () => {
+    const t = e, n = R(!1), i = o, r = () => {
       i("close");
     }, a = () => {
       i("submit");
@@ -1915,7 +1928,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
         key: 0,
         class: g(c(ye).modalOverlay),
         onClick: r
-      }, null, 2)) : $("", !0),
+      }, null, 2)) : E("", !0),
       re(rn, { name: "modal-transition" }, {
         default: je(() => [
           at(T("div", {
@@ -1963,7 +1976,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
       })
     ], 64));
   }
-}), xi = /* @__PURE__ */ me(ga, [["__scopeId", "data-v-1a9bc65a"]]), ba = "_wrapper__counter_808qv_1", wa = "_wrapper__errorMessage_808qv_1", ya = "_wrapper__label_808qv_1", xa = "_wrapper__field_808qv_8", Aa = "_wrapper_808qv_1", Ca = "_wrapper__size_default_808qv_52", ka = "_wrapper__size_small_808qv_55", Ba = "_wrapper__bottom_808qv_94", Ae = {
+}), xi = /* @__PURE__ */ me(va, [["__scopeId", "data-v-1a9bc65a"]]), ba = "_wrapper__counter_808qv_1", wa = "_wrapper__errorMessage_808qv_1", ya = "_wrapper__label_808qv_1", xa = "_wrapper__field_808qv_8", Aa = "_wrapper_808qv_1", Ca = "_wrapper__size_default_808qv_52", ka = "_wrapper__size_small_808qv_55", Ba = "_wrapper__bottom_808qv_94", Ae = {
   wrapper__counter: ba,
   wrapper__errorMessage: wa,
   wrapper__label: ya,
@@ -2012,7 +2025,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
           key: 0,
           class: g(c(Ae).wrapper__label),
           for: l.id
-        }, N(l.label), 11, Sa)) : $("", !0),
+        }, N(l.label), 11, Sa)) : E("", !0),
         T("input", {
           id: l.id,
           type: "number",
@@ -2041,12 +2054,12 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
           l.error ? (f(), v("div", {
             key: 0,
             class: g(c(Ae).wrapper__errorMessage)
-          }, N(l.error), 3)) : $("", !0),
+          }, N(l.error), 3)) : E("", !0),
           l.counter ? (f(), v("div", {
             key: 1,
             class: g(c(Ae).wrapper__counter)
-          }, N(((u = l.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : $("", !0)
-        ], 2)) : $("", !0)
+          }, N(((u = l.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : E("", !0)
+        ], 2)) : E("", !0)
       ], 2);
     };
   }
@@ -2064,7 +2077,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
     text: {}
   },
   setup(e) {
-    const o = e, t = R(() => {
+    const o = e, t = L(() => {
       switch (o.variant) {
         case "alert":
           return "icon-info-box-error";
@@ -2119,7 +2132,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, i = E(t.modelValue || ""), r = (a) => {
+    const t = e, n = o, i = R(t.modelValue || ""), r = (a) => {
       t.disabled || a.disabled || (n("update:modelValue", a.value), n("click", a.value));
     };
     return Z(() => t.modelValue, (a) => {
@@ -2167,22 +2180,22 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
                 class: g(c(U).button__icon),
                 name: s.icon,
                 size: 24
-              }, null, 8, ["class", "name"])) : $("", !0),
+              }, null, 8, ["class", "name"])) : E("", !0),
               a.labelOnly && s.label ? (f(), v("span", {
                 key: 1,
                 class: g(c(U).button__label)
-              }, N(s.label), 3)) : $("", !0),
+              }, N(s.label), 3)) : E("", !0),
               !a.iconOnly && !a.labelOnly ? (f(), v(ae, { key: 2 }, [
                 s.icon ? (f(), Q(c(X), {
                   key: 0,
                   class: g(c(U).button__icon),
                   name: s.icon
-                }, null, 8, ["class", "name"])) : $("", !0),
+                }, null, 8, ["class", "name"])) : E("", !0),
                 s.label ? (f(), v("span", {
                   key: 1,
                   class: g(c(U).button__label)
-                }, N(s.label), 3)) : $("", !0)
-              ], 64)) : $("", !0)
+                }, N(s.label), 3)) : E("", !0)
+              ], 64)) : E("", !0)
             ], 10, za)
           ]),
           _: 2
@@ -2207,22 +2220,22 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
             class: g(c(U).button__icon),
             name: s.icon,
             size: 24
-          }, null, 8, ["class", "name"])) : $("", !0),
+          }, null, 8, ["class", "name"])) : E("", !0),
           a.labelOnly && s.label ? (f(), v("span", {
             key: 1,
             class: g(c(U).button__label)
-          }, N(s.label), 3)) : $("", !0),
+          }, N(s.label), 3)) : E("", !0),
           !a.iconOnly && !a.labelOnly ? (f(), v(ae, { key: 2 }, [
             s.icon ? (f(), Q(c(X), {
               key: 0,
               class: g(c(U).button__icon),
               name: s.icon
-            }, null, 8, ["class", "name"])) : $("", !0),
+            }, null, 8, ["class", "name"])) : E("", !0),
             s.label ? (f(), v("span", {
               key: 1,
               class: g(c(U).button__label)
-            }, N(s.label), 3)) : $("", !0)
-          ], 64)) : $("", !0)
+            }, N(s.label), 3)) : E("", !0)
+          ], 64)) : E("", !0)
         ], 10, Ha))
       ], 64))), 128))
     ], 2));
@@ -2255,7 +2268,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
   setup(e, { emit: o }) {
-    const t = e, n = o, i = E(null), r = () => {
+    const t = e, n = o, i = R(null), r = () => {
       if (t.autoGrow && i.value) {
         i.value.style.height = "";
         const l = Math.min(i.value.scrollHeight, t.maxHeight || i.value.scrollHeight);
@@ -2276,7 +2289,7 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
           key: 0,
           class: g(c(pe).wrapper__label),
           for: l.id
-        }, N(l.label), 11, Ka)) : $("", !0),
+        }, N(l.label), 11, Ka)) : E("", !0),
         l.multiline ? (f(), v("textarea", {
           key: 1,
           id: l.id,
@@ -2324,11 +2337,11 @@ const To = ["fill", "height", "width"], $o = ["xlink:href"], Eo = ["viewBox", "w
           l.error ? (f(), v("div", {
             key: 0,
             class: g(c(pe).wrapper__errorMessage)
-          }, N(l.error), 3)) : $("", !0),
+          }, N(l.error), 3)) : E("", !0),
           l.counter ? (f(), v("div", {
             key: 1,
             class: g(c(pe).wrapper__counter)
-          }, N(((u = l.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : $("", !0)
+          }, N(((u = l.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : E("", !0)
         ], 2)
       ], 2);
     };
@@ -2552,7 +2565,7 @@ const _l = async (e, o, t) => {
     } = l[S], {
       x: w,
       y: V,
-      data: L,
+      data: $,
       reset: D
     } = await h({
       x: d,
@@ -2572,7 +2585,7 @@ const _l = async (e, o, t) => {
       ...m,
       [C]: {
         ...m[C],
-        ...L
+        ...$
       }
     }, D && I <= 50 && (I++, typeof D == "object" && (D.placement && (A = D.placement), D.rects && (u = D.rects === !0 ? await a.getElementRects({
       reference: e,
@@ -2617,7 +2630,7 @@ async function jt(e, o) {
     y: i,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, V = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), L = await (r.isElement == null ? void 0 : r.isElement(V)) ? await (r.getScale == null ? void 0 : r.getScale(V)) || {
+  } : a.reference, V = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), $ = await (r.isElement == null ? void 0 : r.isElement(V)) ? await (r.getScale == null ? void 0 : r.getScale(V)) || {
     x: 1,
     y: 1
   } : {
@@ -2630,10 +2643,10 @@ async function jt(e, o) {
     strategy: s
   }) : w);
   return {
-    top: (h.top - D.top + I.top) / L.y,
-    bottom: (D.bottom - h.bottom + I.bottom) / L.y,
-    left: (h.left - D.left + I.left) / L.x,
-    right: (D.right - h.right + I.right) / L.x
+    top: (h.top - D.top + I.top) / $.y,
+    bottom: (D.bottom - h.bottom + I.bottom) / $.y,
+    left: (h.left - D.left + I.left) / $.x,
+    right: (D.right - h.right + I.right) / $.x
   };
 }
 const fl = (e) => ({
@@ -2657,10 +2670,10 @@ const fl = (e) => ({
     const b = Gt(d), A = {
       x: t,
       y: n
-    }, m = Ct(i), I = At(m), S = await a.getDimensions(u), C = m === "y", h = C ? "top" : "left", w = C ? "bottom" : "right", V = C ? "clientHeight" : "clientWidth", L = r.reference[I] + r.reference[m] - A[m] - r.floating[I], D = A[m] - r.reference[m], Y = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
+    }, m = Ct(i), I = At(m), S = await a.getDimensions(u), C = m === "y", h = C ? "top" : "left", w = C ? "bottom" : "right", V = C ? "clientHeight" : "clientWidth", $ = r.reference[I] + r.reference[m] - A[m] - r.floating[I], D = A[m] - r.reference[m], Y = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let O = Y ? Y[V] : 0;
     (!O || !await (a.isElement == null ? void 0 : a.isElement(Y))) && (O = l.floating[V] || r.floating[I]);
-    const F = L / 2 - D / 2, B = O / 2 - S[I] / 2 - 1, P = We(b[h], B), W = We(b[w], B), G = P, oe = O - S[I] - W, p = O / 2 - S[I] / 2 + F, _ = bt(G, p, oe), k = !s.arrow && Je(i) != null && p !== _ && r.reference[I] / 2 - (p < G ? P : W) - S[I] / 2 < 0, y = k ? p < G ? p - G : p - oe : 0;
+    const F = $ / 2 - D / 2, B = O / 2 - S[I] / 2 - 1, P = We(b[h], B), W = We(b[w], B), G = P, oe = O - S[I] - W, p = O / 2 - S[I] / 2 + F, _ = bt(G, p, oe), k = !s.arrow && Je(i) != null && p !== _ && r.reference[I] / 2 - (p < G ? P : W) - S[I] / 2 < 0, y = k ? p < G ? p - G : p - oe : 0;
     return {
       [m]: A[m] + y,
       data: {
@@ -2697,12 +2710,12 @@ const fl = (e) => ({
       } = Ze(e, o);
       if ((t = r.arrow) != null && t.alignmentOffset)
         return {};
-      const h = $e(i), w = Ce(l), V = $e(l) === l, L = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), D = A || (V || !S ? [st(l)] : sl(l)), Y = I !== "none";
-      !A && Y && D.push(...dl(l, S, I, L));
+      const h = $e(i), w = Ce(l), V = $e(l) === l, $ = await (s.isRTL == null ? void 0 : s.isRTL(u.floating)), D = A || (V || !S ? [st(l)] : sl(l)), Y = I !== "none";
+      !A && Y && D.push(...dl(l, S, I, $));
       const O = [l, ...D], F = await jt(o, C), B = [];
       let P = ((n = r.flip) == null ? void 0 : n.overflows) || [];
       if (d && B.push(F[h]), b) {
-        const p = il(i, a, L);
+        const p = il(i, a, $);
         B.push(F[p[0]], F[p[1]]);
       }
       if (P = [...P, {
@@ -2755,7 +2768,7 @@ const fl = (e) => ({
     }
   };
 }, hl = /* @__PURE__ */ new Set(["left", "top"]);
-async function vl(e, o) {
+async function gl(e, o) {
   const {
     placement: t,
     platform: n,
@@ -2782,7 +2795,7 @@ async function vl(e, o) {
     y: m * d
   };
 }
-const gl = function(e) {
+const vl = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -2793,7 +2806,7 @@ const gl = function(e) {
         y: r,
         placement: a,
         middlewareData: l
-      } = o, s = await vl(o, e);
+      } = o, s = await gl(o, e);
       return a === ((t = l.offset) == null ? void 0 : t.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
         x: i + s.x,
         y: r + s.y,
@@ -3025,8 +3038,8 @@ function Ee(e, o, t, n) {
     const A = le(r), m = n && ue(n) ? le(n) : n;
     let I = A, S = yt(I);
     for (; S && n && m !== I; ) {
-      const C = Ne(S), h = S.getBoundingClientRect(), w = ce(S), V = h.left + (S.clientLeft + parseFloat(w.paddingLeft)) * C.x, L = h.top + (S.clientTop + parseFloat(w.paddingTop)) * C.y;
-      s *= C.x, u *= C.y, d *= C.x, b *= C.y, s += V, u += L, I = le(S), S = yt(I);
+      const C = Ne(S), h = S.getBoundingClientRect(), w = ce(S), V = h.left + (S.clientLeft + parseFloat(w.paddingLeft)) * C.x, $ = h.top + (S.clientTop + parseFloat(w.paddingTop)) * C.y;
+      s *= C.x, u *= C.y, d *= C.x, b *= C.y, s += V, u += $, I = le(S), S = yt(I);
     }
   }
   return rt({
@@ -3207,7 +3220,7 @@ function Hl(e, o, t) {
     height: a.height
   };
 }
-function vt(e) {
+function gt(e) {
   return ce(e).position === "static";
 }
 function zt(e, o) {
@@ -3225,16 +3238,16 @@ function nn(e, o) {
   if (!fe(e)) {
     let i = ke(e);
     for (; i && !Fe(i); ) {
-      if (ue(i) && !vt(i))
+      if (ue(i) && !gt(i))
         return i;
       i = ke(i);
     }
     return t;
   }
   let n = zt(e, o);
-  for (; n && xl(n) && vt(n); )
+  for (; n && xl(n) && gt(n); )
     n = zt(n, o);
-  return n && Fe(n) && vt(n) && !Bt(n) ? t : n || Sl(e) || t;
+  return n && Fe(n) && gt(n) && !Bt(n) ? t : n || Sl(e) || t;
 }
 const Nl = async function(e) {
   const o = this.getOffsetParent || nn, t = this.getDimensions, n = await t(e.floating);
@@ -3287,17 +3300,17 @@ function Ul(e, o) {
       rootMargin: -I + "px " + -S + "px " + -C + "px " + -h + "px",
       threshold: Te(0, We(1, s)) || 1
     };
-    let L = !0;
+    let $ = !0;
     function D(Y) {
       const O = Y[0].intersectionRatio;
       if (O !== s) {
-        if (!L)
+        if (!$)
           return a();
         O ? a(!1, O) : n = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      O === 1 && !on(u, e.getBoundingClientRect()) && a(), L = !1;
+      O === 1 && !on(u, e.getBoundingClientRect()) && a(), $ = !1;
     }
     try {
       t = new IntersectionObserver(D, {
@@ -3348,7 +3361,7 @@ function ql(e, o, t, n) {
     }), b == null || b(), (h = m) == null || h.disconnect(), m = null, s && cancelAnimationFrame(I);
   };
 }
-const Yl = gl, Kl = bl, Ql = ml, Gl = fl, jl = (e, o, t) => {
+const Yl = vl, Kl = bl, Ql = ml, Gl = fl, jl = (e, o, t) => {
   const n = /* @__PURE__ */ new Map(), i = {
     platform: Fl,
     ...t
@@ -3396,19 +3409,19 @@ function Ht(e, o) {
 }
 function Jl(e, o, t) {
   t === void 0 && (t = {});
-  const n = t.whileElementsMounted, i = R(() => {
+  const n = t.whileElementsMounted, i = L(() => {
     var O;
     return (O = He(t.open)) != null ? O : !0;
-  }), r = R(() => He(t.middleware)), a = R(() => {
+  }), r = L(() => He(t.middleware)), a = L(() => {
     var O;
     return (O = He(t.placement)) != null ? O : "bottom";
-  }), l = R(() => {
+  }), l = L(() => {
     var O;
     return (O = He(t.strategy)) != null ? O : "absolute";
-  }), s = R(() => {
+  }), s = L(() => {
     var O;
     return (O = He(t.transform)) != null ? O : !0;
-  }), u = R(() => xt(e.value)), d = R(() => xt(o.value)), b = E(0), A = E(0), m = E(l.value), I = E(a.value), S = un({}), C = E(!1), h = R(() => {
+  }), u = L(() => xt(e.value)), d = L(() => xt(o.value)), b = R(0), A = R(0), m = R(l.value), I = R(a.value), S = un({}), C = R(!1), h = L(() => {
     const O = {
       position: m.value,
       left: "0",
@@ -3442,11 +3455,11 @@ function Jl(e, o, t) {
       b.value = F.x, A.value = F.y, m.value = F.strategy, I.value = F.placement, S.value = F.middlewareData, C.value = O !== !1;
     });
   }
-  function L() {
+  function $() {
     typeof w == "function" && (w(), w = void 0);
   }
   function D() {
-    if (L(), n === void 0) {
+    if ($(), n === void 0) {
       V();
       return;
     }
@@ -3464,7 +3477,7 @@ function Jl(e, o, t) {
     flush: "sync"
   }), Z(i, Y, {
     flush: "sync"
-  }), cn() && dn(L), {
+  }), cn() && dn($), {
     x: Pe(b),
     y: Pe(A),
     strategy: Pe(m),
@@ -3504,7 +3517,7 @@ const ni = "_bubble_6zub9_1", oi = "_trigger_6zub9_43", ai = "_trigger__icon_6zu
   trigger__icon: ai,
   arrow: li,
   bubble__content: ii
-}, si = ["id"], ri = ["innerHTML"], ui = 1e3, Wt = 20, gt = 8, ci = /* @__PURE__ */ q({
+}, si = ["id"], ri = ["innerHTML"], ui = 1e3, Wt = 20, vt = 8, ci = /* @__PURE__ */ q({
   inheritAttrs: !1,
   __name: "Tooltip",
   props: {
@@ -3523,17 +3536,17 @@ const ni = "_bubble_6zub9_1", oi = "_trigger_6zub9_43", ai = "_trigger__icon_6zu
       right: "left",
       bottom: "top",
       left: "right"
-    }, t = E(null), n = E(null), i = E(!1);
+    }, t = R(null), n = R(null), i = R(!1);
     typeof window < "u" && window.wasTooltipShown === void 0 && (window.wasTooltipShown = !1);
-    const r = e, a = E(null), l = E(null), s = E(null), u = E(!1), d = R(() => r.preventXss ? ti(r.text) : r.text), { floatingStyles: b, update: A, middlewareData: m, placement: I } = Jl(l, a, {
-      placement: R(() => r.placement || "bottom"),
+    const r = e, a = R(null), l = R(null), s = R(null), u = R(!1), d = L(() => r.preventXss ? ti(r.text) : r.text), { floatingStyles: b, update: A, middlewareData: m, placement: I } = Jl(l, a, {
+      placement: L(() => r.placement || "bottom"),
       strategy: "fixed",
       whileElementsMounted: ql,
       middleware: [
         Yl(10),
         Ql(),
         Kl(),
-        Zl({ element: s, padding: gt })
+        Zl({ element: s, padding: vt })
       ]
     }), S = () => {
       t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), window.wasTooltipShown ? u.value = !0 : t.value = setTimeout(() => {
@@ -3565,29 +3578,29 @@ const ni = "_bubble_6zub9_1", oi = "_trigger_6zub9_43", ai = "_trigger__icon_6zu
     }), Ut(() => {
       i.value = !1, typeof window < "u" && window.removeEventListener("resize", V), t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), u.value = !1, a.value = null, l.value = null, s.value = null;
     });
-    const L = R(() => r.status || u.value), D = R(() => ({
+    const $ = L(() => r.status || u.value), D = L(() => ({
       ...b.value,
-      display: L.value ? "inline-block" : "none"
-    })), Y = R(() => {
+      display: $.value ? "inline-block" : "none"
+    })), Y = L(() => {
       const [B] = I.value.split("-");
       return {
         [o[B]]: "-4px"
       };
-    }), O = R(() => {
+    }), O = L(() => {
       if (!r.arrowPlacement)
         return {};
       const [B] = I.value.split("-"), P = B === "top" || B === "bottom" ? "left" : "top";
       switch (r.arrowPlacement) {
         case "start":
-          return { [P]: `${gt}px` };
+          return { [P]: `${vt}px` };
         case "center":
           return { [P]: `calc(50% - ${Wt / 2}px)` };
         case "end":
-          return { [P]: `calc(100% - ${Wt + gt}px)` };
+          return { [P]: `calc(100% - ${Wt + vt}px)` };
         default:
           return {};
       }
-    }), F = R(() => {
+    }), F = L(() => {
       var B, P;
       return s.value ? {
         left: ((B = m.value.arrow) == null ? void 0 : B.x) != null ? `${m.value.arrow.x}px` : "",
@@ -3648,9 +3661,9 @@ export {
   X as Icon,
   qt as InBasicTextInput,
   Oo as InBox,
-  vi as InDropdownMenu,
+  gi as InDropdownMenu,
   hi as InInfoBox,
-  gi as InTabs,
+  vi as InTabs,
   bi as InTextArea,
   wi as InToggle,
   yi as InputButton,