@useinsider/ab-components 0.0.83-beta.5 → 0.0.84-beta.1

package/dist/ab-components.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Y, computed as L, createElementBlock as v, openBlock as f, normalizeClass as w, createBlock as j, createCommentVNode as $, unref as c, toDisplayString as N, createElementVNode as T, renderSlot as ie, ref as E, watch as X, onMounted as Fe, nextTick as Qe, normalizeStyle as ne, createVNode as pe, Fragment as ae, renderList as Ve, reactive as Vt, withDirectives as ot, withModifiers as st, vModelText as an, vShow as Wt, withCtx as Ge, useCssVars as ln, onBeforeUnmount as Ft, Transition as rn, shallowRef as sn, getCurrentScope as un, onScopeDispose as cn, shallowReadonly as Oe, onBeforeMount as dn, Teleport as pn } from "vue";
+import { defineComponent as Y, computed as L, createElementBlock as v, openBlock as f, normalizeClass as w, createBlock as j, createCommentVNode as E, unref as c, toDisplayString as N, createElementVNode as T, renderSlot as ie, ref as R, watch as X, onMounted as Fe, nextTick as Qe, normalizeStyle as ne, createVNode as pe, Fragment as ae, renderList as Ve, reactive as Vt, withDirectives as ot, withModifiers as st, vModelText as an, vShow as Wt, withCtx as Ge, useCssVars as ln, onBeforeUnmount as Ft, Transition as rn, shallowRef as sn, getCurrentScope as un, onScopeDispose as cn, shallowReadonly as Oe, onBeforeMount as dn, Teleport as pn } from "vue";
 const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8", mn = "_button_aw3lw_1", hn = "_button__label_aw3lw_60", gn = "_button__solid_aw3lw_72", vn = "_fill_aw3lw_1302", Ie = {
   button__size_default: _n,
   button__size_small: fn,
@@ -82,17 +82,17 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
         color: i.iconColor,
         name: s.value,
         size: i.iconSize
-      }, null, 8, ["color", "name", "size"])) : $("", !0),
+      }, null, 8, ["color", "name", "size"])) : E("", !0),
       i.label ? (f(), v("span", {
         key: 1,
         class: w(c(Ie).button__label)
-      }, N(i.label), 3)) : $("", !0),
+      }, N(i.label), 3)) : E("", !0),
       i.rightIconName ? (f(), j(c(ee), {
         key: 2,
         color: i.iconColor,
         name: i.rightIconName,
         size: i.iconSize
-      }, null, 8, ["color", "name", "size"])) : $("", !0)
+      }, null, 8, ["color", "name", "size"])) : E("", !0)
     ], 10, bn));
   }
 }), wn = "_checkbox__label_wgkvb_1", yn = "_checkbox_wgkvb_1", xn = "_checkbox__input_wgkvb_57", An = "_checkbox__box_wgkvb_65", Cn = "_checkbox__disabled_wgkvb_87", kn = "_checkbox__checked_wgkvb_87", Pe = {
@@ -151,12 +151,12 @@ const _n = "_button__size_default_aw3lw_1", fn = "_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: w(c(Pe).checkbox__label)
-      }, N(a.label), 3)) : $("", !0),
+      }, N(a.label), 3)) : E("", !0),
       ie(a.$slots, "default")
     ], 10, Bn));
   }
@@ -218,7 +218,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_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, l = E(""), s = 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"), i = L(
+    const t = e, n = o, l = R(""), s = 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"), i = L(
       () => t.states === "warning" || t.states === "error"
     ), r = L(
       () => t.helperMessageStatus || i.value
@@ -257,7 +257,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
       p.key === "Enter" && n("keypress", p), u.value && g(p.key) && p.preventDefault();
     }, V = (p) => {
       n("focus", p);
-    }, R = (p) => {
+    }, $ = (p) => {
       n("blur", p);
     }, D = (p) => {
       n("click", p);
@@ -319,7 +319,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
         var p;
         (p = Q.value) == null || p.focus();
       });
-    }, Q = E(null), oe = E(null);
+    }, Q = R(null), oe = R(null);
     return X(
       () => t.modelValue,
       (p) => {
@@ -344,18 +344,18 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
     }, [
       p.labelStatus ? (f(), v("label", In, [
         T("span", { innerHTML: s.value }, null, 8, Vn)
-      ])) : $("", !0),
+      ])) : E("", !0),
       T("div", Mn, [
         p.$slots.leftSlot ? (f(), v("div", Tn, [
           ie(p.$slots, "leftSlot", {}, void 0, !0)
-        ])) : $("", !0),
+        ])) : E("", !0),
         p.leftIconStatus ? (f(), j(c(ee), {
           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",
@@ -373,31 +373,31 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
           type: p.type,
           onChange: O,
           onFocus: V,
-          onBlur: R,
+          onBlur: $,
           onKeyup: h,
           onKeypress: b,
           onClick: D,
           onInput: q,
           onPaste: F
         }, null, 40, $n),
-        p.suffixTextStatus && p.suffixText ? (f(), v("span", En, N(p.suffixText), 1)) : $("", !0),
+        p.suffixTextStatus && p.suffixText ? (f(), v("span", En, N(p.suffixText), 1)) : E("", !0),
         p.rightIconStatus ? (f(), j(c(ee), {
           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", Rn, [
           ie(p.$slots, "rightSlot", {}, void 0, !0)
-        ])) : $("", !0)
+        ])) : E("", !0)
       ]),
       r.value ? (f(), v("div", Ln, [
         p.helperMessageStatus || i.value ? (f(), v("div", On, [
-          a.value ? (f(), v("p", Pn, N(p.helperMessage), 1)) : $("", !0),
-          i.value && !p.disabledStatus ? (f(), v("p", Dn, N(p.stateMessage), 1)) : $("", !0)
-        ])) : $("", !0)
-      ])) : $("", !0)
+          a.value ? (f(), v("p", Pn, N(p.helperMessage), 1)) : E("", !0),
+          i.value && !p.disabledStatus ? (f(), v("p", Dn, N(p.stateMessage), 1)) : E("", !0)
+        ])) : E("", !0)
+      ])) : E("", !0)
     ], 2));
   }
 }), me = (e, o) => {
@@ -436,7 +436,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_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",
@@ -482,7 +482,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
   },
   emits: ["color-change", "close"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(0), s = E(0), a = E(0.4), i = E(1), r = E("666666"), u = E([]), d = E(!1), g = E(null), A = E(null), m = E(null), I = L(() => {
+    const t = e, n = o, l = R(0), s = R(0), a = R(0.4), i = R(1), r = R("666666"), u = R([]), d = R(!1), g = R(null), A = R(null), m = R(null), I = L(() => {
       const _ = t.presetColors || [], k = [], y = 8;
       if (_.length === 0)
         return k;
@@ -544,7 +544,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
       };
       document.addEventListener("mousemove", y), document.addEventListener("mouseup", x);
     }
-    function R(_) {
+    function $(_) {
       const k = (M) => {
         if (!A.value)
           return;
@@ -638,7 +638,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
         ]),
         _.$slots.tabs ? (f(), v("div", Yn, [
           ie(_.$slots, "tabs", {}, void 0, !0)
-        ])) : $("", !0)
+        ])) : E("", !0)
       ]),
       T("div", Kn, [
         T("div", Qn, [
@@ -662,7 +662,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
           T("div", jn, [
             T("div", {
               class: "color-picker__hue-slider",
-              onMousedown: R,
+              onMousedown: $,
               ref_key: "hueSliderRef",
               ref: A
             }, [
@@ -723,7 +723,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
               name: "no-color",
               size: 14
             })
-          ])) : $("", !0),
+          ])) : E("", !0),
           (f(!0), v(ae, null, Ve(y, (M, z) => (f(), j(Mt, {
             key: `preset-${x}-${z}`,
             color: M,
@@ -741,7 +741,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
               size: 14
             })
           ])
-        ])) : $("", !0),
+        ])) : E("", !0),
         _.showSaveButton && u.value.length > 0 ? (f(), v("div", eo, [
           (f(!0), v(ae, null, Ve(u.value, (y, x) => (f(), j(Mt, {
             key: `saved-${x}`,
@@ -759,7 +759,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
             class: "color-picker__save-button",
             title: "Save current color"
           })
-        ])) : $("", !0)
+        ])) : E("", !0)
       ])
     ]));
   }
@@ -831,7 +831,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { emit: o }) {
-    const t = qt, n = e, l = o, s = E(), a = E(), i = E(!1), r = E(null), u = E(""), d = E(null), g = E({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), A = Vt([...n.items]), m = Vt([...n.items]), I = () => {
+    const t = qt, n = e, l = o, s = R(), a = R(), i = R(!1), r = R(null), u = R(""), d = R(null), g = R({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), A = Vt([...n.items]), m = Vt([...n.items]), I = () => {
       if (!s.value)
         return;
       const { offsetTop: B, offsetLeft: P, offsetWidth: W } = s.value, Q = window.innerHeight, oe = B + s.value.offsetHeight, p = oe + n.menuHeight > Q;
@@ -861,7 +861,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
         value: B
       };
       m.push(W), C(), l("item-added", W);
-    }, R = () => {
+    }, $ = () => {
       const B = Yt(m, "text", u.value);
       A.splice(0, A.length, ...B);
     }, D = () => {
@@ -892,7 +892,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
       },
       { deep: !0 }
     );
-    const F = E({ handler: h, exclude: [s, a] });
+    const F = R({ handler: h, exclude: [s, a] });
     return (B, P) => (f(), v(ae, null, [
       T("div", {
         ref_key: "dropdownRef",
@@ -903,7 +903,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
           key: 0,
           class: w(c(Z).dropdown__label),
           for: B.id
-        }, N(B.label), 11, bo)) : $("", !0),
+        }, N(B.label), 11, bo)) : E("", !0),
         T("button", {
           class: w([
             c(Z).dropdown__valueContent,
@@ -919,7 +919,7 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
           B.placeholder && !O.value ? (f(), v("span", {
             key: 0,
             class: w(c(Z).dropdown__placeholder)
-          }, N(B.placeholder), 3)) : $("", !0),
+          }, N(B.placeholder), 3)) : E("", !0),
           (f(), v("svg", {
             fill: "none",
             height: "17",
@@ -961,21 +961,21 @@ const _n = "_button__size_default_aw3lw_1", fn = "_button__size_small_aw3lw_8",
               placeholder: B.searchPlaceHolder,
               "onUpdate:modelValue": P[0] || (P[0] = (W) => u.value = W),
               onFocus: D,
-              onInput: R
+              onInput: $
             }, null, 42, wo), [
               [an, u.value]
             ]),
             d.value ? (f(), v("p", {
               key: 0,
               class: w(c(Z).menu__errorMessage)
-            }, N(d.value), 3)) : $("", !0)
+            }, N(d.value), 3)) : E("", !0)
           ], 2),
           n.addable ? (f(), v("button", {
             key: 0,
             class: w(c(Z).menu__addButton),
             onClick: V
-          }, N(B.addButtonText), 3)) : $("", !0)
-        ], 2)) : $("", !0),
+          }, N(B.addButtonText), 3)) : E("", !0)
+        ], 2)) : E("", !0),
         T("ul", {
           class: w(c(Z).menu__itemContainer)
         }, [
@@ -1237,8 +1237,8 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
               c(te)[`in-info-box__heading-details-${s.value}`]
             ]),
             innerHTML: a.descriptionText
-          }, null, 10, Mo)) : $("", !0)
-        ], 2)) : $("", !0),
+          }, null, 10, Mo)) : E("", !0)
+        ], 2)) : E("", !0),
         T("div", {
           class: w(c(te)["in-info-box__content"])
         }, [
@@ -1259,7 +1259,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
   },
   emits: ["update:modelValue", "open", "close"],
   setup(e, { expose: o, emit: t }) {
-    const n = qt, l = e, s = t, a = E(null), i = E(null), r = E(!1), u = E({}), d = E(l.modelValue);
+    const n = qt, l = e, s = t, a = R(null), i = R(null), r = R(!1), u = R({}), d = R(l.modelValue);
     function g() {
       if (!a.value || !i.value)
         return;
@@ -1278,14 +1278,21 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
           b = S.bottom - C.height, V = S.right + h;
           break;
         default:
-          b = l.position === "top" ? S.top - C.height - h : S.bottom + h, l.align === "right" ? V = S.right - C.width : l.align === "center" ? V = S.left + (S.width - C.width) / 2 : V = S.left;
+          if (b = l.position === "top" ? S.top - C.height - h : S.bottom + h, l.align === "right")
+            V = S.right - C.width;
+          else if (l.align === "center")
+            V = S.left + (S.width - C.width) / 2;
+          else {
+            const { left: D } = S;
+            V = D;
+          }
       }
-      r.value = !0, u.value = {
+      r.value = !0;
+      const $ = {
         zIndex: "10000",
-        position: l.positionStrategy,
-        ...l.positionStrategy === "fixed" ? { top: `${b}px`, left: `${V}px` } : { width: "100%" },
-        ...l.width ? { width: `${l.width}px`, minWidth: `${l.width}px` } : {}
+        position: l.positionStrategy
       };
+      l.positionStrategy === "fixed" ? ($.top = `${b}px`, $.left = `${V}px`) : ($.width = "100%", $.top = "calc(100% + 4px)"), l.width && ($.width = `${l.width}px`, $.minWidth = `${l.width}px`), u.value = $;
     }
     X(
       () => l.modelValue,
@@ -1332,10 +1339,10 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
         })
       ], 6)), [
         [c(n), I.value]
-      ]) : $("", !0)
+      ]) : E("", !0)
     ], 512));
   }
-}), $o = /* @__PURE__ */ me(To, [["__scopeId", "data-v-28b4f702"]]), Eo = {
+}), $o = /* @__PURE__ */ me(To, [["__scopeId", "data-v-10f562c7"]]), Eo = {
   key: 0,
   class: "in-dropdown-menu__search-container"
 }, Ro = { class: "in-dropdown-menu__item-container" }, Lo = ["onClick"], Oo = /* @__PURE__ */ Y({
@@ -1349,6 +1356,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["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" }
@@ -1356,9 +1364,9 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { expose: o, emit: t }) {
     ln((b) => ({
-      "23ba40ce": `${n.menuHeight}px`
+      "34002ef2": `${n.menuHeight}px`
     }));
-    const n = e, l = t, s = E(!1), a = E(null), i = E(""), r = E(null), u = E([...n.items]), d = E([...n.items]), g = () => {
+    const n = e, l = t, s = R(!1), a = R(null), i = R(""), r = R(null), u = R([...n.items]), d = R([...n.items]), g = () => {
       s.value = !s.value;
     }, A = () => {
       r.value = null, i.value = "", u.value = [...d.value];
@@ -1379,11 +1387,11 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
         r.value = V, l("add-error", V);
         return;
       }
-      const R = {
+      const $ = {
         text: b,
         value: b
       };
-      d.value.push(R), A(), l("item-added", R);
+      d.value.push($), A(), l("item-added", $);
     }, C = (b) => {
       i.value = String(b);
       const V = Yt(d.value, "text", i.value);
@@ -1401,8 +1409,8 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
       (b) => {
         var V;
         if (((V = a.value) == null ? void 0 : V.value) !== b) {
-          const R = d.value.find((D) => D.value === b);
-          R ? a.value = R : a.value = null;
+          const $ = d.value.find((D) => D.value === b);
+          $ ? a.value = $ : a.value = null;
         }
       }
     ), X(
@@ -1417,14 +1425,19 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
       closeMenu: m,
       selectedItem: a
     }), (b, V) => (f(), j(c($o), {
+      class: w(["in-dropdown-menu", {
+        "in-dropdown-menu--open": s.value,
+        "in-dropdown-menu--rotate-arrow": n.rotateArrow,
+        [`in-dropdown-menu--${n.mode}`]: !0
+      }]),
       "position-strategy": "absolute",
       width: n.width,
       modelValue: s.value,
-      "onUpdate:modelValue": V[2] || (V[2] = (R) => s.value = R)
+      "onUpdate:modelValue": V[2] || (V[2] = ($) => s.value = $)
     }, {
-      trigger: Ge(({ isOpen: R }) => [
+      trigger: Ge(({ isOpen: $ }) => [
         ie(b.$slots, "trigger", {
-          isOpen: R,
+          isOpen: $,
           toggle: g
         }, void 0, !0)
       ]),
@@ -1446,7 +1459,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
               "state-message": r.value || "",
               states: r.value ? "error" : "default",
               modelValue: i.value,
-              "onUpdate:modelValue": V[0] || (V[0] = (R) => i.value = R),
+              "onUpdate:modelValue": V[0] || (V[0] = ($) => i.value = $),
               onFocus: h,
               onInput: C
             }, null, 8, ["placeholder-text", "state-message", "states", "modelValue"]),
@@ -1458,42 +1471,42 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
               variant: "text",
               label: b.addButtonText,
               onClick: S
-            }, null, 8, ["label"])) : $("", !0)
-          ])) : $("", !0),
+            }, null, 8, ["label"])) : E("", !0)
+          ])) : E("", !0),
           T("ul", Ro, [
-            (f(!0), v(ae, null, Ve(u.value, (R, D) => {
+            (f(!0), v(ae, null, Ve(u.value, ($, D) => {
               var q, O;
               return f(), v("li", {
-                key: `${R.value}-${D}`,
+                key: `${$.value}-${D}`,
                 class: "in-dropdown-menu__item"
               }, [
                 b.$slots.item ? (f(), v("div", {
                   key: 0,
                   class: w(["in-dropdown-menu__item-content", [
                     {
-                      "in-dropdown-menu__item--active": a.value && R.value === a.value.value
+                      "in-dropdown-menu__item--active": a.value && $.value === a.value.value
                     }
                   ]]),
-                  onClick: (F) => I(R)
+                  onClick: (F) => I($)
                 }, [
                   ie(b.$slots, "item", {
-                    isSelected: ((q = a.value) == null ? void 0 : q.value) === R.value,
-                    item: R
+                    isSelected: ((q = a.value) == null ? void 0 : q.value) === $.value,
+                    item: $
                   }, void 0, !0)
                 ], 10, Lo)) : (f(), j(c(at), {
                   key: 1,
                   fill: "",
                   class: w(["in-dropdown-menu__item-button", [
                     {
-                      "in-dropdown-menu__item-button--active": a.value && R.value === a.value.value
+                      "in-dropdown-menu__item-button--active": a.value && $.value === a.value.value
                     }
                   ]]),
                   color: "secondary",
                   size: "small",
                   variant: "ghost",
-                  label: R.text,
-                  "right-icon-name": n.showSelectedIcon && ((O = a.value) == null ? void 0 : O.value) === R.value ? "line-check-natural" : void 0,
-                  onClick: (F) => I(R)
+                  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))
@@ -1501,9 +1514,9 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
         ], 2)
       ]),
       _: 3
-    }, 8, ["width", "modelValue"]));
+    }, 8, ["class", "width", "modelValue"]));
   }
-}), si = /* @__PURE__ */ me(Oo, [["__scopeId", "data-v-24275cb4"]]), Po = { class: "in-tabs" }, Do = ["disabled", "onClick"], zo = /* @__PURE__ */ Y({
+}), si = /* @__PURE__ */ me(Oo, [["__scopeId", "data-v-32045e61"]]), Po = { class: "in-tabs" }, Do = ["disabled", "onClick"], zo = /* @__PURE__ */ Y({
   __name: "InTabs",
   props: {
     tabs: {},
@@ -1512,7 +1525,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(t.modelValue || (t.tabs.length > 0 ? t.tabs[0].value : "")), s = (a) => {
+    const t = e, n = o, l = R(t.modelValue || (t.tabs.length > 0 ? t.tabs[0].value : "")), s = (a) => {
       t.disabled || a.disabled || (l.value = a.value, n("update:modelValue", a.value), n("change", a.value));
     };
     return X(
@@ -1577,7 +1590,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
     const n = e, l = 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;
-    }), s = t, a = E(), i = (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, r = L(() => n.preventXss ? i(n.modelValue) : n.modelValue), u = (h) => {
+    }), s = t, a = R(), i = (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, r = L(() => n.preventXss ? i(n.modelValue) : n.modelValue), u = (h) => {
       C(), s("keyup", h);
     }, d = (h) => {
       C(), s("keypress", h);
@@ -1611,7 +1624,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
           c(ce)["in-textarea-wrapper__label"],
           { [c(ce)["in-textarea-wrapper__label_disable"]]: h.disabled }
         ])
-      }, N(h.label), 11, Ho)) : $("", !0),
+      }, N(h.label), 11, Ho)) : E("", !0),
       T("textarea", {
         id: h.id,
         ref_key: "textareaRef",
@@ -1642,7 +1655,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
         class: w([
           c(ce)["in-textarea-wrapper__error-message"]
         ])
-      }, N(h.invalidMessage), 3)) : $("", !0)
+      }, N(h.invalidMessage), 3)) : E("", !0)
     ], 2));
   }
 }), Wo = ["id", "name", "checked", "disabled"], Fo = ["for"], Uo = "line-check-netural", qo = "line-close-netural", Yo = /* @__PURE__ */ Y({
@@ -1655,7 +1668,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(null), s = L(() => t.checked ? Uo : qo), a = (r) => {
+    const t = e, n = o, l = R(null), s = L(() => t.checked ? Uo : qo), a = (r) => {
       if (t.disabled) {
         r.preventDefault();
         return;
@@ -1787,7 +1800,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
         key: 0,
         name: i.value,
         size: u.iconSize
-      }, null, 8, ["name", "size"])) : $("", !0),
+      }, null, 8, ["name", "size"])) : E("", !0),
       T("input", {
         class: w(c(De).inputButton__input),
         value: u.inputValue,
@@ -1803,7 +1816,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
         key: 1,
         name: u.rightIconName,
         size: u.iconSize
-      }, null, 8, ["name", "size"])) : $("", !0)
+      }, null, 8, ["name", "size"])) : E("", !0)
     ], 10, Jo));
   }
 }), ta = "_modalWrapper_192bl_36", na = "_medium_192bl_45", oa = "_small_192bl_52", aa = "_section_192bl_58", la = "_modal_192bl_36", ia = "_close_192bl_75", ra = "_header_192bl_86", sa = "_footer_192bl_100", ua = "_modalOverlay_192bl_110", ye = {
@@ -1828,7 +1841,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
   },
   emits: ["close", "submit"],
   setup(e, { emit: o }) {
-    const t = e, n = E(!1), l = o, s = () => {
+    const t = e, n = R(!1), l = o, s = () => {
       l("close");
     }, a = () => {
       l("submit");
@@ -1844,7 +1857,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
         key: 0,
         class: w(c(ye).modalOverlay),
         onClick: s
-      }, null, 2)) : $("", !0),
+      }, null, 2)) : E("", !0),
       pe(rn, { name: "modal-transition" }, {
         default: Ge(() => [
           ot(T("div", {
@@ -1941,7 +1954,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
           key: 0,
           class: w(c(xe).wrapper__label),
           for: i.id
-        }, N(i.label), 11, ba)) : $("", !0),
+        }, N(i.label), 11, ba)) : E("", !0),
         T("input", {
           id: i.id,
           type: "number",
@@ -1970,12 +1983,12 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
           i.error ? (f(), v("div", {
             key: 0,
             class: w(c(xe).wrapper__errorMessage)
-          }, N(i.error), 3)) : $("", !0),
+          }, N(i.error), 3)) : E("", !0),
           i.counter ? (f(), v("div", {
             key: 1,
             class: w(c(xe).wrapper__counter)
-          }, N(((u = i.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : $("", !0)
-        ], 2)) : $("", !0)
+          }, N(((u = i.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : E("", !0)
+        ], 2)) : E("", !0)
       ], 2);
     };
   }
@@ -2048,7 +2061,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(t.modelValue || ""), s = (a) => {
+    const t = e, n = o, l = R(t.modelValue || ""), s = (a) => {
       t.disabled || a.disabled || (n("update:modelValue", a.value), n("click", a.value));
     };
     return X(() => t.modelValue, (a) => {
@@ -2096,22 +2109,22 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
                 class: w(c(U).button__icon),
                 name: r.icon,
                 size: 24
-              }, null, 8, ["class", "name"])) : $("", !0),
+              }, null, 8, ["class", "name"])) : E("", !0),
               a.labelOnly && r.label ? (f(), v("span", {
                 key: 1,
                 class: w(c(U).button__label)
-              }, N(r.label), 3)) : $("", !0),
+              }, N(r.label), 3)) : E("", !0),
               !a.iconOnly && !a.labelOnly ? (f(), v(ae, { key: 2 }, [
                 r.icon ? (f(), j(c(ee), {
                   key: 0,
                   class: w(c(U).button__icon),
                   name: r.icon
-                }, null, 8, ["class", "name"])) : $("", !0),
+                }, null, 8, ["class", "name"])) : E("", !0),
                 r.label ? (f(), v("span", {
                   key: 1,
                   class: w(c(U).button__label)
-                }, N(r.label), 3)) : $("", !0)
-              ], 64)) : $("", !0)
+                }, N(r.label), 3)) : E("", !0)
+              ], 64)) : E("", !0)
             ], 10, Ta)
           ]),
           _: 2
@@ -2136,22 +2149,22 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
             class: w(c(U).button__icon),
             name: r.icon,
             size: 24
-          }, null, 8, ["class", "name"])) : $("", !0),
+          }, null, 8, ["class", "name"])) : E("", !0),
           a.labelOnly && r.label ? (f(), v("span", {
             key: 1,
             class: w(c(U).button__label)
-          }, N(r.label), 3)) : $("", !0),
+          }, N(r.label), 3)) : E("", !0),
           !a.iconOnly && !a.labelOnly ? (f(), v(ae, { key: 2 }, [
             r.icon ? (f(), j(c(ee), {
               key: 0,
               class: w(c(U).button__icon),
               name: r.icon
-            }, null, 8, ["class", "name"])) : $("", !0),
+            }, null, 8, ["class", "name"])) : E("", !0),
             r.label ? (f(), v("span", {
               key: 1,
               class: w(c(U).button__label)
-            }, N(r.label), 3)) : $("", !0)
-          ], 64)) : $("", !0)
+            }, N(r.label), 3)) : E("", !0)
+          ], 64)) : E("", !0)
         ], 10, $a))
       ], 64))), 128))
     ], 2));
@@ -2184,7 +2197,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(null), s = () => {
+    const t = e, n = o, l = R(null), s = () => {
       if (t.autoGrow && l.value) {
         l.value.style.height = "";
         const i = Math.min(l.value.scrollHeight, t.maxHeight || l.value.scrollHeight);
@@ -2205,7 +2218,7 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
           key: 0,
           class: w(c(de).wrapper__label),
           for: i.id
-        }, N(i.label), 11, za)) : $("", !0),
+        }, N(i.label), 11, za)) : E("", !0),
         i.multiline ? (f(), v("textarea", {
           key: 1,
           id: i.id,
@@ -2253,11 +2266,11 @@ const Ao = ["fill", "height", "width"], Co = ["xlink:href"], ko = ["viewBox", "w
           i.error ? (f(), v("div", {
             key: 0,
             class: w(c(de).wrapper__errorMessage)
-          }, N(i.error), 3)) : $("", !0),
+          }, N(i.error), 3)) : E("", !0),
           i.counter ? (f(), v("div", {
             key: 1,
             class: w(c(de).wrapper__counter)
-          }, N(((u = i.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : $("", !0)
+          }, N(((u = i.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : E("", !0)
         ], 2)
       ], 2);
     };
@@ -2481,7 +2494,7 @@ const ll = async (e, o, t) => {
     } = i[S], {
       x: b,
       y: V,
-      data: R,
+      data: $,
       reset: D
     } = await h({
       x: d,
@@ -2501,7 +2514,7 @@ const ll = async (e, o, t) => {
       ...m,
       [C]: {
         ...m[C],
-        ...R
+        ...$
       }
     }, D && I <= 50 && (I++, typeof D == "object" && (D.placement && (A = D.placement), D.rects && (u = D.rects === !0 ? await a.getElementRects({
       reference: e,
@@ -2546,7 +2559,7 @@ async function Gt(e, o) {
     y: l,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, V = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), R = await (s.isElement == null ? void 0 : s.isElement(V)) ? await (s.getScale == null ? void 0 : s.getScale(V)) || {
+  } : a.reference, V = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), $ = await (s.isElement == null ? void 0 : s.isElement(V)) ? await (s.getScale == null ? void 0 : s.getScale(V)) || {
     x: 1,
     y: 1
   } : {
@@ -2559,10 +2572,10 @@ async function Gt(e, o) {
     strategy: r
   }) : b);
   return {
-    top: (h.top - D.top + I.top) / R.y,
-    bottom: (D.bottom - h.bottom + I.bottom) / R.y,
-    left: (h.left - D.left + I.left) / R.x,
-    right: (D.right - h.right + I.right) / R.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 il = (e) => ({
@@ -2586,10 +2599,10 @@ const il = (e) => ({
     const g = Qt(d), A = {
       x: t,
       y: n
-    }, m = At(l), I = xt(m), S = await a.getDimensions(u), C = m === "y", h = C ? "top" : "left", b = C ? "bottom" : "right", V = C ? "clientHeight" : "clientWidth", R = s.reference[I] + s.reference[m] - A[m] - s.floating[I], D = A[m] - s.reference[m], q = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
+    }, m = At(l), I = xt(m), S = await a.getDimensions(u), C = m === "y", h = C ? "top" : "left", b = C ? "bottom" : "right", V = C ? "clientHeight" : "clientWidth", $ = s.reference[I] + s.reference[m] - A[m] - s.floating[I], D = A[m] - s.reference[m], q = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let O = q ? q[V] : 0;
     (!O || !await (a.isElement == null ? void 0 : a.isElement(q))) && (O = i.floating[V] || s.floating[I]);
-    const F = R / 2 - D / 2, B = O / 2 - S[I] / 2 - 1, P = Ne(g[h], B), W = Ne(g[b], B), Q = P, oe = O - S[I] - W, p = O / 2 - S[I] / 2 + F, _ = vt(Q, p, oe), k = !r.arrow && Ze(l) != null && p !== _ && s.reference[I] / 2 - (p < Q ? P : W) - S[I] / 2 < 0, y = k ? p < Q ? p - Q : p - oe : 0;
+    const F = $ / 2 - D / 2, B = O / 2 - S[I] / 2 - 1, P = Ne(g[h], B), W = Ne(g[b], B), Q = P, oe = O - S[I] - W, p = O / 2 - S[I] / 2 + F, _ = vt(Q, p, oe), k = !r.arrow && Ze(l) != null && p !== _ && s.reference[I] / 2 - (p < Q ? P : W) - S[I] / 2 < 0, y = k ? p < Q ? p - Q : p - oe : 0;
     return {
       [m]: A[m] + y,
       data: {
@@ -2626,12 +2639,12 @@ const il = (e) => ({
       } = Xe(e, o);
       if ((t = s.arrow) != null && t.alignmentOffset)
         return {};
-      const h = Te(l), b = Ae(i), V = Te(i) === i, R = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), D = A || (V || !S ? [it(i)] : Ja(i)), q = I !== "none";
-      !A && q && D.push(...ol(i, S, I, R));
+      const h = Te(l), b = Ae(i), V = Te(i) === i, $ = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), D = A || (V || !S ? [it(i)] : Ja(i)), q = I !== "none";
+      !A && q && D.push(...ol(i, S, I, $));
       const O = [i, ...D], F = await Gt(o, C), B = [];
       let P = ((n = s.flip) == null ? void 0 : n.overflows) || [];
       if (d && B.push(F[h]), g) {
-        const p = Za(l, a, R);
+        const p = Za(l, a, $);
         B.push(F[p[0]], F[p[1]]);
       }
       if (P = [...P, {
@@ -2954,8 +2967,8 @@ function $e(e, o, t, n) {
     const A = le(s), m = n && se(n) ? le(n) : n;
     let I = A, S = wt(I);
     for (; S && n && m !== I; ) {
-      const C = He(S), h = S.getBoundingClientRect(), b = ue(S), V = h.left + (S.clientLeft + parseFloat(b.paddingLeft)) * C.x, R = h.top + (S.clientTop + parseFloat(b.paddingTop)) * C.y;
-      r *= C.x, u *= C.y, d *= C.x, g *= C.y, r += V, u += R, I = le(S), S = wt(I);
+      const C = He(S), h = S.getBoundingClientRect(), b = ue(S), V = h.left + (S.clientLeft + parseFloat(b.paddingLeft)) * C.x, $ = h.top + (S.clientTop + parseFloat(b.paddingTop)) * C.y;
+      r *= C.x, u *= C.y, d *= C.x, g *= C.y, r += V, u += $, I = le(S), S = wt(I);
     }
   }
   return rt({
@@ -3216,17 +3229,17 @@ function Ol(e, o) {
       rootMargin: -I + "px " + -S + "px " + -C + "px " + -h + "px",
       threshold: Me(0, Ne(1, r)) || 1
     };
-    let R = !0;
+    let $ = !0;
     function D(q) {
       const O = q[0].intersectionRatio;
       if (O !== r) {
-        if (!R)
+        if (!$)
           return a();
         O ? a(!1, O) : n = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      O === 1 && !nn(u, e.getBoundingClientRect()) && a(), R = !1;
+      O === 1 && !nn(u, e.getBoundingClientRect()) && a(), $ = !1;
     }
     try {
       t = new IntersectionObserver(D, {
@@ -3337,7 +3350,7 @@ function ql(e, o, t) {
   }), r = L(() => {
     var O;
     return (O = ze(t.transform)) != null ? O : !0;
-  }), u = L(() => yt(e.value)), d = L(() => yt(o.value)), g = E(0), A = E(0), m = E(i.value), I = E(a.value), S = sn({}), C = E(!1), h = L(() => {
+  }), u = L(() => yt(e.value)), d = L(() => yt(o.value)), g = R(0), A = R(0), m = R(i.value), I = R(a.value), S = sn({}), C = R(!1), h = L(() => {
     const O = {
       position: m.value,
       left: "0",
@@ -3371,11 +3384,11 @@ function ql(e, o, t) {
       g.value = F.x, A.value = F.y, m.value = F.strategy, I.value = F.placement, S.value = F.middlewareData, C.value = O !== !1;
     });
   }
-  function R() {
+  function $() {
     typeof b == "function" && (b(), b = void 0);
   }
   function D() {
-    if (R(), n === void 0) {
+    if ($(), n === void 0) {
       V();
       return;
     }
@@ -3393,7 +3406,7 @@ function ql(e, o, t) {
     flush: "sync"
   }), X(l, q, {
     flush: "sync"
-  }), un() && cn(R), {
+  }), un() && cn($), {
     x: Oe(g),
     y: Oe(A),
     strategy: Oe(m),
@@ -3452,9 +3465,9 @@ const Ql = "_bubble_6zub9_1", Gl = "_trigger_6zub9_43", jl = "_trigger__icon_6zu
       right: "left",
       bottom: "top",
       left: "right"
-    }, t = E(null), n = E(null), l = E(!1);
+    }, t = R(null), n = R(null), l = R(!1);
     typeof window < "u" && window.wasTooltipShown === void 0 && (window.wasTooltipShown = !1);
-    const s = e, a = E(null), i = E(null), r = E(null), u = E(!1), d = L(() => s.preventXss ? Kl(s.text) : s.text), { floatingStyles: g, update: A, middlewareData: m, placement: I } = ql(i, a, {
+    const s = e, a = R(null), i = R(null), r = R(null), u = R(!1), d = L(() => s.preventXss ? Kl(s.text) : s.text), { floatingStyles: g, update: A, middlewareData: m, placement: I } = ql(i, a, {
       placement: L(() => s.placement || "bottom"),
       strategy: "fixed",
       whileElementsMounted: Pl,
@@ -3494,9 +3507,9 @@ const Ql = "_bubble_6zub9_1", Gl = "_trigger_6zub9_43", jl = "_trigger__icon_6zu
     }), Ft(() => {
       l.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, i.value = null, r.value = null;
     });
-    const R = L(() => s.status || u.value), D = L(() => ({
+    const $ = L(() => s.status || u.value), D = L(() => ({
       ...g.value,
-      display: R.value ? "inline-block" : "none"
+      display: $.value ? "inline-block" : "none"
     })), q = L(() => {
       const [B] = I.value.split("-");
       return {