@useinsider/ab-components 0.0.68 → 0.0.69

package/dist/ab-components.es.js

@@ -59,7 +59,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
   setup(e, { emit: o }) {
     const t = e, n = o, l = (a) => {
       t.disabled || n("click", a);
-    }, s = L(() => t.loadingStatus ? "loading-circle" : t.successStatus ? "line-check-natural" : t.leftIconName), i = L(() => {
+    }, i = L(() => t.loadingStatus ? "loading-circle" : t.successStatus ? "line-check-natural" : t.leftIconName), s = L(() => {
       const a = [
         Ie.button,
         Ie[`button__${t.variant}`],
@@ -69,13 +69,13 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
       return t.fill && a.push(Ie.fill), t.selected && a.push(Ie["button--selected"]), t.customClass && a.push(t.customClass), a;
     });
     return (a, r) => (h(), b("button", {
-      class: A(i.value),
+      class: A(s.value),
       disabled: t.disabled,
       onClick: l
     }, [
-      s.value ? (h(), J(_(ae), {
+      i.value ? (h(), J(_(ae), {
         key: 0,
-        name: s.value,
+        name: i.value,
         size: a.iconSize,
         color: a.iconColor
       }, null, 8, ["name", "size", "color"])) : R("", !0),
@@ -98,7 +98,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
   checkbox__box: yn,
   checkbox__disabled: xn,
   checkbox__checked: An
-}, Cn = ["for"], kn = ["id", "checked", "disabled", "name", "value"], oi = /* @__PURE__ */ U({
+}, Cn = ["for"], kn = ["id", "checked", "disabled", "name", "value"], os = /* @__PURE__ */ U({
   __name: "Checkbox",
   props: {
     id: {},
@@ -112,33 +112,33 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
   emits: ["update:modelValue", "change"],
   setup(e, { emit: o }) {
     const t = e, n = o, l = L(() => t.modelValue !== void 0 ? t.modelValue : t.checked);
-    function s(i) {
+    function i(s) {
       if (t.disabled) {
-        i.preventDefault();
+        s.preventDefault();
         return;
       }
-      const r = i.target.checked;
+      const r = s.target.checked;
       n("update:modelValue", r), n("change", r);
     }
-    return (i, a) => (h(), b("label", {
+    return (s, a) => (h(), b("label", {
       class: A([
         _(De).checkbox,
         {
           [_(De).checkbox__checked]: l.value,
-          [_(De).checkbox__disabled]: i.disabled
+          [_(De).checkbox__disabled]: s.disabled
         }
       ]),
-      for: i.id
+      for: s.id
     }, [
       M("input", {
-        id: i.id,
+        id: s.id,
         type: "checkbox",
         checked: l.value,
         class: A(_(De).checkbox__input),
-        disabled: i.disabled,
-        name: i.name,
-        value: i.value,
-        onChange: s
+        disabled: s.disabled,
+        name: s.name,
+        value: s.value,
+        onChange: i
       }, null, 42, kn),
       M("span", {
         class: A(_(De).checkbox__box)
@@ -149,11 +149,11 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
           size: 16
         })) : R("", !0)
       ], 2),
-      i.label ? (h(), b("span", {
+      s.label ? (h(), b("span", {
         key: 0,
         class: A(_(De).checkbox__label)
-      }, W(i.label), 3)) : R("", !0),
-      oe(i.$slots, "default")
+      }, W(s.label), 3)) : R("", !0),
+      oe(s.$slots, "default")
     ], 10, Cn));
   }
 }), Bn = {
@@ -214,7 +214,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_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), i = L(() => t.states === "default"), a = L(
+    const t = e, n = o, l = E(""), i = L(() => t.preventXss ? String(t.labelText).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;") : t.labelText), s = L(() => t.states === "default"), a = L(
       () => t.states === "warning" || t.states === "error"
     ), r = L(
       () => t.helperMessageStatus || a.value
@@ -339,7 +339,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
       ]])
     }, [
       d.labelStatus ? (h(), b("label", Bn, [
-        M("span", { innerHTML: s.value }, null, 8, Sn)
+        M("span", { innerHTML: i.value }, null, 8, Sn)
       ])) : R("", !0),
       M("div", In, [
         d.$slots.leftSlot ? (h(), b("div", Vn, [
@@ -390,7 +390,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
       ]),
       r.value ? (h(), b("div", $n, [
         d.helperMessageStatus || a.value ? (h(), b("div", Ln, [
-          i.value ? (h(), b("p", Rn, W(d.helperMessage), 1)) : R("", !0),
+          s.value ? (h(), b("p", Rn, W(d.helperMessage), 1)) : R("", !0),
           a.value && !d.disabledStatus ? (h(), b("p", On, W(d.stateMessage), 1)) : R("", !0)
         ])) : R("", !0)
       ])) : R("", !0)
@@ -424,7 +424,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
     });
     return (n, l) => (h(), b("div", {
       class: "color-swatch",
-      onClick: l[0] || (l[0] = (s) => n.$emit("click"))
+      onClick: l[0] || (l[0] = (i) => n.$emit("click"))
     }, [
       n.isTransparent || t.value ? (h(), b("div", Pn, [
         l[1] || (l[1] = M("div", { class: "color-swatch__checkerboard" }, null, -1)),
@@ -478,7 +478,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
   },
   emits: ["color-change", "close"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(0), s = E(0), i = E(0.4), a = E(1), r = E("666666"), u = E([]), c = E(!1), g = E(null), x = E(null), f = E(null), S = L(() => {
+    const t = e, n = o, l = E(0), i = E(0), s = E(0.4), a = E(1), r = E("666666"), u = E([]), c = E(!1), g = E(null), x = E(null), f = E(null), S = L(() => {
       const p = t.presetColors || [], k = [], w = 8;
       if (p.length === 0)
         return k;
@@ -492,14 +492,14 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
       let w = 0, y = 0, V = 0;
       return p < 1 / 6 ? (w = 1, y = k) : p < 2 / 6 ? (w = k, y = 1) : p < 3 / 6 ? (y = 1, V = k) : p < 4 / 6 ? (y = k, V = 1) : p < 5 / 6 ? (w = k, V = 1) : (w = 1, V = k), `rgb(${Math.round(w * 255)}, ${Math.round(y * 255)}, ${Math.round(V * 255)})`;
     }), C = L(() => {
-      const p = l.value, k = s.value, w = i.value, y = w * k, V = y * (1 - Math.abs(p * 6 % 2 - 1)), H = w - y;
+      const p = l.value, k = i.value, w = s.value, y = w * k, V = y * (1 - Math.abs(p * 6 % 2 - 1)), H = w - y;
       let q = 0, K = 0, Y = 0;
       return p < 1 / 6 ? (q = y, K = V) : p < 2 / 6 ? (q = V, K = y) : p < 3 / 6 ? (K = y, Y = V) : p < 4 / 6 ? (K = V, Y = y) : p < 5 / 6 ? (q = V, Y = y) : (q = y, Y = V), q = Math.round((q + H) * 255), K = Math.round((K + H) * 255), Y = Math.round((Y + H) * 255), `rgb(${q}, ${K}, ${Y})`;
     }), m = L(() => {
       const p = C.value.match(/\d+/g);
       return p ? a.value < 1 ? `rgba(${p[0]}, ${p[1]}, ${p[2]}, ${a.value})` : `rgb(${p[0]}, ${p[1]}, ${p[2]})` : C.value;
     });
-    Q([l, s, i, a], () => {
+    Q([l, i, s, a], () => {
       v(), c.value || n("color-change", m.value);
     }), Q(
       () => t.color,
@@ -530,7 +530,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
         if (!g.value)
           return;
         const H = g.value.getBoundingClientRect(), q = Math.max(0, Math.min(1, (V.clientX - H.left) / H.width)), K = Math.max(0, Math.min(1, (V.clientY - H.top) / H.height));
-        s.value = q, i.value = 1 - K;
+        i.value = q, s.value = 1 - K;
       };
       k(p);
       const w = (V) => {
@@ -592,7 +592,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
           let Se = 0;
           Be !== 0 && (ve === X ? Se = ((le - ge) / Be + (le < ge ? 6 : 0)) / 6 : ve === le ? Se = ((ge - X) / Be + 2) / 6 : Se = ((X - le) / Be + 4) / 6);
           const Ue = ve === 0 ? 0 : Be / ve, Re = ve;
-          l.value = Se, s.value = Ue, i.value = Re, a.value = Fe, v();
+          l.value = Se, i.value = Ue, s.value = Re, a.value = Fe, v();
           return;
         }
         return;
@@ -603,7 +603,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
       let ke = 0;
       me !== 0 && (Y === H ? ke = ((q - K) / me + (q < K ? 6 : 0)) / 6 : Y === q ? ke = ((K - H) / me + 2) / 6 : ke = ((H - q) / me + 4) / 6);
       const Je = Y === 0 ? 0 : me / Y, Le = Y;
-      l.value = ke, s.value = Je, i.value = Le;
+      l.value = ke, i.value = Je, s.value = Le;
       const et = p.replace(/^#/, "");
       r.value = et.slice(0, 6).toUpperCase();
     }
@@ -625,7 +625,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
       T(p);
     }
     function d() {
-      r.value = "", a.value = 0, l.value = 0, s.value = 0, i.value = 0.4, n("color-change", "transparent");
+      r.value = "", a.value = 0, l.value = 0, i.value = 0, s.value = 0.4, n("color-change", "transparent");
     }
     return (p, k) => (h(), b("div", Hn, [
       M("div", qn, [
@@ -651,7 +651,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
             }, [
               M("div", {
                 class: "color-picker__color-indicator",
-                style: ee({ left: `${s.value * 100}%`, top: `${(1 - i.value) * 100}%` })
+                style: ee({ left: `${i.value * 100}%`, top: `${(1 - s.value) * 100}%` })
               }, null, 4)
             ], 36)
           ]),
@@ -759,11 +759,11 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
       ])
     ]));
   }
-}), ai = /* @__PURE__ */ pe(eo, [["__scopeId", "data-v-b4e7ab91"]]), Wt = {
+}), as = /* @__PURE__ */ pe(eo, [["__scopeId", "data-v-b4e7ab91"]]), Wt = {
   mounted(e, o) {
     e.clickOutsideEvent = (n) => {
-      const l = (o.value.exclude || []).filter((i) => i.value).map((i) => i.value);
-      [e, ...l].some((i) => i && (i === n.target || i.contains(n.target))) || o.value.handler();
+      const l = (o.value.exclude || []).filter((s) => s.value).map((s) => s.value);
+      [e, ...l].some((s) => s && (s === n.target || s.contains(n.target))) || o.value.handler();
     };
     const t = o.value.capture ?? !1;
     e.clickOutsideCapture = t, document.addEventListener("click", e.clickOutsideEvent, t);
@@ -786,20 +786,20 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
     return e;
   const n = t.toLowerCase();
   return e.filter((l) => {
-    const s = String(l[o]);
-    return to(s.toLowerCase(), n);
-  }).sort((l, s) => {
-    const i = String(l[o]).toLowerCase(), a = String(s[o]).toLowerCase();
-    return i === n ? -1 : a === n ? 1 : i.startsWith(n) && !a.startsWith(n) ? -1 : !i.startsWith(n) && a.startsWith(n) ? 1 : i.length - a.length;
+    const i = String(l[o]);
+    return to(i.toLowerCase(), n);
+  }).sort((l, i) => {
+    const s = String(l[o]).toLowerCase(), a = String(i[o]).toLowerCase();
+    return s === n ? -1 : a === n ? 1 : s.startsWith(n) && !a.startsWith(n) ? -1 : !s.startsWith(n) && a.startsWith(n) ? 1 : s.length - a.length;
   });
-}, no = "_menu_1sfnf_1", oo = "_dropdown_1sfnf_1", ao = "_dropdown__valueContent_1sfnf_50", lo = "_dropdown__label_1sfnf_61", io = "_dropdown__value_1sfnf_50", so = "_dropdown__placeholder_1sfnf_69", ro = "_dropdown__arrowIcon_1sfnf_77", uo = "_menu__searchContainer_1sfnf_92", co = "_menu__searchInputWrap_1sfnf_96", _o = "_menu__searchInput_1sfnf_96", po = "_menu__errorMessage_1sfnf_115", fo = "_menu__addButton_1sfnf_122", mo = "_menu__itemContainer_1sfnf_130", ho = "_menu__item_1sfnf_130", j = {
+}, no = "_menu_1sfnf_1", oo = "_dropdown_1sfnf_1", ao = "_dropdown__valueContent_1sfnf_50", lo = "_dropdown__label_1sfnf_61", so = "_dropdown__value_1sfnf_50", io = "_dropdown__placeholder_1sfnf_69", ro = "_dropdown__arrowIcon_1sfnf_77", uo = "_menu__searchContainer_1sfnf_92", co = "_menu__searchInputWrap_1sfnf_96", _o = "_menu__searchInput_1sfnf_96", po = "_menu__errorMessage_1sfnf_115", fo = "_menu__addButton_1sfnf_122", mo = "_menu__itemContainer_1sfnf_130", ho = "_menu__item_1sfnf_130", j = {
   menu: no,
   dropdown: oo,
   dropdown__valueContent: ao,
   "dropdown__valueContent--open": "_dropdown__valueContent--open_1sfnf_58",
   dropdown__label: lo,
-  dropdown__value: io,
-  dropdown__placeholder: so,
+  dropdown__value: so,
+  dropdown__placeholder: io,
   dropdown__arrowIcon: ro,
   menu__searchContainer: uo,
   menu__searchInputWrap: co,
@@ -810,7 +810,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
   menu__itemContainer: mo,
   menu__item: ho,
   "menu__item--active": "_menu__item--active_1sfnf_169"
-}, go = ["for"], vo = ["placeholder"], bo = ["onClick"], li = /* @__PURE__ */ U({
+}, go = ["for"], vo = ["placeholder"], bo = ["onClick"], ls = /* @__PURE__ */ U({
   __name: "DropdownMenu",
   props: {
     id: {},
@@ -827,10 +827,10 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { emit: o }) {
-    const t = Wt, n = e, l = o, s = E(), i = E(), a = E(!1), r = E(null), u = E(""), c = E(null), g = E({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), x = It([...n.items]), f = It([...n.items]), S = () => {
-      if (!s.value)
+    const t = Wt, n = e, l = o, i = E(), s = E(), a = E(!1), r = E(null), u = E(""), c = E(null), g = E({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), x = It([...n.items]), f = It([...n.items]), S = () => {
+      if (!i.value)
         return;
-      const { offsetTop: T, offsetLeft: z, offsetWidth: N } = s.value, G = window.innerHeight, te = T + s.value.offsetHeight, d = te + n.menuHeight > G;
+      const { offsetTop: T, offsetLeft: z, offsetWidth: N } = i.value, G = window.innerHeight, te = T + i.value.offsetHeight, d = te + n.menuHeight > G;
       g.value = {
         x: z + window.scrollX,
         y: d ? T + window.scrollY : te + window.scrollY,
@@ -888,11 +888,11 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
       },
       { deep: !0 }
     );
-    const D = E({ handler: m, exclude: [s, i] });
+    const D = E({ handler: m, exclude: [i, s] });
     return (T, z) => (h(), b(ce, null, [
       M("div", {
         ref_key: "dropdownRef",
-        ref: s,
+        ref: i,
         class: A(_(j).dropdown)
       }, [
         T.label ? (h(), b("label", {
@@ -933,7 +933,7 @@ const dn = "_button__size_default_1bq69_1", _n = "_button__size_small_1bq69_8",
       ], 2),
       nt((h(), b("div", {
         ref_key: "menuRef",
-        ref: i,
+        ref: s,
         class: A(_(j).menu),
         style: ee(F.value),
         onClick: z[1] || (z[1] = rt(() => {
@@ -1106,9 +1106,9 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     fillOpacity: {}
   },
   setup(e) {
-    const o = e, t = L(() => typeof o.size == "number" ? `${o.size}px` : o.size), n = L(() => o.name in Mt), l = L(() => n.value ? Mt[o.name] : null), s = L(() => wo(o.color)), i = L(() => s.value.color || "currentColor"), a = L(() => {
+    const o = e, t = L(() => typeof o.size == "number" ? `${o.size}px` : o.size), n = L(() => o.name in Mt), l = L(() => n.value ? Mt[o.name] : null), i = L(() => wo(o.color)), s = L(() => i.value.color || "currentColor"), a = L(() => {
       if (n.value)
-        return o.fillOpacity !== void 0 ? typeof o.fillOpacity == "number" ? o.fillOpacity : parseFloat(o.fillOpacity) : s.value.opacity;
+        return o.fillOpacity !== void 0 ? typeof o.fillOpacity == "number" ? o.fillOpacity : parseFloat(o.fillOpacity) : i.value.opacity;
     });
     return (r, u) => {
       var c, g;
@@ -1120,14 +1120,14 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         height: t.value,
         fill: r.color || "currentColor",
         style: ee({
-          "--icon-color": i.value,
+          "--icon-color": s.value,
           ...a.value !== void 0 && a.value !== null ? { "--icon-fill-opacity": String(a.value) } : {}
         }),
         innerHTML: (g = l.value) == null ? void 0 : g.content
       }, null, 12, Ao)) : (h(), b("svg", {
         key: 0,
         class: "icon",
-        fill: i.value,
+        fill: s.value,
         height: t.value,
         width: t.value
       }, [
@@ -1181,7 +1181,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   "in-info-box__divider": "_in-info-box__divider_1waqv_113",
   "in-info-box__divider-default": "_in-info-box__divider-default_1waqv_119",
   "in-info-box__divider-inverse": "_in-info-box__divider-inverse_1waqv_122"
-}, So = ["innerHTML"], Io = ["innerHTML"], ii = /* @__PURE__ */ U({
+}, So = ["innerHTML"], Io = ["innerHTML"], ss = /* @__PURE__ */ U({
   __name: "InInfoBox",
   props: {
     id: {},
@@ -1195,8 +1195,8 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     fullWidthContentStatus: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = e, t = L(() => o.theme === "dark"), n = L(() => `in-info-box__${o.variant}`), l = L(() => `in-info-box__size-${o.size}`), s = L(() => t.value ? "inverse" : "default");
-    return (i, a) => (h(), b("div", {
+    const o = e, t = L(() => o.theme === "dark"), n = L(() => `in-info-box__${o.variant}`), l = L(() => `in-info-box__size-${o.size}`), i = L(() => t.value ? "inverse" : "default");
+    return (s, a) => (h(), b("div", {
       class: A([
         _(Z)["in-info-box"],
         t.value ? _(Z)["in-info-box__background-inverse"] : _(Z)["in-info-box__background-default"],
@@ -1207,37 +1207,37 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       M("div", {
         class: A([
           _(Z)["in-info-box__container"],
-          { [_(Z)["in-info-box__container-full-width"]]: i.fullWidthContentStatus }
+          { [_(Z)["in-info-box__container-full-width"]]: s.fullWidthContentStatus }
         ])
       }, [
-        i.titleStatus ? (h(), b("div", {
+        s.titleStatus ? (h(), b("div", {
           key: 0,
           class: A([
             _(Z)["in-info-box__heading-wrapper"],
-            { [_(Z)["in-info-box__heading-wrapper-full-width"]]: i.fullWidthContentStatus }
+            { [_(Z)["in-info-box__heading-wrapper-full-width"]]: s.fullWidthContentStatus }
           ])
         }, [
           M("div", {
             class: A([
               _(Z)["in-info-box__heading"],
-              _(Z)[`in-info-box__heading-${s.value}`],
-              { [_(Z)["in-info-box__heading-full-width"]]: i.fullWidthContentStatus }
+              _(Z)[`in-info-box__heading-${i.value}`],
+              { [_(Z)["in-info-box__heading-full-width"]]: s.fullWidthContentStatus }
             ]),
-            innerHTML: i.titleText
+            innerHTML: s.titleText
           }, null, 10, So),
-          i.titleStatus && i.descriptionStatus ? (h(), b("div", {
+          s.titleStatus && s.descriptionStatus ? (h(), b("div", {
             key: 0,
             class: A([
               _(Z)["in-info-box__heading-details"],
-              _(Z)[`in-info-box__heading-details-${s.value}`]
+              _(Z)[`in-info-box__heading-details-${i.value}`]
             ]),
-            innerHTML: i.descriptionText
+            innerHTML: s.descriptionText
           }, null, 10, Io)) : R("", !0)
         ], 2)) : R("", !0),
         M("div", {
           class: A(_(Z)["in-info-box__content"])
         }, [
-          oe(i.$slots, "default")
+          oe(s.$slots, "default")
         ], 2)
       ], 2)
     ], 2));
@@ -1254,11 +1254,11 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   },
   emits: ["update:modelValue", "open", "close"],
   setup(e, { expose: o, emit: t }) {
-    const n = Wt, l = e, s = t, i = E(null), a = E(null), r = E(!1), u = E({}), c = E(l.modelValue);
+    const n = Wt, l = e, i = t, s = E(null), a = E(null), r = E(!1), u = E({}), c = E(l.modelValue);
     function g() {
-      if (!i.value || !a.value)
+      if (!s.value || !a.value)
         return;
-      const B = i.value.getBoundingClientRect(), C = a.value.getBoundingClientRect();
+      const B = s.value.getBoundingClientRect(), C = a.value.getBoundingClientRect();
       if (C.width === 0 || C.height === 0) {
         r.value = !1, requestAnimationFrame(() => requestAnimationFrame(g));
         return;
@@ -1290,12 +1290,12 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       }
     );
     const x = () => {
-      c.value = !c.value, s("update:modelValue", c.value), c.value ? (s("open"), Ke(g)) : s("close");
+      c.value = !c.value, i("update:modelValue", c.value), c.value ? (i("open"), Ke(g)) : i("close");
     }, f = () => {
-      c.value = !1, r.value = !1, s("update:modelValue", !1), s("close");
+      c.value = !1, r.value = !1, i("update:modelValue", !1), i("close");
     }, S = L(() => ({
       handler: f,
-      exclude: [i, a],
+      exclude: [s, a],
       capture: l.closeOnClickOutside
     }));
     return o({
@@ -1304,7 +1304,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       close: f
     }), (B, C) => (h(), b("div", {
       ref_key: "popoverRef",
-      ref: i,
+      ref: s,
       class: "popover"
     }, [
       oe(B.$slots, "trigger", {
@@ -1346,30 +1346,29 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     validateAddItem: { type: Function, default: () => null },
     showSelectedIcon: { type: Boolean, default: !1 },
     menuHeight: { default: 154 },
-    width: {},
-    positionStrategy: { default: "fixed" }
+    width: {}
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { expose: o, emit: t }) {
     on((v) => ({
-      "433e822f": `${n.width}px`,
-      "4de2259a": `${n.menuHeight}px`
+      "4b8b7584": `${n.width}px`,
+      "5aedc6fe": `${n.menuHeight}px`
     }));
-    const n = e, l = t, s = E(!1), i = E(null), a = E(""), r = E(null), u = E([...n.items]), c = E([...n.items]), g = () => {
-      s.value = !s.value;
+    const n = e, l = t, i = E(!1), s = E(null), a = E(""), r = E(null), u = E([...n.items]), c = E([...n.items]), g = () => {
+      i.value = !i.value;
     }, x = () => {
       r.value = null, a.value = "", u.value = [...c.value];
     };
     Q(
-      () => s.value,
+      () => i.value,
       (v) => {
         v || x();
       }
     );
     const f = () => {
-      s.value = !1, x();
+      i.value = !1, x();
     }, S = (v) => {
-      i.value = v, l("select-item", v), l("update:modelValue", v.value), f();
+      s.value = v, l("select-item", v), l("update:modelValue", v.value), f();
     }, B = () => {
       const v = a.value.trim(), I = n.validateAddItem(v, c.value);
       if (I) {
@@ -1391,15 +1390,15 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     return We(() => {
       if (n.modelValue) {
         const v = c.value.find((I) => I.value === n.modelValue);
-        v && (i.value = v);
+        v && (s.value = v);
       }
     }), Q(
       () => n.modelValue,
       (v) => {
         var I;
-        if (((I = i.value) == null ? void 0 : I.value) !== v) {
+        if (((I = s.value) == null ? void 0 : I.value) !== v) {
           const $ = c.value.find((P) => P.value === v);
-          $ ? i.value = $ : i.value = null;
+          $ ? s.value = $ : s.value = null;
         }
       }
     ), Q(
@@ -1409,15 +1408,15 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       },
       { deep: !0 }
     ), o({
-      isOpen: s,
+      isOpen: i,
       toggleMenu: g,
       closeMenu: f,
-      selectedItem: i
+      selectedItem: s
     }), (v, I) => (h(), J(_(Mo), {
-      "position-strategy": n.positionStrategy,
+      "position-strategy": "absolute",
       width: n.width,
-      modelValue: s.value,
-      "onUpdate:modelValue": I[2] || (I[2] = ($) => s.value = $)
+      modelValue: i.value,
+      "onUpdate:modelValue": I[2] || (I[2] = ($) => i.value = $)
     }, {
       trigger: ot(({ isOpen: $ }) => [
         oe(v.$slots, "trigger", {
@@ -1468,13 +1467,13 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
                   key: 0,
                   class: A(["in-dropdown-menu__item-content", [
                     {
-                      "in-dropdown-menu__item--active": i.value && $.value === i.value.value
+                      "in-dropdown-menu__item--active": s.value && $.value === s.value.value
                     }
                   ]]),
                   onClick: (D) => S($)
                 }, [
                   oe(v.$slots, "item", {
-                    isSelected: ((F = i.value) == null ? void 0 : F.value) === $.value,
+                    isSelected: ((F = s.value) == null ? void 0 : F.value) === $.value,
                     item: $
                   }, void 0, !0)
                 ], 10, $o)) : (h(), J(_(at), {
@@ -1482,14 +1481,14 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
                   fill: "",
                   class: A(["in-dropdown-menu__item-button", [
                     {
-                      "in-dropdown-menu__item-button--active": i.value && $.value === i.value.value
+                      "in-dropdown-menu__item-button--active": s.value && $.value === s.value.value
                     }
                   ]]),
                   color: "secondary",
                   size: "small",
                   variant: "ghost",
                   label: $.text,
-                  "right-icon-name": n.showSelectedIcon && ((O = i.value) == null ? void 0 : O.value) === $.value ? "line-check-natural" : void 0,
+                  "right-icon-name": n.showSelectedIcon && ((O = s.value) == null ? void 0 : O.value) === $.value ? "line-check-natural" : void 0,
                   onClick: (D) => S($)
                 }, null, 8, ["class", "label", "right-icon-name", "onClick"]))
               ]);
@@ -1498,9 +1497,9 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         ])
       ]),
       _: 3
-    }, 8, ["position-strategy", "width", "modelValue"]));
+    }, 8, ["width", "modelValue"]));
   }
-}), si = /* @__PURE__ */ pe(Lo, [["__scopeId", "data-v-53ebfff8"]]), Ro = { class: "in-tabs" }, Oo = ["disabled", "onClick"], Do = /* @__PURE__ */ U({
+}), is = /* @__PURE__ */ pe(Lo, [["__scopeId", "data-v-32730ac9"]]), Ro = { class: "in-tabs" }, Oo = ["disabled", "onClick"], Do = /* @__PURE__ */ U({
   __name: "InTabs",
   props: {
     tabs: {},
@@ -1509,22 +1508,22 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["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 = (i) => {
-      t.disabled || i.disabled || (l.value = i.value, n("update:modelValue", i.value), n("change", i.value));
+    const t = e, n = o, l = E(t.modelValue || (t.tabs.length > 0 ? t.tabs[0].value : "")), i = (s) => {
+      t.disabled || s.disabled || (l.value = s.value, n("update:modelValue", s.value), n("change", s.value));
     };
     return Q(
       () => t.modelValue,
-      (i) => {
-        i !== void 0 && i !== l.value && (l.value = i);
+      (s) => {
+        s !== void 0 && s !== l.value && (l.value = s);
       }
     ), Q(
       () => t.tabs,
-      (i) => {
-        i.length > 0 && !i.some((a) => a.value === l.value) && (l.value = i[0].value, n("update:modelValue", i[0].value));
+      (s) => {
+        s.length > 0 && !s.some((a) => a.value === l.value) && (l.value = s[0].value, n("update:modelValue", s[0].value));
       },
       { deep: !0 }
-    ), (i, a) => (h(), b("div", Ro, [
-      (h(!0), b(ce, null, Ve(i.tabs, (r, u) => (h(), b("button", {
+    ), (s, a) => (h(), b("div", Ro, [
+      (h(!0), b(ce, null, Ve(s.tabs, (r, u) => (h(), b("button", {
         key: `${r.value}-${u}`,
         class: A([
           "in-tabs__tab",
@@ -1532,12 +1531,12 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
             "in-tabs__tab--active": l.value === r.value
           }
         ]),
-        disabled: i.disabled || r.disabled,
-        onClick: (c) => s(r)
+        disabled: s.disabled || r.disabled,
+        onClick: (c) => i(r)
       }, W(r.label), 11, Oo))), 128))
     ]));
   }
-}), ri = /* @__PURE__ */ pe(Do, [["__scopeId", "data-v-11915618"]]), re = {
+}), rs = /* @__PURE__ */ pe(Do, [["__scopeId", "data-v-11915618"]]), re = {
   "in-textarea-wrapper__textarea": "_in-textarea-wrapper__textarea_19ty4_1",
   "in-textarea-wrapper__error-message": "_in-textarea-wrapper__error-message_19ty4_8",
   "in-textarea-wrapper__label": "_in-textarea-wrapper__label_19ty4_8",
@@ -1547,7 +1546,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   "in-textarea-wrapper__textarea_smart": "_in-textarea-wrapper__textarea_smart_19ty4_100",
   "in-textarea-wrapper__textarea_disable": "_in-textarea-wrapper__textarea_disable_19ty4_111",
   "in-form-item_invalid": "_in-form-item_invalid_19ty4_125"
-}, Po = ["for"], zo = ["id", "name", "value", "placeholder", "disabled", "rows", "maxlength"], ui = /* @__PURE__ */ U({
+}, Po = ["for"], zo = ["id", "name", "value", "placeholder", "disabled", "rows", "maxlength"], us = /* @__PURE__ */ U({
   __name: "InTextArea",
   props: {
     id: {},
@@ -1574,26 +1573,26 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     const n = e, l = L(() => {
       const m = {};
       return n.width && (m.width = n.width), n.height && (m.height = n.height), n.padding && (m.padding = n.padding), n.resize && (m.resize = n.resize), m;
-    }), s = t, i = E(), a = (m = "") => typeof m == "string" ? m.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, "") : m, r = L(() => n.preventXss ? a(n.modelValue) : n.modelValue), u = (m) => {
-      C(), s("keyup", m);
+    }), i = t, s = E(), a = (m = "") => typeof m == "string" ? m.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, "") : m, r = L(() => n.preventXss ? a(n.modelValue) : n.modelValue), u = (m) => {
+      C(), i("keyup", m);
     }, c = (m) => {
-      C(), s("keypress", m);
+      C(), i("keypress", m);
     }, g = (m) => {
-      C(), s("click", m);
+      C(), i("click", m);
     }, x = (m) => {
       const v = m.target;
-      C(), s("update:modelValue", v.value);
+      C(), i("update:modelValue", v.value);
     }, f = (m) => {
-      C(), s("cut", m);
+      C(), i("cut", m);
     }, S = (m) => {
-      C(), s("paste", m);
+      C(), i("paste", m);
     }, B = (m) => {
-      C(), s("blur", m);
+      C(), i("blur", m);
     }, C = () => {
-      n.preventXss && i.value && (i.value.value = a(i.value.value));
+      n.preventXss && s.value && (s.value.value = a(s.value.value));
     };
     return o({
-      textareaRef: i
+      textareaRef: s
     }), (m, v) => (h(), b("fieldset", {
       class: A([
         _(re)["in-form-item"],
@@ -1612,7 +1611,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       M("textarea", {
         id: m.id,
         ref_key: "textareaRef",
-        ref: i,
+        ref: s,
         class: A([
           _(re)["in-textarea-wrapper__textarea"],
           { [_(re)["in-textarea-wrapper__textarea_disable"]]: m.disabled },
@@ -1652,7 +1651,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   },
   emits: ["click", "update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, n = o, l = E(null), s = L(() => t.checked ? No : Wo), i = (r) => {
+    const t = e, n = o, l = E(null), i = L(() => t.checked ? No : Wo), s = (r) => {
       if (t.disabled) {
         r.preventDefault();
         return;
@@ -1683,7 +1682,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         checked: r.checked,
         disabled: r.disabled,
         class: "in-toggle-wrapper__input",
-        onChange: i
+        onChange: s
       }, null, 40, Ho),
       M("label", {
         for: r.id,
@@ -1691,13 +1690,13 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         onClick: a
       }, [
         ue(_(ae), {
-          name: s.value,
+          name: i.value,
           size: 28
         }, null, 8, ["name"])
       ], 8, qo)
     ], 2));
   }
-}), ci = /* @__PURE__ */ pe(Fo, [["__scopeId", "data-v-26d50358"]]), Uo = "_inputButton__size_default_1rgih_1", Yo = "_inputButton__size_small_1rgih_8", Go = "_inputButton_1rgih_1", Ko = "_inputButton__input_1rgih_62", Qo = "_inputButton__solid_1rgih_105", jo = "_fill_1rgih_1010", Pe = {
+}), cs = /* @__PURE__ */ pe(Fo, [["__scopeId", "data-v-26d50358"]]), Uo = "_inputButton__size_default_1rgih_1", Yo = "_inputButton__size_small_1rgih_8", Go = "_inputButton_1rgih_1", Ko = "_inputButton__input_1rgih_62", Qo = "_inputButton__solid_1rgih_105", jo = "_fill_1rgih_1010", Pe = {
   inputButton__size_default: Uo,
   inputButton__size_small: Yo,
   inputButton: Go,
@@ -1735,7 +1734,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   "inputButton__outline-smart": "_inputButton__outline-smart_1rgih_963",
   inputButton__solid: Qo,
   fill: jo
-}, Xo = ["disabled"], Zo = ["value", "placeholder", "disabled", "type"], di = /* @__PURE__ */ U({
+}, Xo = ["disabled"], Zo = ["value", "placeholder", "disabled", "type"], ds = /* @__PURE__ */ U({
   __name: "InputButton",
   props: {
     variant: {},
@@ -1756,10 +1755,10 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   setup(e, { emit: o }) {
     const t = e, n = o, l = (u) => {
       t.disabled || n("click", u);
-    }, s = (u) => {
+    }, i = (u) => {
       const c = u.target;
       n("input-change", c.value);
-    }, i = (u) => {
+    }, s = (u) => {
       u.key === "Enter" ? (u.preventDefault(), u.target.blur()) : u.key === "Escape" && (u.preventDefault(), u.target.value = t.inputValue || "", u.target.blur());
     }, a = L(() => {
       if (t.loadingStatus)
@@ -1791,8 +1790,8 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         placeholder: u.inputPlaceholder,
         disabled: t.disabled,
         type: u.inputType,
-        onInput: s,
-        onKeydown: i,
+        onInput: i,
+        onKeydown: s,
         onClick: c[0] || (c[0] = rt(() => {
         }, ["stop"]))
       }, null, 42, Zo),
@@ -1803,7 +1802,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       }, null, 8, ["name", "size"])) : R("", !0)
     ], 10, Xo));
   }
-}), Jo = "_modalWrapper_192bl_36", ea = "_medium_192bl_45", ta = "_small_192bl_52", na = "_section_192bl_58", oa = "_modal_192bl_36", aa = "_close_192bl_75", la = "_header_192bl_86", ia = "_footer_192bl_100", sa = "_modalOverlay_192bl_110", be = {
+}), Jo = "_modalWrapper_192bl_36", ea = "_medium_192bl_45", ta = "_small_192bl_52", na = "_section_192bl_58", oa = "_modal_192bl_36", aa = "_close_192bl_75", la = "_header_192bl_86", sa = "_footer_192bl_100", ia = "_modalOverlay_192bl_110", be = {
   modalWrapper: Jo,
   medium: ea,
   small: ta,
@@ -1811,8 +1810,8 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   modal: oa,
   close: aa,
   header: la,
-  footer: ia,
-  modalOverlay: sa
+  footer: sa,
+  modalOverlay: ia
 }, ra = /* @__PURE__ */ U({
   __name: "Modal",
   props: {
@@ -1825,9 +1824,9 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   },
   emits: ["close", "submit"],
   setup(e, { emit: o }) {
-    const t = e, n = E(!1), l = o, s = () => {
+    const t = e, n = E(!1), l = o, i = () => {
       l("close");
-    }, i = () => {
+    }, s = () => {
       l("submit");
     }, a = (r) => {
       r.key === "Escape" && l("close");
@@ -1840,7 +1839,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       r.hasOverlay ? (h(), b("div", {
         key: 0,
         class: A(_(be).modalOverlay),
-        onClick: s
+        onClick: i
       }, null, 2)) : R("", !0),
       ue(an, { name: "modal-transition" }, {
         default: ot(() => [
@@ -1852,7 +1851,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
             }, [
               M("button", {
                 class: A(_(be).close),
-                onClick: s
+                onClick: i
               }, " × ", 2),
               M("div", {
                 class: A(_(be).header)
@@ -1871,13 +1870,13 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
                   color: "secondary",
                   variant: "text",
                   label: t.cancelText,
-                  onClick: s
+                  onClick: i
                 }, null, 8, ["label"]),
                 ue(_(at), {
                   color: "primary",
                   variant: "solid",
                   label: t.submitText,
-                  onClick: i
+                  onClick: s
                 }, null, 8, ["label"])
               ], 2)
             ], 2)
@@ -1889,7 +1888,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
       })
     ], 64));
   }
-}), _i = /* @__PURE__ */ pe(ra, [["__scopeId", "data-v-1a9bc65a"]]), ua = "_wrapper__counter_808qv_1", ca = "_wrapper__errorMessage_808qv_1", da = "_wrapper__label_808qv_1", _a = "_wrapper__field_808qv_8", pa = "_wrapper_808qv_1", fa = "_wrapper__size_default_808qv_52", ma = "_wrapper__size_small_808qv_55", ha = "_wrapper__bottom_808qv_94", xe = {
+}), _s = /* @__PURE__ */ pe(ra, [["__scopeId", "data-v-1a9bc65a"]]), ua = "_wrapper__counter_808qv_1", ca = "_wrapper__errorMessage_808qv_1", da = "_wrapper__label_808qv_1", _a = "_wrapper__field_808qv_8", pa = "_wrapper_808qv_1", fa = "_wrapper__size_default_808qv_52", ma = "_wrapper__size_small_808qv_55", ha = "_wrapper__bottom_808qv_94", xe = {
   wrapper__counter: ua,
   wrapper__errorMessage: ca,
   wrapper__label: da,
@@ -1899,7 +1898,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   wrapper__size_small: ma,
   wrapper__bottom: ha,
   "wrapper--error": "_wrapper--error_808qv_107"
-}, ga = ["for"], va = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], pi = /* @__PURE__ */ U({
+}, ga = ["for"], va = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], ps = /* @__PURE__ */ U({
   __name: "NumberInput",
   props: {
     id: {},
@@ -1922,10 +1921,10 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         return a;
       const r = Number(a);
       return typeof t.min == "number" && r < t.min ? t.min.toString() : typeof t.max == "number" && r > t.max ? t.max.toString() : r.toString();
-    }, s = (a) => {
+    }, i = (a) => {
       const r = a.target, u = l(r.value);
       r.value = u, n("input", a), n("update:modelValue", Number(u));
-    }, i = (a) => {
+    }, s = (a) => {
       const r = a.target, u = r.value, c = l(r.value === "" ? String(t.min || 0) : r.value);
       r.value = c, n("blur", a), u !== c && n("update:modelValue", Number(c));
     };
@@ -1954,10 +1953,10 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           name: a.name,
           placeholder: a.placeholder,
           value: a.modelValue,
-          onBlur: i,
+          onBlur: s,
           onChange: r[0] || (r[0] = (c) => a.$emit("change", c)),
           onFocus: r[1] || (r[1] = (c) => n("focus", c)),
-          onInput: s,
+          onInput: i,
           onPaste: r[2] || (r[2] = (c) => n("paste", c))
         }, null, 42, va),
         a.counter || a.error ? (h(), b("div", {
@@ -1983,7 +1982,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   container__warning: xa,
   container__alert: Aa,
   container__success: Ca
-}, fi = /* @__PURE__ */ U({
+}, fs = /* @__PURE__ */ U({
   __name: "OnPageMessage",
   props: {
     variant: { default: "default" },
@@ -2033,7 +2032,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   "segmentGroup--vertical": "_segmentGroup--vertical_1663t_207",
   "segmentGroup--horizontal": "_segmentGroup--horizontal_1663t_216",
   fill: Ta
-}, Ea = ["disabled", "onClick"], mi = /* @__PURE__ */ U({
+}, Ea = ["disabled", "onClick"], ms = /* @__PURE__ */ U({
   __name: "SegmentButton",
   props: {
     color: {},
@@ -2046,15 +2045,15 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["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 = E(t.modelValue || ""), i = (a) => {
       t.disabled || a.disabled || (l.value = a.value, n("update:modelValue", a.value), n("click", a.value));
     };
     Q(() => t.modelValue, (a) => {
       l.value !== a && (l.value = a || "");
     });
-    const i = E([...t.segments]);
+    const s = E([...t.segments]);
     return Q(() => t.segments, (a) => {
-      i.value = [...a], a.some((r) => r.value === l.value) || (l.value = "", n("update:modelValue", ""));
+      s.value = [...a], a.some((r) => r.value === l.value) || (l.value = "", n("update:modelValue", ""));
     }, { deep: !0 }), (a, r) => (h(), b("div", {
       class: A([
         _(we).segmentGroup,
@@ -2062,7 +2061,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
         { [_(we).fill]: a.fill }
       ])
     }, [
-      (h(!0), b(ce, null, Ve(i.value, (u, c) => (h(), b("button", {
+      (h(!0), b(ce, null, Ve(s.value, (u, c) => (h(), b("button", {
         key: `${u.value}-${c}`,
         class: A([
           _(we).button,
@@ -2074,7 +2073,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           }
         ]),
         disabled: u.disabled || t.disabled,
-        onClick: (g) => s(u)
+        onClick: (g) => i(u)
       }, [
         u.icon ? (h(), J(_(ae), {
           key: 0,
@@ -2095,7 +2094,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   wrapper: Da,
   wrapper__bottom: Pa,
   "wrapper--error": "_wrapper--error_rlffg_105"
-}, za = ["for"], Ha = ["id", "maxlength", "name", "placeholder", "value"], qa = ["id", "maxlength", "name", "placeholder", "value"], hi = /* @__PURE__ */ U({
+}, za = ["for"], Ha = ["id", "maxlength", "name", "placeholder", "value"], qa = ["id", "maxlength", "name", "placeholder", "value"], hs = /* @__PURE__ */ U({
   __name: "TextInput",
   props: {
     id: {},
@@ -2112,18 +2111,18 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["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 = E(null), i = () => {
       if (t.autoGrow && l.value) {
         l.value.style.height = "";
         const a = Math.min(l.value.scrollHeight, t.maxHeight || l.value.scrollHeight);
         l.value.style.height = `${a}px`;
       }
-    }, i = (a) => {
+    }, s = (a) => {
       const r = a.target;
-      n("input", a), n("update:modelValue", r.value), s();
+      n("input", a), n("update:modelValue", r.value), i();
     };
     return We(() => {
-      s();
+      i();
     }), (a, r) => {
       var u;
       return h(), b("div", {
@@ -2153,7 +2152,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           onBlur: r[0] || (r[0] = (c) => n("blur", c)),
           onChange: r[1] || (r[1] = (c) => a.$emit("change", c)),
           onFocus: r[2] || (r[2] = (c) => n("focus", c)),
-          onInput: i,
+          onInput: s,
           onPaste: r[3] || (r[3] = (c) => n("paste", c))
         }, null, 46, Ha)) : (h(), b("input", {
           key: 2,
@@ -2172,7 +2171,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
           onBlur: r[4] || (r[4] = (c) => n("blur", c)),
           onChange: r[5] || (r[5] = (c) => a.$emit("change", c)),
           onFocus: r[6] || (r[6] = (c) => n("focus", c)),
-          onInput: i,
+          onInput: s,
           onPaste: r[7] || (r[7] = (c) => n("paste", c))
         }, null, 42, qa)),
         M("div", {
@@ -2196,7 +2195,7 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
   wrapper__input: Fa,
   wrapper_checked: Ua,
   wrapper_disabled: Ya
-}, Ga = ["id", "checked", "disabled", "name"], Ka = ["for"], gi = /* @__PURE__ */ U({
+}, Ga = ["id", "checked", "disabled", "name"], Ka = ["for"], gs = /* @__PURE__ */ U({
   __name: "Toggle",
   props: {
     id: {},
@@ -2209,27 +2208,27 @@ const yo = ["fill", "height", "width"], xo = ["xlink:href"], Ao = ["viewBox", "w
     const t = e, n = o, l = () => {
       n("click", !t.checked);
     };
-    return (s, i) => (h(), b("fieldset", {
+    return (i, s) => (h(), b("fieldset", {
       class: A([
         _(Ye).wrapper,
         {
-          [_(Ye).wrapper_checked]: s.checked,
-          [_(Ye).wrapper_disabled]: s.disabled
+          [_(Ye).wrapper_checked]: i.checked,
+          [_(Ye).wrapper_disabled]: i.disabled
         }
       ])
     }, [
       M("input", {
-        id: s.id,
+        id: i.id,
         type: "checkbox",
-        checked: s.checked,
+        checked: i.checked,
         class: A(_(Ye).wrapper__input),
-        disabled: s.disabled,
-        name: s.name,
+        disabled: i.disabled,
+        name: i.name,
         onClick: l
       }, null, 10, Ga),
       M("label", {
         class: A(_(Ye).wrapper__label),
-        for: s.id
+        for: i.id
       }, null, 10, Ka)
     ], 2));
   }
@@ -2272,12 +2271,12 @@ function xt(e) {
 }
 function Za(e, o, t) {
   t === void 0 && (t = !1);
-  const n = Xe(e), l = xt(e), s = yt(l);
-  let i = l === "x" ? n === (t ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return o.reference[s] > o.floating[s] && (i = it(i)), [i, it(i)];
+  const n = Xe(e), l = xt(e), i = yt(l);
+  let s = l === "x" ? n === (t ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return o.reference[i] > o.floating[i] && (s = st(s)), [s, st(s)];
 }
 function Ja(e) {
-  const o = it(e);
+  const o = st(e);
   return [vt(e), o, vt(o)];
 }
 function vt(e) {
@@ -2298,10 +2297,10 @@ function nl(e, o, t) {
 }
 function ol(e, o, t, n) {
   const l = Xe(e);
-  let s = nl(Te(e), t === "start", n);
-  return l && (s = s.map((i) => i + "-" + l), o && (s = s.concat(s.map(vt)))), s;
+  let i = nl(Te(e), t === "start", n);
+  return l && (i = i.map((s) => s + "-" + l), o && (i = i.concat(i.map(vt)))), i;
 }
-function it(e) {
+function st(e) {
   return e.replace(/left|right|bottom|top/g, (o) => Qa[o]);
 }
 function al(e) {
@@ -2321,7 +2320,7 @@ function Yt(e) {
     left: e
   };
 }
-function st(e) {
+function it(e) {
   const {
     x: o,
     y: t,
@@ -2344,7 +2343,7 @@ function $t(e, o, t) {
     reference: n,
     floating: l
   } = e;
-  const s = Ae(o), i = xt(o), a = yt(i), r = Te(o), u = s === "y", c = n.x + n.width / 2 - l.width / 2, g = n.y + n.height / 2 - l.height / 2, x = n[a] / 2 - l[a] / 2;
+  const i = Ae(o), s = xt(o), a = yt(s), r = Te(o), u = i === "y", c = n.x + n.width / 2 - l.width / 2, g = n.y + n.height / 2 - l.height / 2, x = n[a] / 2 - l[a] / 2;
   let f;
   switch (r) {
     case "top":
@@ -2379,10 +2378,10 @@ function $t(e, o, t) {
   }
   switch (Xe(o)) {
     case "start":
-      f[i] -= x * (t && u ? -1 : 1);
+      f[s] -= x * (t && u ? -1 : 1);
       break;
     case "end":
-      f[i] += x * (t && u ? -1 : 1);
+      f[s] += x * (t && u ? -1 : 1);
       break;
   }
   return f;
@@ -2391,10 +2390,10 @@ const ll = async (e, o, t) => {
   const {
     placement: n = "bottom",
     strategy: l = "absolute",
-    middleware: s = [],
-    platform: i
-  } = t, a = s.filter(Boolean), r = await (i.isRTL == null ? void 0 : i.isRTL(o));
-  let u = await i.getElementRects({
+    middleware: i = [],
+    platform: s
+  } = t, a = i.filter(Boolean), r = await (s.isRTL == null ? void 0 : s.isRTL(o));
+  let u = await s.getElementRects({
     reference: e,
     floating: o,
     strategy: l
@@ -2419,7 +2418,7 @@ const ll = async (e, o, t) => {
       strategy: l,
       middlewareData: f,
       rects: u,
-      platform: i,
+      platform: s,
       elements: {
         reference: e,
         floating: o
@@ -2431,7 +2430,7 @@ const ll = async (e, o, t) => {
         ...f[C],
         ...$
       }
-    }, P && S <= 50 && (S++, typeof P == "object" && (P.placement && (x = P.placement), P.rects && (u = P.rects === !0 ? await i.getElementRects({
+    }, P && S <= 50 && (S++, typeof P == "object" && (P.placement && (x = P.placement), P.rects && (u = P.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: o,
       strategy: l
@@ -2454,8 +2453,8 @@ async function Gt(e, o) {
   const {
     x: n,
     y: l,
-    platform: s,
-    rects: i,
+    platform: i,
+    rects: s,
     elements: a,
     strategy: r
   } = e, {
@@ -2464,23 +2463,23 @@ async function Gt(e, o) {
     elementContext: g = "floating",
     altBoundary: x = !1,
     padding: f = 0
-  } = je(o, e), S = Yt(f), C = a[x ? g === "floating" ? "reference" : "floating" : g], m = st(await s.getClippingRect({
-    element: (t = await (s.isElement == null ? void 0 : s.isElement(C))) == null || t ? C : C.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)),
+  } = je(o, e), S = Yt(f), C = a[x ? g === "floating" ? "reference" : "floating" : g], m = it(await i.getClippingRect({
+    element: (t = await (i.isElement == null ? void 0 : i.isElement(C))) == null || t ? C : C.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
     boundary: u,
     rootBoundary: c,
     strategy: r
   })), v = g === "floating" ? {
     x: n,
     y: l,
-    width: i.floating.width,
-    height: i.floating.height
-  } : i.reference, I = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a.floating)), $ = await (s.isElement == null ? void 0 : s.isElement(I)) ? await (s.getScale == null ? void 0 : s.getScale(I)) || {
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, I = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), $ = await (i.isElement == null ? void 0 : i.isElement(I)) ? await (i.getScale == null ? void 0 : i.getScale(I)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, P = st(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, P = it(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: v,
     offsetParent: I,
@@ -2493,7 +2492,7 @@ async function Gt(e, o) {
     right: (P.right - m.right + S.right) / $.x
   };
 }
-const il = (e) => ({
+const sl = (e) => ({
   name: "arrow",
   options: e,
   async fn(o) {
@@ -2501,8 +2500,8 @@ const il = (e) => ({
       x: t,
       y: n,
       placement: l,
-      rects: s,
-      platform: i,
+      rects: i,
+      platform: s,
       elements: a,
       middlewareData: r
     } = o, {
@@ -2514,10 +2513,10 @@ const il = (e) => ({
     const g = Yt(c), x = {
       x: t,
       y: n
-    }, f = xt(l), S = yt(f), B = await i.getDimensions(u), C = f === "y", m = C ? "top" : "left", v = C ? "bottom" : "right", I = C ? "clientHeight" : "clientWidth", $ = s.reference[S] + s.reference[f] - x[f] - s.floating[S], P = x[f] - s.reference[f], F = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(u));
+    }, f = xt(l), S = yt(f), B = await s.getDimensions(u), C = f === "y", m = C ? "top" : "left", v = C ? "bottom" : "right", I = C ? "clientHeight" : "clientWidth", $ = i.reference[S] + i.reference[f] - x[f] - i.floating[S], P = x[f] - i.reference[f], F = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
     let O = F ? F[I] : 0;
-    (!O || !await (i.isElement == null ? void 0 : i.isElement(F))) && (O = a.floating[I] || s.floating[S]);
-    const D = $ / 2 - P / 2, T = O / 2 - B[S] / 2 - 1, z = qe(g[m], T), N = qe(g[v], T), G = z, te = O - B[S] - N, d = O / 2 - B[S] / 2 + D, p = gt(G, d, te), k = !r.arrow && Xe(l) != null && d !== p && s.reference[S] / 2 - (d < G ? z : N) - B[S] / 2 < 0, w = k ? d < G ? d - G : d - te : 0;
+    (!O || !await (s.isElement == null ? void 0 : s.isElement(F))) && (O = a.floating[I] || i.floating[S]);
+    const D = $ / 2 - P / 2, T = O / 2 - B[S] / 2 - 1, z = qe(g[m], T), N = qe(g[v], T), G = z, te = O - B[S] - N, d = O / 2 - B[S] / 2 + D, p = gt(G, d, te), k = !r.arrow && Xe(l) != null && d !== p && i.reference[S] / 2 - (d < G ? z : N) - B[S] / 2 < 0, w = k ? d < G ? d - G : d - te : 0;
     return {
       [f]: x[f] + w,
       data: {
@@ -2530,7 +2529,7 @@ const il = (e) => ({
       reset: k
     };
   }
-}), sl = function(e) {
+}), il = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -2538,8 +2537,8 @@ const il = (e) => ({
       var t, n;
       const {
         placement: l,
-        middlewareData: s,
-        rects: i,
+        middlewareData: i,
+        rects: s,
         initialPlacement: a,
         platform: r,
         elements: u
@@ -2552,14 +2551,14 @@ const il = (e) => ({
         flipAlignment: B = !0,
         ...C
       } = je(e, o);
-      if ((t = s.arrow) != null && t.alignmentOffset)
+      if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const m = Te(l), v = Ae(a), I = Te(a) === a, $ = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), P = x || (I || !B ? [it(a)] : Ja(a)), F = S !== "none";
+      const m = Te(l), v = Ae(a), I = Te(a) === a, $ = await (r.isRTL == null ? void 0 : r.isRTL(u.floating)), P = x || (I || !B ? [st(a)] : Ja(a)), F = S !== "none";
       !x && F && P.push(...ol(a, B, S, $));
       const O = [a, ...P], D = await Gt(o, C), T = [];
-      let z = ((n = s.flip) == null ? void 0 : n.overflows) || [];
+      let z = ((n = i.flip) == null ? void 0 : n.overflows) || [];
       if (c && T.push(D[m]), g) {
-        const d = Za(l, i, $);
+        const d = Za(l, s, $);
         T.push(D[d[0]], D[d[1]]);
       }
       if (z = [...z, {
@@ -2567,7 +2566,7 @@ const il = (e) => ({
         overflows: T
       }], !T.every((d) => d <= 0)) {
         var N, G;
-        const d = (((N = s.flip) == null ? void 0 : N.index) || 0) + 1, p = O[d];
+        const d = (((N = i.flip) == null ? void 0 : N.index) || 0) + 1, p = O[d];
         if (p && (!(g === "alignment" ? v !== Ae(p) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         z.every((y) => Ae(y.placement) === v ? y.overflows[0] > 0 : !0)))
@@ -2617,7 +2616,7 @@ async function ul(e, o) {
     placement: t,
     platform: n,
     elements: l
-  } = e, s = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), i = Te(t), a = Xe(t), r = Ae(t) === "y", u = rl.has(i) ? -1 : 1, c = s && r ? -1 : 1, g = je(o, e);
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(l.floating)), s = Te(t), a = Xe(t), r = Ae(t) === "y", u = rl.has(s) ? -1 : 1, c = i && r ? -1 : 1, g = je(o, e);
   let {
     mainAxis: x,
     crossAxis: f,
@@ -2647,16 +2646,16 @@ const cl = function(e) {
       var t, n;
       const {
         x: l,
-        y: s,
-        placement: i,
+        y: i,
+        placement: s,
         middlewareData: a
       } = o, r = await ul(o, e);
-      return i === ((t = a.offset) == null ? void 0 : t.placement) && (n = a.arrow) != null && n.alignmentOffset ? {} : {
+      return s === ((t = a.offset) == null ? void 0 : t.placement) && (n = a.arrow) != null && n.alignmentOffset ? {} : {
         x: l + r.x,
-        y: s + r.y,
+        y: i + r.y,
         data: {
           ...r,
-          placement: i
+          placement: s
         }
       };
     }
@@ -2671,8 +2670,8 @@ const cl = function(e) {
         y: n,
         placement: l
       } = o, {
-        mainAxis: s = !0,
-        crossAxis: i = !1,
+        mainAxis: i = !0,
+        crossAxis: s = !1,
         limiter: a = {
           fn: (C) => {
             let {
@@ -2691,11 +2690,11 @@ const cl = function(e) {
         y: n
       }, c = await Gt(o, r), g = Ae(Te(l)), x = Ut(g);
       let f = u[x], S = u[g];
-      if (s) {
+      if (i) {
         const C = x === "y" ? "top" : "left", m = x === "y" ? "bottom" : "right", v = f + c[C], I = f - c[m];
         f = gt(v, f, I);
       }
-      if (i) {
+      if (s) {
         const C = g === "y" ? "top" : "left", m = g === "y" ? "bottom" : "right", v = S + c[C], I = S - c[m];
         S = gt(v, S, I);
       }
@@ -2710,8 +2709,8 @@ const cl = function(e) {
           x: B.x - t,
           y: B.y - n,
           enabled: {
-            [x]: s,
-            [g]: i
+            [x]: i,
+            [g]: s
           }
         }
       };
@@ -2735,7 +2734,7 @@ function fe(e) {
 function At(e) {
   return ut() ? e instanceof Node || e instanceof ne(e).Node : !1;
 }
-function ie(e) {
+function se(e) {
   return ut() ? e instanceof Element || e instanceof ne(e).Element : !1;
 }
 function _e(e) {
@@ -2751,7 +2750,7 @@ function Ze(e) {
     overflowX: t,
     overflowY: n,
     display: l
-  } = se(e);
+  } = ie(e);
   return /auto|scroll|overlay|hidden|clip/.test(o + n + t) && !_l.has(l);
 }
 const pl = /* @__PURE__ */ new Set(["table", "td", "th"]);
@@ -2770,7 +2769,7 @@ function ct(e) {
 }
 const hl = ["transform", "translate", "scale", "rotate", "perspective"], gl = ["transform", "translate", "scale", "rotate", "perspective", "filter"], vl = ["paint", "layout", "strict", "content"];
 function Ct(e) {
-  const o = kt(), t = ie(e) ? se(e) : e;
+  const o = kt(), t = se(e) ? ie(e) : e;
   return hl.some((n) => t[n] ? t[n] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !o && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !o && (t.filter ? t.filter !== "none" : !1) || gl.some((n) => (t.willChange || "").includes(n)) || vl.some((n) => (t.contain || "").includes(n));
 }
 function bl(e) {
@@ -2791,11 +2790,11 @@ const wl = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function Ne(e) {
   return wl.has($e(e));
 }
-function se(e) {
+function ie(e) {
   return ne(e).getComputedStyle(e);
 }
 function dt(e) {
-  return ie(e) ? {
+  return se(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -2822,10 +2821,10 @@ function Kt(e) {
 function Qe(e, o, t) {
   var n;
   o === void 0 && (o = []), t === void 0 && (t = !0);
-  const l = Kt(e), s = l === ((n = e.ownerDocument) == null ? void 0 : n.body), i = ne(l);
-  if (s) {
-    const a = bt(i);
-    return o.concat(i, i.visualViewport || [], Ze(l) ? l : [], a && t ? Qe(a) : []);
+  const l = Kt(e), i = l === ((n = e.ownerDocument) == null ? void 0 : n.body), s = ne(l);
+  if (i) {
+    const a = bt(s);
+    return o.concat(s, s.visualViewport || [], Ze(l) ? l : [], a && t ? Qe(a) : []);
   }
   return o.concat(l, Qe(l, [], t));
 }
@@ -2833,17 +2832,17 @@ function bt(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function Qt(e) {
-  const o = se(e);
+  const o = ie(e);
   let t = parseFloat(o.width) || 0, n = parseFloat(o.height) || 0;
-  const l = _e(e), s = l ? e.offsetWidth : t, i = l ? e.offsetHeight : n, a = lt(t) !== s || lt(n) !== i;
-  return a && (t = s, n = i), {
+  const l = _e(e), i = l ? e.offsetWidth : t, s = l ? e.offsetHeight : n, a = lt(t) !== i || lt(n) !== s;
+  return a && (t = i, n = s), {
     width: t,
     height: n,
     $: a
   };
 }
 function Bt(e) {
-  return ie(e) ? e : e.contextElement;
+  return se(e) ? e : e.contextElement;
 }
 function He(e) {
   const o = Bt(e);
@@ -2852,11 +2851,11 @@ function He(e) {
   const t = o.getBoundingClientRect(), {
     width: n,
     height: l,
-    $: s
+    $: i
   } = Qt(o);
-  let i = (s ? lt(t.width) : t.width) / n, a = (s ? lt(t.height) : t.height) / l;
-  return (!i || !Number.isFinite(i)) && (i = 1), (!a || !Number.isFinite(a)) && (a = 1), {
-    x: i,
+  let s = (i ? lt(t.width) : t.width) / n, a = (i ? lt(t.height) : t.height) / l;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+    x: s,
     y: a
   };
 }
@@ -2873,20 +2872,20 @@ function xl(e, o, t) {
 }
 function Ee(e, o, t, n) {
   o === void 0 && (o = !1), t === void 0 && (t = !1);
-  const l = e.getBoundingClientRect(), s = Bt(e);
-  let i = de(1);
-  o && (n ? ie(n) && (i = He(n)) : i = He(e));
-  const a = xl(s, t, n) ? jt(s) : de(0);
-  let r = (l.left + a.x) / i.x, u = (l.top + a.y) / i.y, c = l.width / i.x, g = l.height / i.y;
-  if (s) {
-    const x = ne(s), f = n && ie(n) ? ne(n) : n;
+  const l = e.getBoundingClientRect(), i = Bt(e);
+  let s = de(1);
+  o && (n ? se(n) && (s = He(n)) : s = He(e));
+  const a = xl(i, t, n) ? jt(i) : de(0);
+  let r = (l.left + a.x) / s.x, u = (l.top + a.y) / s.y, c = l.width / s.x, g = l.height / s.y;
+  if (i) {
+    const x = ne(i), f = n && se(n) ? ne(n) : n;
     let S = x, B = bt(S);
     for (; B && n && f !== S; ) {
-      const C = He(B), m = B.getBoundingClientRect(), v = se(B), I = m.left + (B.clientLeft + parseFloat(v.paddingLeft)) * C.x, $ = m.top + (B.clientTop + parseFloat(v.paddingTop)) * C.y;
+      const C = He(B), m = B.getBoundingClientRect(), v = ie(B), I = m.left + (B.clientLeft + parseFloat(v.paddingLeft)) * C.x, $ = m.top + (B.clientTop + parseFloat(v.paddingTop)) * C.y;
       r *= C.x, u *= C.y, c *= C.x, g *= C.y, r += I, u += $, S = ne(B), B = bt(S);
     }
   }
-  return st({
+  return it({
     width: c,
     height: g,
     x: r,
@@ -2911,19 +2910,19 @@ function Al(e) {
     offsetParent: n,
     strategy: l
   } = e;
-  const s = l === "fixed", i = fe(n), a = o ? ct(o.floating) : !1;
-  if (n === i || a && s)
+  const i = l === "fixed", s = fe(n), a = o ? ct(o.floating) : !1;
+  if (n === s || a && i)
     return t;
   let r = {
     scrollLeft: 0,
     scrollTop: 0
   }, u = de(1);
   const c = de(0), g = _e(n);
-  if ((g || !g && !s) && (($e(n) !== "body" || Ze(i)) && (r = dt(n)), _e(n))) {
+  if ((g || !g && !i) && (($e(n) !== "body" || Ze(s)) && (r = dt(n)), _e(n))) {
     const f = Ee(n);
     u = He(n), c.x = f.x + n.clientLeft, c.y = f.y + n.clientTop;
   }
-  const x = i && !g && !s ? Xt(i, r) : de(0);
+  const x = s && !g && !i ? Xt(s, r) : de(0);
   return {
     width: t.width * u.x,
     height: t.height * u.y,
@@ -2935,42 +2934,42 @@ function Cl(e) {
   return Array.from(e.getClientRects());
 }
 function kl(e) {
-  const o = fe(e), t = dt(e), n = e.ownerDocument.body, l = Me(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), s = Me(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
-  let i = -t.scrollLeft + _t(e);
+  const o = fe(e), t = dt(e), n = e.ownerDocument.body, l = Me(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), i = Me(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
+  let s = -t.scrollLeft + _t(e);
   const a = -t.scrollTop;
-  return se(n).direction === "rtl" && (i += Me(o.clientWidth, n.clientWidth) - l), {
+  return ie(n).direction === "rtl" && (s += Me(o.clientWidth, n.clientWidth) - l), {
     width: l,
-    height: s,
-    x: i,
+    height: i,
+    x: s,
     y: a
   };
 }
 const Rt = 25;
 function Bl(e, o) {
   const t = ne(e), n = fe(e), l = t.visualViewport;
-  let s = n.clientWidth, i = n.clientHeight, a = 0, r = 0;
+  let i = n.clientWidth, s = n.clientHeight, a = 0, r = 0;
   if (l) {
-    s = l.width, i = l.height;
+    i = l.width, s = l.height;
     const c = kt();
     (!c || c && o === "fixed") && (a = l.offsetLeft, r = l.offsetTop);
   }
   const u = _t(n);
   if (u <= 0) {
     const c = n.ownerDocument, g = c.body, x = getComputedStyle(g), f = c.compatMode === "CSS1Compat" && parseFloat(x.marginLeft) + parseFloat(x.marginRight) || 0, S = Math.abs(n.clientWidth - g.clientWidth - f);
-    S <= Rt && (s -= S);
-  } else u <= Rt && (s += u);
+    S <= Rt && (i -= S);
+  } else u <= Rt && (i += u);
   return {
-    width: s,
-    height: i,
+    width: i,
+    height: s,
     x: a,
     y: r
   };
 }
 const Sl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function Il(e, o) {
-  const t = Ee(e, !0, o === "fixed"), n = t.top + e.clientTop, l = t.left + e.clientLeft, s = _e(e) ? He(e) : de(1), i = e.clientWidth * s.x, a = e.clientHeight * s.y, r = l * s.x, u = n * s.y;
+  const t = Ee(e, !0, o === "fixed"), n = t.top + e.clientTop, l = t.left + e.clientLeft, i = _e(e) ? He(e) : de(1), s = e.clientWidth * i.x, a = e.clientHeight * i.y, r = l * i.x, u = n * i.y;
   return {
-    width: i,
+    width: s,
     height: a,
     x: r,
     y: u
@@ -2982,7 +2981,7 @@ function Ot(e, o, t) {
     n = Bl(e, t);
   else if (o === "document")
     n = kl(fe(e));
-  else if (ie(o))
+  else if (se(o))
     n = Il(o, t);
   else {
     const l = jt(e);
@@ -2993,22 +2992,22 @@ function Ot(e, o, t) {
       height: o.height
     };
   }
-  return st(n);
+  return it(n);
 }
 function Zt(e, o) {
   const t = Ce(e);
-  return t === o || !ie(t) || Ne(t) ? !1 : se(t).position === "fixed" || Zt(t, o);
+  return t === o || !se(t) || Ne(t) ? !1 : ie(t).position === "fixed" || Zt(t, o);
 }
 function Vl(e, o) {
   const t = o.get(e);
   if (t)
     return t;
-  let n = Qe(e, [], !1).filter((a) => ie(a) && $e(a) !== "body"), l = null;
-  const s = se(e).position === "fixed";
-  let i = s ? Ce(e) : e;
-  for (; ie(i) && !Ne(i); ) {
-    const a = se(i), r = Ct(i);
-    !r && a.position === "fixed" && (l = null), (s ? !r && !l : !r && a.position === "static" && !!l && Sl.has(l.position) || Ze(i) && !r && Zt(e, i)) ? n = n.filter((c) => c !== i) : l = a, i = Ce(i);
+  let n = Qe(e, [], !1).filter((a) => se(a) && $e(a) !== "body"), l = null;
+  const i = ie(e).position === "fixed";
+  let s = i ? Ce(e) : e;
+  for (; se(s) && !Ne(s); ) {
+    const a = ie(s), r = Ct(s);
+    !r && a.position === "fixed" && (l = null), (i ? !r && !l : !r && a.position === "static" && !!l && Sl.has(l.position) || Ze(s) && !r && Zt(e, s)) ? n = n.filter((c) => c !== s) : l = a, s = Ce(s);
   }
   return o.set(e, n), n;
 }
@@ -3019,7 +3018,7 @@ function Ml(e) {
     rootBoundary: n,
     strategy: l
   } = e;
-  const i = [...t === "clippingAncestors" ? ct(o) ? [] : Vl(o, this._c) : [].concat(t), n], a = i[0], r = i.reduce((u, c) => {
+  const s = [...t === "clippingAncestors" ? ct(o) ? [] : Vl(o, this._c) : [].concat(t), n], a = s[0], r = s.reduce((u, c) => {
     const g = Ot(o, c, l);
     return u.top = Me(g.top, u.top), u.right = qe(g.right, u.right), u.bottom = qe(g.bottom, u.bottom), u.left = Me(g.left, u.left), u;
   }, Ot(o, a, l));
@@ -3041,7 +3040,7 @@ function Tl(e) {
   };
 }
 function El(e, o, t) {
-  const n = _e(o), l = fe(o), s = t === "fixed", i = Ee(e, !0, s, o);
+  const n = _e(o), l = fe(o), i = t === "fixed", s = Ee(e, !0, i, o);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
@@ -3050,25 +3049,25 @@ function El(e, o, t) {
   function u() {
     r.x = _t(l);
   }
-  if (n || !n && !s)
+  if (n || !n && !i)
     if (($e(o) !== "body" || Ze(l)) && (a = dt(o)), n) {
-      const f = Ee(o, !0, s, o);
+      const f = Ee(o, !0, i, o);
       r.x = f.x + o.clientLeft, r.y = f.y + o.clientTop;
     } else l && u();
-  s && !n && l && u();
-  const c = l && !n && !s ? Xt(l, a) : de(0), g = i.left + a.scrollLeft - r.x - c.x, x = i.top + a.scrollTop - r.y - c.y;
+  i && !n && l && u();
+  const c = l && !n && !i ? Xt(l, a) : de(0), g = s.left + a.scrollLeft - r.x - c.x, x = s.top + a.scrollTop - r.y - c.y;
   return {
     x: g,
     y: x,
-    width: i.width,
-    height: i.height
+    width: s.width,
+    height: s.height
   };
 }
 function ht(e) {
-  return se(e).position === "static";
+  return ie(e).position === "static";
 }
 function Dt(e, o) {
-  if (!_e(e) || se(e).position === "fixed")
+  if (!_e(e) || ie(e).position === "fixed")
     return null;
   if (o)
     return o(e);
@@ -3082,7 +3081,7 @@ function Jt(e, o) {
   if (!_e(e)) {
     let l = Ce(e);
     for (; l && !Ne(l); ) {
-      if (ie(l) && !ht(l))
+      if (se(l) && !ht(l))
         return l;
       l = Ce(l);
     }
@@ -3106,7 +3105,7 @@ const $l = async function(e) {
   };
 };
 function Ll(e) {
-  return se(e).direction === "rtl";
+  return ie(e).direction === "rtl";
 }
 const Rl = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Al,
@@ -3117,7 +3116,7 @@ const Rl = {
   getClientRects: Cl,
   getDimensions: Tl,
   getScale: He,
-  isElement: ie,
+  isElement: se,
   isRTL: Ll
 };
 function en(e, o) {
@@ -3126,12 +3125,12 @@ function en(e, o) {
 function Ol(e, o) {
   let t = null, n;
   const l = fe(e);
-  function s() {
+  function i() {
     var a;
     clearTimeout(n), (a = t) == null || a.disconnect(), t = null;
   }
-  function i(a, r) {
-    a === void 0 && (a = !1), r === void 0 && (r = 1), s();
+  function s(a, r) {
+    a === void 0 && (a = !1), r === void 0 && (r = 1), i();
     const u = e.getBoundingClientRect(), {
       left: c,
       top: g,
@@ -3149,12 +3148,12 @@ function Ol(e, o) {
       const O = F[0].intersectionRatio;
       if (O !== r) {
         if (!$)
-          return i();
-        O ? i(!1, O) : n = setTimeout(() => {
-          i(!1, 1e-7);
+          return s();
+        O ? s(!1, O) : n = setTimeout(() => {
+          s(!1, 1e-7);
         }, 1e3);
       }
-      O === 1 && !en(u, e.getBoundingClientRect()) && i(), $ = !1;
+      O === 1 && !en(u, e.getBoundingClientRect()) && s(), $ = !1;
     }
     try {
       t = new IntersectionObserver(P, {
@@ -3167,25 +3166,25 @@ function Ol(e, o) {
     }
     t.observe(e);
   }
-  return i(!0), s;
+  return s(!0), i;
 }
 function Dl(e, o, t, n) {
   n === void 0 && (n = {});
   const {
     ancestorScroll: l = !0,
-    ancestorResize: s = !0,
-    elementResize: i = typeof ResizeObserver == "function",
+    ancestorResize: i = !0,
+    elementResize: s = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: r = !1
-  } = n, u = Bt(e), c = l || s ? [...u ? Qe(u) : [], ...Qe(o)] : [];
+  } = n, u = Bt(e), c = l || i ? [...u ? Qe(u) : [], ...Qe(o)] : [];
   c.forEach((m) => {
     l && m.addEventListener("scroll", t, {
       passive: !0
-    }), s && m.addEventListener("resize", t);
+    }), i && m.addEventListener("resize", t);
   });
   const g = u && a ? Ol(u, t) : null;
   let x = -1, f = null;
-  i && (f = new ResizeObserver((m) => {
+  s && (f = new ResizeObserver((m) => {
     let [v] = m;
     v && v.target === u && f && (f.unobserve(o), cancelAnimationFrame(x), x = requestAnimationFrame(() => {
       var I;
@@ -3201,21 +3200,21 @@ function Dl(e, o, t, n) {
   return t(), () => {
     var m;
     c.forEach((v) => {
-      l && v.removeEventListener("scroll", t), s && v.removeEventListener("resize", t);
+      l && v.removeEventListener("scroll", t), i && v.removeEventListener("resize", t);
     }), g == null || g(), (m = f) == null || m.disconnect(), f = null, r && cancelAnimationFrame(S);
   };
 }
-const Pl = cl, zl = dl, Hl = sl, ql = il, Nl = (e, o, t) => {
+const Pl = cl, zl = dl, Hl = il, ql = sl, Nl = (e, o, t) => {
   const n = /* @__PURE__ */ new Map(), l = {
     platform: Rl,
     ...t
-  }, s = {
+  }, i = {
     ...l.platform,
     _c: n
   };
   return ll(e, o, {
     ...l,
-    platform: s
+    platform: i
   });
 };
 function Wl(e) {
@@ -3256,7 +3255,7 @@ function Ul(e, o, t) {
   const n = t.whileElementsMounted, l = L(() => {
     var O;
     return (O = ze(t.open)) != null ? O : !0;
-  }), s = L(() => ze(t.middleware)), i = L(() => {
+  }), i = L(() => ze(t.middleware)), s = L(() => {
     var O;
     return (O = ze(t.placement)) != null ? O : "bottom";
   }), a = L(() => {
@@ -3265,7 +3264,7 @@ function Ul(e, o, t) {
   }), r = L(() => {
     var O;
     return (O = ze(t.transform)) != null ? O : !0;
-  }), u = L(() => wt(e.value)), c = L(() => wt(o.value)), g = E(0), x = E(0), f = E(a.value), S = E(i.value), B = ln({}), C = E(!1), m = L(() => {
+  }), u = L(() => wt(e.value)), c = L(() => wt(o.value)), g = E(0), x = E(0), f = E(a.value), S = E(s.value), B = ln({}), C = E(!1), m = L(() => {
     const O = {
       position: f.value,
       left: "0",
@@ -3292,8 +3291,8 @@ function Ul(e, o, t) {
       return;
     const O = l.value;
     Nl(u.value, c.value, {
-      middleware: s.value,
-      placement: i.value,
+      middleware: i.value,
+      placement: s.value,
       strategy: a.value
     }).then((D) => {
       g.value = D.x, x.value = D.y, f.value = D.strategy, S.value = D.placement, B.value = D.middlewareData, C.value = O !== !1;
@@ -3315,7 +3314,7 @@ function Ul(e, o, t) {
   function F() {
     l.value || (C.value = !1);
   }
-  return Q([s, i, a, l], I, {
+  return Q([i, s, a, l], I, {
     flush: "sync"
   }), Q([u, c], P, {
     flush: "sync"
@@ -3361,7 +3360,7 @@ const Kl = "_bubble_6zub9_1", Ql = "_trigger_6zub9_43", jl = "_trigger__icon_6zu
   trigger__icon: jl,
   arrow: Xl,
   bubble__content: Zl
-}, Jl = ["id"], ei = ["innerHTML"], ti = 1e3, vi = /* @__PURE__ */ U({
+}, Jl = ["id"], es = ["innerHTML"], ts = 1e3, vs = /* @__PURE__ */ U({
   inheritAttrs: !1,
   __name: "Tooltip",
   props: {
@@ -3381,8 +3380,8 @@ const Kl = "_bubble_6zub9_1", Ql = "_trigger_6zub9_43", jl = "_trigger__icon_6zu
       left: "right"
     }, t = E(null), n = E(null), l = E(!1);
     typeof window < "u" && window.wasTooltipShown === void 0 && (window.wasTooltipShown = !1);
-    const s = e, i = E(null), a = E(null), r = E(null), u = E(!1), c = L(() => s.preventXss ? Gl(s.text) : s.text), { floatingStyles: g, update: x, middlewareData: f, placement: S } = Ul(a, i, {
-      placement: L(() => s.placement || "bottom"),
+    const i = e, s = E(null), a = E(null), r = E(null), u = E(!1), c = L(() => i.preventXss ? Gl(i.text) : i.text), { floatingStyles: g, update: x, middlewareData: f, placement: S } = Ul(a, s, {
+      placement: L(() => i.placement || "bottom"),
       strategy: "fixed",
       whileElementsMounted: Dl,
       middleware: [
@@ -3398,10 +3397,10 @@ const Kl = "_bubble_6zub9_1", Ql = "_trigger_6zub9_43", jl = "_trigger__icon_6zu
           return;
         }
         u.value = !0, window.wasTooltipShown = !0, t.value = null;
-      }, ti);
+      }, ts);
     }, C = () => {
       t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null);
-      const D = s.hideDelay ?? 0;
+      const D = i.hideDelay ?? 0;
       D > 0 ? n.value = setTimeout(() => {
         l.value && (u.value = !1), n.value = null;
       }, D) : u.value = !1;
@@ -3410,18 +3409,18 @@ const Kl = "_bubble_6zub9_1", Ql = "_trigger_6zub9_43", jl = "_trigger__icon_6zu
     }, v = () => {
       C();
     }, I = () => {
-      l.value && a.value && i.value && x();
+      l.value && a.value && s.value && x();
     };
-    Q(() => s.placement, () => {
-      l.value && a.value && i.value && x();
+    Q(() => i.placement, () => {
+      l.value && a.value && s.value && x();
     }), un(Yl), We(() => {
       l.value = !0, Ke(() => {
         l.value && a.value && x();
       }), typeof window < "u" && window.addEventListener("resize", I);
     }), qt(() => {
-      l.value = !1, typeof window < "u" && window.removeEventListener("resize", I), t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), u.value = !1, i.value = null, a.value = null, r.value = null;
+      l.value = !1, typeof window < "u" && window.removeEventListener("resize", I), t.value && (clearTimeout(t.value), t.value = null), n.value && (clearTimeout(n.value), n.value = null), u.value = !1, s.value = null, a.value = null, r.value = null;
     });
-    const $ = L(() => s.status || u.value), P = L(() => ({
+    const $ = L(() => i.status || u.value), P = L(() => ({
       ...g.value,
       display: $.value ? "inline-block" : "none"
     })), F = L(() => {
@@ -3457,7 +3456,7 @@ const Kl = "_bubble_6zub9_1", Ql = "_trigger_6zub9_43", jl = "_trigger__icon_6zu
       (h(), J(cn, { to: "body" }, [
         M("div", {
           ref_key: "tooltipRef",
-          ref: i,
+          ref: s,
           class: A(["qa-tooltip", _(Ge).bubble]),
           style: ee(P.value),
           onMouseenter: m,
@@ -3466,7 +3465,7 @@ const Kl = "_bubble_6zub9_1", Ql = "_trigger_6zub9_43", jl = "_trigger__icon_6zu
           M("div", {
             class: A(_(Ge).bubble__content)
           }, [
-            M("div", { innerHTML: c.value }, null, 8, ei),
+            M("div", { innerHTML: c.value }, null, 8, es),
             oe(D.$slots, "contentSlot")
           ], 2),
           M("div", {
@@ -3482,26 +3481,26 @@ const Kl = "_bubble_6zub9_1", Ql = "_trigger_6zub9_43", jl = "_trigger__icon_6zu
 });
 export {
   at as Button,
-  oi as Checkbox,
-  ai as ColorPicker,
-  li as DropdownMenu,
+  os as Checkbox,
+  as as ColorPicker,
+  ls as DropdownMenu,
   ae as Icon,
   Nt as InBasicTextInput,
   Bo as InBox,
-  si as InDropdownMenu,
-  ii as InInfoBox,
-  ri as InTabs,
-  ui as InTextArea,
-  ci as InToggle,
-  di as InputButton,
-  _i as Modal,
-  pi as NumberInput,
-  fi as OnPageMessage,
+  is as InDropdownMenu,
+  ss as InInfoBox,
+  rs as InTabs,
+  us as InTextArea,
+  cs as InToggle,
+  ds as InputButton,
+  _s as Modal,
+  ps as NumberInput,
+  fs as OnPageMessage,
   Mo as Popover,
-  mi as SegmentButton,
-  hi as TextInput,
-  gi as Toggle,
-  vi as Tooltip,
+  ms as SegmentButton,
+  hs as TextInput,
+  gs as Toggle,
+  vs as Tooltip,
   Wt as clickOutside
 };
 //# sourceMappingURL=ab-components.es.js.map