@useinsider/ab-components 0.0.30 → 0.0.32

package/dist/ab-components.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as Q, computed as V, createElementBlock as $, openBlock as y, normalizeClass as h, unref as d, createBlock as ge, createCommentVNode as L, toDisplayString as P, ref as A, reactive as Ye, onMounted as Pe, watch as te, Fragment as Ce, createElementVNode as B, withDirectives as Ue, withModifiers as mt, normalizeStyle as Te, vModelText as ht, renderList as nt, vShow as gt, createVNode as wt, shallowRef as vt, getCurrentScope as bt, onScopeDispose as yt, shallowReadonly as ae, onBeforeMount as xt, nextTick as kt, onBeforeUnmount as Ct, Teleport as Tt, renderSlot as Xe } from "vue";
-const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8", Ot = "_button_vssfh_1", Rt = "_button__label_vssfh_60", At = "_button__solid_vssfh_72", Et = "_fill_vssfh_992", ue = {
-  button__size_default: $t,
-  button__size_small: St,
-  button: Ot,
-  button__label: Rt,
+import { defineComponent as Y, computed as B, createElementBlock as C, openBlock as y, normalizeClass as m, unref as f, createBlock as we, createCommentVNode as L, toDisplayString as P, ref as E, reactive as Ke, onMounted as Ae, watch as ne, Fragment as ve, createElementVNode as S, withDirectives as Ve, withModifiers as xt, normalizeStyle as Oe, vModelText as kt, renderList as st, vShow as lt, createVNode as $e, shallowRef as Ct, getCurrentScope as Tt, onScopeDispose as $t, shallowReadonly as ue, onBeforeMount as Ot, nextTick as it, onBeforeUnmount as at, Teleport as St, renderSlot as Pe, Transition as Rt, withCtx as Et } from "vue";
+const At = "_button__size_default_vssfh_1", Lt = "_button__size_small_vssfh_8", It = "_button_vssfh_1", Mt = "_button__label_vssfh_60", zt = "_button__solid_vssfh_72", Bt = "_fill_vssfh_992", ce = {
+  button__size_default: At,
+  button__size_small: Lt,
+  button: It,
+  button__label: Mt,
   "button__solid-primary": "_button__solid-primary_vssfh_72",
   "no-hover-effect": "_no-hover-effect_vssfh_79",
   "button--selected": "_button--selected_vssfh_101",
@@ -31,9 +31,9 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
   "button__outline-danger": "_button__outline-danger_vssfh_867",
   "button__outline-warning": "_button__outline-warning_vssfh_904",
   "button__outline-smart": "_button__outline-smart_vssfh_941",
-  button__solid: At,
-  fill: Et
-}, Lt = ["disabled"], Fo = /* @__PURE__ */ Q({
+  button__solid: zt,
+  fill: Bt
+}, Vt = ["disabled"], Qe = /* @__PURE__ */ Y({
   __name: "Button",
   props: {
     variant: {},
@@ -51,33 +51,33 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
   setup(e, { emit: t }) {
     const o = e, n = t, s = (i) => {
       o.disabled || n("click", i);
-    }, l = V(() => o.loadingStatus ? "loading-circle" : o.successStatus ? "line-check-natural" : o.leftIconName);
-    return (i, r) => (y(), $("button", {
-      class: h([
-        d(ue).button,
-        d(ue)[`button__${i.variant}`],
-        d(ue)[`button__${i.variant}-${i.color}`],
-        d(ue)[`button__size_${i.size}`],
-        { [d(ue).fill]: i.fill }
+    }, l = B(() => o.loadingStatus ? "loading-circle" : o.successStatus ? "line-check-natural" : o.leftIconName);
+    return (i, r) => (y(), C("button", {
+      class: m([
+        f(ce).button,
+        f(ce)[`button__${i.variant}`],
+        f(ce)[`button__${i.variant}-${i.color}`],
+        f(ce)[`button__size_${i.size}`],
+        { [f(ce).fill]: i.fill }
       ]),
       disabled: o.disabled,
       onClick: s
     }, [
-      l.value ? (y(), ge(d(we), {
+      l.value ? (y(), we(f(be), {
         key: 0,
         name: l.value
       }, null, 8, ["name"])) : L("", !0),
-      i.label ? (y(), $("span", {
+      i.label ? (y(), C("span", {
         key: 1,
-        class: h(d(ue).button__label)
+        class: m(f(ce).button__label)
       }, P(i.label), 3)) : L("", !0),
-      i.rightIconName ? (y(), ge(d(we), {
+      i.rightIconName ? (y(), we(f(be), {
         key: 2,
         name: i.rightIconName
       }, null, 8, ["name"])) : L("", !0)
-    ], 10, Lt));
+    ], 10, Vt));
   }
-}), It = {
+}), Pt = {
   mounted(e, t) {
     e.clickOutsideEvent = (o) => {
       const n = (t.value.exclude || []).filter((l) => l.value).map((l) => l.value);
@@ -87,43 +87,43 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
   unmounted(e) {
     e.clickOutsideEvent && document.removeEventListener("click", e.clickOutsideEvent);
   }
-}, Mt = (e, t) => {
+}, Dt = (e, t) => {
   var n;
   let o = 0;
   for (const s of e)
     if (s.toLowerCase() === ((n = t[o]) == null ? void 0 : n.toLowerCase()) && o++, o === t.length)
       return !0;
   return !1;
-}, Vt = (e, t, o) => {
+}, Ft = (e, t, o) => {
   if (!o.trim())
     return e;
   const n = o.toLowerCase();
   return e.filter((s) => {
     const l = String(s[t]);
-    return Mt(l.toLowerCase(), n);
+    return Dt(l.toLowerCase(), n);
   }).sort((s, l) => {
     const i = String(s[t]).toLowerCase(), r = String(l[t]).toLowerCase();
     return i === n ? -1 : r === n ? 1 : i.startsWith(n) && !r.startsWith(n) ? -1 : !i.startsWith(n) && r.startsWith(n) ? 1 : i.length - r.length;
   });
-}, Bt = "_menu_1sfnf_1", zt = "_dropdown_1sfnf_1", Pt = "_dropdown__valueContent_1sfnf_50", Dt = "_dropdown__label_1sfnf_61", Ft = "_dropdown__value_1sfnf_50", Ht = "_dropdown__placeholder_1sfnf_69", Nt = "_dropdown__arrowIcon_1sfnf_77", Wt = "_menu__searchContainer_1sfnf_92", jt = "_menu__searchInputWrap_1sfnf_96", Gt = "_menu__searchInput_1sfnf_96", Yt = "_menu__errorMessage_1sfnf_115", Ut = "_menu__addButton_1sfnf_122", Xt = "_menu__itemContainer_1sfnf_130", qt = "_menu__item_1sfnf_130", M = {
-  menu: Bt,
-  dropdown: zt,
-  dropdown__valueContent: Pt,
+}, Ht = "_menu_1sfnf_1", Nt = "_dropdown_1sfnf_1", Wt = "_dropdown__valueContent_1sfnf_50", jt = "_dropdown__label_1sfnf_61", Gt = "_dropdown__value_1sfnf_50", Yt = "_dropdown__placeholder_1sfnf_69", Ut = "_dropdown__arrowIcon_1sfnf_77", Xt = "_menu__searchContainer_1sfnf_92", qt = "_menu__searchInputWrap_1sfnf_96", Kt = "_menu__searchInput_1sfnf_96", Qt = "_menu__errorMessage_1sfnf_115", Zt = "_menu__addButton_1sfnf_122", Jt = "_menu__itemContainer_1sfnf_130", en = "_menu__item_1sfnf_130", z = {
+  menu: Ht,
+  dropdown: Nt,
+  dropdown__valueContent: Wt,
   "dropdown__valueContent--open": "_dropdown__valueContent--open_1sfnf_58",
-  dropdown__label: Dt,
-  dropdown__value: Ft,
-  dropdown__placeholder: Ht,
-  dropdown__arrowIcon: Nt,
-  menu__searchContainer: Wt,
-  menu__searchInputWrap: jt,
-  menu__searchInput: Gt,
+  dropdown__label: jt,
+  dropdown__value: Gt,
+  dropdown__placeholder: Yt,
+  dropdown__arrowIcon: Ut,
+  menu__searchContainer: Xt,
+  menu__searchInputWrap: qt,
+  menu__searchInput: Kt,
   "menu__searchInput--error": "_menu__searchInput--error_1sfnf_112",
-  menu__errorMessage: Yt,
-  menu__addButton: Ut,
-  menu__itemContainer: Xt,
-  menu__item: qt,
+  menu__errorMessage: Qt,
+  menu__addButton: Zt,
+  menu__itemContainer: Jt,
+  menu__item: en,
   "menu__item--active": "_menu__item--active_1sfnf_169"
-}, Kt = ["for"], Qt = ["placeholder"], Zt = ["onClick"], Ho = /* @__PURE__ */ Q({
+}, tn = ["for"], nn = ["placeholder"], on = ["onClick"], er = /* @__PURE__ */ Y({
   __name: "DropdownMenu",
   props: {
     id: {},
@@ -140,172 +140,172 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
   },
   emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(e, { emit: t }) {
-    const o = It, n = e, s = t, l = A(), i = A(), r = A(!1), a = A(null), u = A(""), c = A(null), _ = A({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), p = Ye([...n.items]), f = Ye([...n.items]), m = () => {
+    const o = Pt, n = e, s = t, l = E(), i = E(), r = E(!1), a = E(null), u = E(""), c = E(null), _ = E({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: n.menuHeight }), p = Ke([...n.items]), d = Ke([...n.items]), h = () => {
       if (!l.value)
         return;
-      const { offsetTop: w, offsetLeft: S, offsetWidth: R } = l.value, D = window.innerHeight, U = w + l.value.offsetHeight, E = U + n.menuHeight > D;
+      const { offsetTop: w, offsetLeft: O, offsetWidth: A } = l.value, D = window.innerHeight, X = w + l.value.offsetHeight, I = X + n.menuHeight > D;
       _.value = {
-        x: S + window.scrollX,
-        y: E ? w + window.scrollY : U + window.scrollY,
-        width: R,
-        shouldOpenUp: E,
+        x: O + window.scrollX,
+        y: I ? w + window.scrollY : X + window.scrollY,
+        width: A,
+        shouldOpenUp: I,
         height: n.menuHeight
       };
     }, v = () => {
-      m(), r.value = !r.value;
+      h(), r.value = !r.value;
     }, b = () => {
-      c.value = null, u.value = "", p.splice(0, p.length, ...f);
+      c.value = null, u.value = "", p.splice(0, p.length, ...d);
     }, g = () => {
       r.value = !1, b();
     }, k = (w) => {
       a.value = w, s("select-item", w), s("update:modelValue", w.value), g();
-    }, C = () => {
-      const w = u.value.trim(), S = n.validateAddItem(w, f);
-      if (S) {
-        c.value = S, s("add-error", S);
+    }, T = () => {
+      const w = u.value.trim(), O = n.validateAddItem(w, d);
+      if (O) {
+        c.value = O, s("add-error", O);
         return;
       }
-      const R = {
+      const A = {
         text: w,
         value: w
       };
-      f.push(R), b(), s("item-added", R);
-    }, O = () => {
-      const w = Vt(f, "text", u.value);
+      d.push(A), b(), s("item-added", A);
+    }, R = () => {
+      const w = Ft(d, "text", u.value);
       p.splice(0, p.length, ...w);
     }, x = () => {
       c.value = "";
-    }, I = V(() => ({
+    }, M = B(() => ({
       top: _.value.shouldOpenUp ? `${_.value.y - 10}px` : `${_.value.y}px`,
       left: `${_.value.x}px`,
       width: `${_.value.width}px`,
       height: `${n.menuHeight}px`
     }));
-    Pe(() => {
-      if (m(), n.modelValue) {
-        const w = f.find((S) => S.value === n.modelValue);
+    Ae(() => {
+      if (h(), n.modelValue) {
+        const w = d.find((O) => O.value === n.modelValue);
         w && (a.value = w);
       }
     });
-    const T = V(() => a.value ? a.value.text : "");
-    te(() => n.modelValue, (w) => {
-      var S;
-      if (((S = a.value) == null ? void 0 : S.value) !== w) {
-        const R = f.find((D) => D.value === w);
-        R && (a.value = R);
+    const $ = B(() => a.value ? a.value.text : "");
+    ne(() => n.modelValue, (w) => {
+      var O;
+      if (((O = a.value) == null ? void 0 : O.value) !== w) {
+        const A = d.find((D) => D.value === w);
+        A && (a.value = A);
       }
-    }), te(
+    }), ne(
       () => n.items,
       (w) => {
-        f.splice(0, f.length, ...w), p.splice(0, p.length, ...w);
+        d.splice(0, d.length, ...w), p.splice(0, p.length, ...w);
       },
       { deep: !0 }
     );
-    const z = A({ handler: g, exclude: [l, i] });
-    return (w, S) => (y(), $(Ce, null, [
-      B("div", {
+    const V = E({ handler: g, exclude: [l, i] });
+    return (w, O) => (y(), C(ve, null, [
+      S("div", {
         ref_key: "dropdownRef",
         ref: l,
-        class: h(d(M).dropdown)
+        class: m(f(z).dropdown)
       }, [
-        w.label ? (y(), $("label", {
+        w.label ? (y(), C("label", {
           key: 0,
-          class: h(d(M).dropdown__label),
+          class: m(f(z).dropdown__label),
           for: w.id
-        }, P(w.label), 11, Kt)) : L("", !0),
-        B("button", {
-          class: h([
-            d(M).dropdown__valueContent,
+        }, P(w.label), 11, tn)) : L("", !0),
+        S("button", {
+          class: m([
+            f(z).dropdown__valueContent,
             {
-              [d(M)["dropdown__valueContent--open"]]: r.value
+              [f(z)["dropdown__valueContent--open"]]: r.value
             }
           ]),
           onClick: v
         }, [
-          B("span", {
-            class: h(d(M).dropdown__value)
-          }, P(T.value), 3),
-          w.placeholder && !T.value ? (y(), $("span", {
+          S("span", {
+            class: m(f(z).dropdown__value)
+          }, P($.value), 3),
+          w.placeholder && !$.value ? (y(), C("span", {
             key: 0,
-            class: h(d(M).dropdown__placeholder)
+            class: m(f(z).dropdown__placeholder)
           }, P(w.placeholder), 3)) : L("", !0),
-          (y(), $("svg", {
+          (y(), C("svg", {
             fill: "none",
             height: "17",
             viewBox: "0 0 16 17",
             width: "16",
             xmlns: "http://www.w3.org/2000/svg",
-            class: h(d(M).dropdown__arrowIcon)
-          }, S[2] || (S[2] = [
-            B("path", {
+            class: m(f(z).dropdown__arrowIcon)
+          }, O[2] || (O[2] = [
+            S("path", {
               d: "M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",
               fill: "#91949F"
             }, null, -1)
           ]), 2))
         ], 2)
       ], 2),
-      Ue((y(), $("div", {
+      Ve((y(), C("div", {
         ref_key: "menuRef",
         ref: i,
-        class: h(d(M).menu),
-        style: Te(I.value),
-        onClick: S[1] || (S[1] = mt(() => {
+        class: m(f(z).menu),
+        style: Oe(M.value),
+        onClick: O[1] || (O[1] = xt(() => {
         }, ["prevent"]))
       }, [
-        n.searchable ? (y(), $("div", {
+        n.searchable ? (y(), C("div", {
           key: 0,
-          class: h(d(M).menu__searchContainer)
+          class: m(f(z).menu__searchContainer)
         }, [
-          B("div", {
-            class: h(d(M).menu__searchInputWrap)
+          S("div", {
+            class: m(f(z).menu__searchInputWrap)
           }, [
-            Ue(B("input", {
+            Ve(S("input", {
               type: "text",
-              class: h([
-                d(M).menu__searchInput,
+              class: m([
+                f(z).menu__searchInput,
                 {
-                  [d(M)["menu__searchInput--error"]]: c.value
+                  [f(z)["menu__searchInput--error"]]: c.value
                 }
               ]),
               placeholder: w.searchPlaceHolder,
-              "onUpdate:modelValue": S[0] || (S[0] = (R) => u.value = R),
+              "onUpdate:modelValue": O[0] || (O[0] = (A) => u.value = A),
               onFocus: x,
-              onInput: O
-            }, null, 42, Qt), [
-              [ht, u.value]
+              onInput: R
+            }, null, 42, nn), [
+              [kt, u.value]
             ]),
-            c.value ? (y(), $("p", {
+            c.value ? (y(), C("p", {
               key: 0,
-              class: h(d(M).menu__errorMessage)
+              class: m(f(z).menu__errorMessage)
             }, P(c.value), 3)) : L("", !0)
           ], 2),
-          n.addable ? (y(), $("button", {
+          n.addable ? (y(), C("button", {
             key: 0,
-            class: h(d(M).menu__addButton),
-            onClick: C
+            class: m(f(z).menu__addButton),
+            onClick: T
           }, P(w.addButtonText), 3)) : L("", !0)
         ], 2)) : L("", !0),
-        B("ul", {
-          class: h(d(M).menu__itemContainer)
+        S("ul", {
+          class: m(f(z).menu__itemContainer)
         }, [
-          (y(!0), $(Ce, null, nt(p, (R, D) => (y(), $("li", {
-            key: `${R.value}-${D}`,
-            class: h([
-              d(M).menu__item,
+          (y(!0), C(ve, null, st(p, (A, D) => (y(), C("li", {
+            key: `${A.value}-${D}`,
+            class: m([
+              f(z).menu__item,
               {
-                [d(M)["menu__item--active"]]: a.value && R.value === a.value.value
+                [f(z)["menu__item--active"]]: a.value && A.value === a.value.value
               }
             ]),
-            onClick: (U) => k(R)
-          }, P(R.text), 11, Zt))), 128))
+            onClick: (X) => k(A)
+          }, P(A.text), 11, on))), 128))
         ], 2)
       ], 6)), [
-        [gt, r.value],
-        [d(o), z.value]
+        [lt, r.value],
+        [f(o), V.value]
       ])
     ], 64));
   }
-}), Jt = ["fill", "height", "width"], en = ["xlink:href"], tn = /* @__PURE__ */ Q({
+}), rn = ["fill", "height", "width"], sn = ["xlink:href"], ln = /* @__PURE__ */ Y({
   __name: "Icon",
   props: {
     name: {},
@@ -313,38 +313,38 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
     color: {}
   },
   setup(e) {
-    const t = e, o = V(() => typeof t.size == "number" ? `${t.size}px` : t.size);
-    return (n, s) => (y(), $("svg", {
+    const t = e, o = B(() => typeof t.size == "number" ? `${t.size}px` : t.size);
+    return (n, s) => (y(), C("svg", {
       class: "icon",
       fill: n.color || "currentColor",
       height: o.value,
       width: o.value
     }, [
-      B("use", {
+      S("use", {
         "xlink:href": `#${n.name}`
-      }, null, 8, en)
-    ], 8, Jt));
+      }, null, 8, sn)
+    ], 8, rn));
   }
-}), nn = (e, t) => {
+}), ut = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, s] of t)
     o[n] = s;
   return o;
-}, we = /* @__PURE__ */ nn(tn, [["__scopeId", "data-v-f04c8857"]]), on = "_container_sgker_1", rn = "_container__text_sgker_52", sn = "_container__default_sgker_56", ln = "_container__warning_sgker_64", an = "_container__alert_sgker_72", un = "_container__success_sgker_80", Le = {
-  container: on,
-  container__text: rn,
-  container__default: sn,
-  container__warning: ln,
-  container__alert: an,
-  container__success: un
-}, No = /* @__PURE__ */ Q({
+}, be = /* @__PURE__ */ ut(ln, [["__scopeId", "data-v-f04c8857"]]), an = "_container_sgker_1", un = "_container__text_sgker_52", cn = "_container__default_sgker_56", fn = "_container__warning_sgker_64", dn = "_container__alert_sgker_72", _n = "_container__success_sgker_80", ze = {
+  container: an,
+  container__text: un,
+  container__default: cn,
+  container__warning: fn,
+  container__alert: dn,
+  container__success: _n
+}, tr = /* @__PURE__ */ Y({
   __name: "OnPageMessage",
   props: {
     variant: { default: "default" },
     text: {}
   },
   setup(e) {
-    const t = e, o = V(() => {
+    const t = e, o = B(() => {
       switch (t.variant) {
         case "alert":
           return "icon-info-box-error";
@@ -356,38 +356,38 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
           return "filled-info-circle";
       }
     });
-    return (n, s) => (y(), $("div", {
-      class: h([
-        d(Le).container,
-        d(Le)[`container__${n.variant}`]
+    return (n, s) => (y(), C("div", {
+      class: m([
+        f(ze).container,
+        f(ze)[`container__${n.variant}`]
       ])
     }, [
-      wt(we, {
+      $e(be, {
         name: o.value,
         size: 24
       }, null, 8, ["name"]),
-      B("span", {
-        class: h(d(Le).container__text)
+      S("span", {
+        class: m(f(ze).container__text)
       }, P(n.text), 3)
     ], 2));
   }
-}), cn = "_button__size_default_1663t_1", fn = "_button__size_small_1663t_8", dn = "_button_1663t_1", _n = "_button__label_1663t_58", pn = "_button__solid_1663t_197", mn = "_segmentGroup_1663t_204", hn = "_fill_1663t_226", q = {
-  button__size_default: cn,
-  button__size_small: fn,
-  button: dn,
-  button__label: _n,
+}), pn = "_button__size_default_1663t_1", mn = "_button__size_small_1663t_8", hn = "_button_1663t_1", gn = "_button__label_1663t_58", wn = "_button__solid_1663t_197", vn = "_segmentGroup_1663t_204", bn = "_fill_1663t_226", K = {
+  button__size_default: pn,
+  button__size_small: mn,
+  button: hn,
+  button__label: gn,
   "button--primary": "_button--primary_1663t_75",
   "button--selected": "_button--selected_1663t_85",
   "button--secondary": "_button--secondary_1663t_98",
   "button--danger": "_button--danger_1663t_121",
   "button--warning": "_button--warning_1663t_144",
   "button--smart": "_button--smart_1663t_167",
-  button__solid: pn,
-  segmentGroup: mn,
+  button__solid: wn,
+  segmentGroup: vn,
   "segmentGroup--vertical": "_segmentGroup--vertical_1663t_207",
   "segmentGroup--horizontal": "_segmentGroup--horizontal_1663t_216",
-  fill: hn
-}, gn = ["disabled", "onClick"], Wo = /* @__PURE__ */ Q({
+  fill: bn
+}, yn = ["disabled", "onClick"], nr = /* @__PURE__ */ Y({
   __name: "SegmentButton",
   props: {
     color: {},
@@ -400,56 +400,56 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
   },
   emits: ["update:modelValue", "click"],
   setup(e, { emit: t }) {
-    const o = e, n = t, s = A(o.modelValue || ""), l = (r) => {
+    const o = e, n = t, s = E(o.modelValue || ""), l = (r) => {
       o.disabled || r.disabled || (s.value = r.value, n("update:modelValue", r.value), n("click", r.value));
     };
-    te(() => o.modelValue, (r) => {
+    ne(() => o.modelValue, (r) => {
       s.value !== r && (s.value = r || "");
     });
-    const i = A([...o.segments]);
-    return te(() => o.segments, (r) => {
+    const i = E([...o.segments]);
+    return ne(() => o.segments, (r) => {
       i.value = [...r], r.some((a) => a.value === s.value) || (s.value = "", n("update:modelValue", ""));
-    }, { deep: !0 }), (r, a) => (y(), $("div", {
-      class: h([
-        d(q).segmentGroup,
-        d(q)[`segmentGroup--${r.align}`],
-        { [d(q).fill]: r.fill }
+    }, { deep: !0 }), (r, a) => (y(), C("div", {
+      class: m([
+        f(K).segmentGroup,
+        f(K)[`segmentGroup--${r.align}`],
+        { [f(K).fill]: r.fill }
       ])
     }, [
-      (y(!0), $(Ce, null, nt(i.value, (u, c) => (y(), $("button", {
+      (y(!0), C(ve, null, st(i.value, (u, c) => (y(), C("button", {
         key: `${u.value}-${c}`,
-        class: h([
-          d(q).button,
-          d(q)[`button--${r.color}`],
-          d(q)[`button__size_${r.size}`],
-          d(q).fill,
+        class: m([
+          f(K).button,
+          f(K)[`button--${r.color}`],
+          f(K)[`button__size_${r.size}`],
+          f(K).fill,
           {
-            [d(q)["button--selected"]]: u.value === s.value
+            [f(K)["button--selected"]]: u.value === s.value
           }
         ]),
         disabled: u.disabled || o.disabled,
         onClick: (_) => l(u)
       }, [
-        u.icon ? (y(), ge(d(we), {
+        u.icon ? (y(), we(f(be), {
           key: 0,
           name: u.icon
         }, null, 8, ["name"])) : L("", !0),
-        u.label ? (y(), $("span", {
+        u.label ? (y(), C("span", {
           key: 1,
-          class: h(d(q).button__label)
+          class: m(f(K).button__label)
         }, P(u.label), 3)) : L("", !0)
-      ], 10, gn))), 128))
+      ], 10, yn))), 128))
     ], 2));
   }
-}), wn = "_wrapper__counter_rlffg_1", vn = "_wrapper__errorMessage_rlffg_1", bn = "_wrapper__label_rlffg_1", yn = "_wrapper__field_rlffg_1", xn = "_wrapper_rlffg_1", kn = "_wrapper__bottom_rlffg_92", K = {
-  wrapper__counter: wn,
-  wrapper__errorMessage: vn,
-  wrapper__label: bn,
-  wrapper__field: yn,
-  wrapper: xn,
-  wrapper__bottom: kn,
+}), xn = "_wrapper__counter_rlffg_1", kn = "_wrapper__errorMessage_rlffg_1", Cn = "_wrapper__label_rlffg_1", Tn = "_wrapper__field_rlffg_1", $n = "_wrapper_rlffg_1", On = "_wrapper__bottom_rlffg_92", Q = {
+  wrapper__counter: xn,
+  wrapper__errorMessage: kn,
+  wrapper__label: Cn,
+  wrapper__field: Tn,
+  wrapper: $n,
+  wrapper__bottom: On,
   "wrapper--error": "_wrapper--error_rlffg_105"
-}, Cn = ["for"], Tn = ["id", "maxlength", "name", "placeholder", "value"], $n = ["id", "maxlength", "name", "placeholder", "value"], jo = /* @__PURE__ */ Q({
+}, Sn = ["for"], Rn = ["id", "maxlength", "name", "placeholder", "value"], En = ["id", "maxlength", "name", "placeholder", "value"], or = /* @__PURE__ */ Y({
   __name: "TextInput",
   props: {
     id: {},
@@ -466,7 +466,7 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
   },
   emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
   setup(e, { emit: t }) {
-    const o = e, n = t, s = A(null), l = () => {
+    const o = e, n = t, s = E(null), l = () => {
       if (o.autoGrow && s.value) {
         s.value.style.height = "";
         const r = Math.min(s.value.scrollHeight, o.maxHeight || s.value.scrollHeight);
@@ -476,47 +476,47 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
       const a = r.target;
       n("input", r), n("update:modelValue", a.value), l();
     };
-    return Pe(() => {
+    return Ae(() => {
       l();
     }), (r, a) => {
       var u;
-      return y(), $("div", {
-        class: h(d(K).wrapper)
+      return y(), C("div", {
+        class: m(f(Q).wrapper)
       }, [
-        r.label ? (y(), $("label", {
+        r.label ? (y(), C("label", {
           key: 0,
-          class: h(d(K).wrapper__label),
+          class: m(f(Q).wrapper__label),
           for: r.id
-        }, P(r.label), 11, Cn)) : L("", !0),
-        r.multiline ? (y(), $("textarea", {
+        }, P(r.label), 11, Sn)) : L("", !0),
+        r.multiline ? (y(), C("textarea", {
           key: 1,
           id: r.id,
           ref_key: "textareaRef",
           ref: s,
-          class: h([
-            d(K).wrapper__field,
+          class: m([
+            f(Q).wrapper__field,
             {
-              [d(K)["wrapper--error"]]: r.error
+              [f(Q)["wrapper--error"]]: r.error
             }
           ]),
           maxlength: r.maxLength,
           name: r.name,
           placeholder: r.placeholder,
-          style: Te(r.maxHeight ? { maxHeight: `${r.maxHeight}px` } : void 0),
+          style: Oe(r.maxHeight ? { maxHeight: `${r.maxHeight}px` } : void 0),
           value: r.modelValue,
           onBlur: a[0] || (a[0] = (c) => n("blur", c)),
           onChange: a[1] || (a[1] = (c) => r.$emit("change", c)),
           onFocus: a[2] || (a[2] = (c) => n("focus", c)),
           onInput: i,
           onPaste: a[3] || (a[3] = (c) => n("paste", c))
-        }, null, 46, Tn)) : (y(), $("input", {
+        }, null, 46, Rn)) : (y(), C("input", {
           key: 2,
           id: r.id,
           type: "text",
-          class: h([
-            d(K).wrapper__field,
+          class: m([
+            f(Q).wrapper__field,
             {
-              [d(K)["wrapper--error"]]: r.error
+              [f(Q)["wrapper--error"]]: r.error
             }
           ]),
           maxlength: r.maxLength,
@@ -528,33 +528,33 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
           onFocus: a[6] || (a[6] = (c) => n("focus", c)),
           onInput: i,
           onPaste: a[7] || (a[7] = (c) => n("paste", c))
-        }, null, 42, $n)),
-        B("div", {
-          class: h(d(K).wrapper__bottom)
+        }, null, 42, En)),
+        S("div", {
+          class: m(f(Q).wrapper__bottom)
         }, [
-          r.error ? (y(), $("div", {
+          r.error ? (y(), C("div", {
             key: 0,
-            class: h(d(K).wrapper__errorMessage)
+            class: m(f(Q).wrapper__errorMessage)
           }, P(r.error), 3)) : L("", !0),
-          r.counter ? (y(), $("div", {
+          r.counter ? (y(), C("div", {
             key: 1,
-            class: h(d(K).wrapper__counter)
+            class: m(f(Q).wrapper__counter)
           }, P(((u = r.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : L("", !0)
         ], 2)
       ], 2);
     };
   }
-}), Sn = "_wrapper__counter_86wjx_1", On = "_wrapper__errorMessage_86wjx_1", Rn = "_wrapper__label_86wjx_1", An = "_wrapper__field_86wjx_8", En = "_wrapper_86wjx_1", Ln = "_wrapper__size_default_86wjx_52", In = "_wrapper__size_small_86wjx_55", Mn = "_wrapper__bottom_86wjx_92", ee = {
-  wrapper__counter: Sn,
-  wrapper__errorMessage: On,
-  wrapper__label: Rn,
-  wrapper__field: An,
-  wrapper: En,
-  wrapper__size_default: Ln,
-  wrapper__size_small: In,
-  wrapper__bottom: Mn,
+}), An = "_wrapper__counter_86wjx_1", Ln = "_wrapper__errorMessage_86wjx_1", In = "_wrapper__label_86wjx_1", Mn = "_wrapper__field_86wjx_8", zn = "_wrapper_86wjx_1", Bn = "_wrapper__size_default_86wjx_52", Vn = "_wrapper__size_small_86wjx_55", Pn = "_wrapper__bottom_86wjx_92", te = {
+  wrapper__counter: An,
+  wrapper__errorMessage: Ln,
+  wrapper__label: In,
+  wrapper__field: Mn,
+  wrapper: zn,
+  wrapper__size_default: Bn,
+  wrapper__size_small: Vn,
+  wrapper__bottom: Pn,
   "wrapper--error": "_wrapper--error_86wjx_105"
-}, Vn = ["for"], Bn = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], Go = /* @__PURE__ */ Q({
+}, Dn = ["for"], Fn = ["id", "max", "maxlength", "min", "name", "placeholder", "value"], rr = /* @__PURE__ */ Y({
   __name: "NumberInput",
   props: {
     id: {},
@@ -586,21 +586,21 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
     };
     return (r, a) => {
       var u;
-      return y(), $("div", {
-        class: h([d(ee).wrapper, d(ee)[`wrapper__size_${r.size}`]])
+      return y(), C("div", {
+        class: m([f(te).wrapper, f(te)[`wrapper__size_${r.size}`]])
       }, [
-        r.label ? (y(), $("label", {
+        r.label ? (y(), C("label", {
           key: 0,
-          class: h(d(ee).wrapper__label),
+          class: m(f(te).wrapper__label),
           for: r.id
-        }, P(r.label), 11, Vn)) : L("", !0),
-        B("input", {
+        }, P(r.label), 11, Dn)) : L("", !0),
+        S("input", {
           id: r.id,
           type: "number",
-          class: h([
-            d(ee).wrapper__field,
+          class: m([
+            f(te).wrapper__field,
             {
-              [d(ee)["wrapper--error"]]: r.error || r.errorStatus
+              [f(te)["wrapper--error"]]: r.error || r.errorStatus
             }
           ]),
           max: r.max,
@@ -614,30 +614,30 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
           onFocus: a[1] || (a[1] = (c) => n("focus", c)),
           onInput: l,
           onPaste: a[2] || (a[2] = (c) => n("paste", c))
-        }, null, 42, Bn),
-        r.counter || r.error ? (y(), $("div", {
+        }, null, 42, Fn),
+        r.counter || r.error ? (y(), C("div", {
           key: 1,
-          class: h(d(ee).wrapper__bottom)
+          class: m(f(te).wrapper__bottom)
         }, [
-          r.error ? (y(), $("div", {
+          r.error ? (y(), C("div", {
             key: 0,
-            class: h(d(ee).wrapper__errorMessage)
+            class: m(f(te).wrapper__errorMessage)
           }, P(r.error), 3)) : L("", !0),
-          r.counter ? (y(), $("div", {
+          r.counter ? (y(), C("div", {
             key: 1,
-            class: h(d(ee).wrapper__counter)
+            class: m(f(te).wrapper__counter)
           }, P(((u = r.modelValue) == null ? void 0 : u.toString().length) || 0), 3)) : L("", !0)
         ], 2)) : L("", !0)
       ], 2);
     };
   }
-}), zn = "_wrapper_1hnht_36", Pn = "_wrapper__label_1hnht_43", Dn = "_wrapper__input_1hnht_67", Fn = "_wrapper_checked_1hnht_77", Hn = "_wrapper_disabled_1hnht_84", me = {
-  wrapper: zn,
-  wrapper__label: Pn,
-  wrapper__input: Dn,
-  wrapper_checked: Fn,
-  wrapper_disabled: Hn
-}, Nn = ["id", "checked", "disabled", "name"], Wn = ["for"], Yo = /* @__PURE__ */ Q({
+}), Hn = "_wrapper_1hnht_36", Nn = "_wrapper__label_1hnht_43", Wn = "_wrapper__input_1hnht_67", jn = "_wrapper_checked_1hnht_77", Gn = "_wrapper_disabled_1hnht_84", he = {
+  wrapper: Hn,
+  wrapper__label: Nn,
+  wrapper__input: Wn,
+  wrapper_checked: jn,
+  wrapper_disabled: Gn
+}, Yn = ["id", "checked", "disabled", "name"], Un = ["for"], sr = /* @__PURE__ */ Y({
   __name: "Toggle",
   props: {
     id: {},
@@ -650,80 +650,80 @@ const $t = "_button__size_default_vssfh_1", St = "_button__size_small_vssfh_8",
     const o = e, n = t, s = () => {
       n("click", !o.checked);
     };
-    return (l, i) => (y(), $("fieldset", {
-      class: h([
-        d(me).wrapper,
+    return (l, i) => (y(), C("fieldset", {
+      class: m([
+        f(he).wrapper,
         {
-          [d(me).wrapper_checked]: l.checked,
-          [d(me).wrapper_disabled]: l.disabled
+          [f(he).wrapper_checked]: l.checked,
+          [f(he).wrapper_disabled]: l.disabled
         }
       ])
     }, [
-      B("input", {
+      S("input", {
         id: l.id,
         type: "checkbox",
         checked: l.checked,
-        class: h(d(me).wrapper__input),
+        class: m(f(he).wrapper__input),
         disabled: l.disabled,
         name: l.name,
         onClick: s
-      }, null, 10, Nn),
-      B("label", {
-        class: h(d(me).wrapper__label),
+      }, null, 10, Yn),
+      S("label", {
+        class: m(f(he).wrapper__label),
         for: l.id
-      }, null, 10, Wn)
+      }, null, 10, Un)
     ], 2));
   }
-}), de = Math.min, oe = Math.max, $e = Math.round, ke = Math.floor, j = (e) => ({
+}), _e = Math.min, re = Math.max, Se = Math.round, Te = Math.floor, j = (e) => ({
   x: e,
   y: e
-}), jn = {
+}), Xn = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Gn = {
+}, qn = {
   start: "end",
   end: "start"
 };
-function Me(e, t, o) {
-  return oe(e, de(t, o));
+function De(e, t, o) {
+  return re(e, _e(t, o));
 }
-function be(e, t) {
+function xe(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function re(e) {
+function se(e) {
   return e.split("-")[0];
 }
-function ye(e) {
+function ke(e) {
   return e.split("-")[1];
 }
-function ot(e) {
+function ct(e) {
   return e === "x" ? "y" : "x";
 }
-function De(e) {
+function We(e) {
   return e === "y" ? "height" : "width";
 }
-function _e(e) {
-  return ["top", "bottom"].includes(re(e)) ? "y" : "x";
+function pe(e) {
+  return ["top", "bottom"].includes(se(e)) ? "y" : "x";
 }
-function Fe(e) {
-  return ot(_e(e));
+function je(e) {
+  return ct(pe(e));
 }
-function Yn(e, t, o) {
+function Kn(e, t, o) {
   o === void 0 && (o = !1);
-  const n = ye(e), s = Fe(e), l = De(s);
+  const n = ke(e), s = je(e), l = We(s);
   let i = s === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return t.reference[l] > t.floating[l] && (i = Se(i)), [i, Se(i)];
+  return t.reference[l] > t.floating[l] && (i = Re(i)), [i, Re(i)];
 }
-function Un(e) {
-  const t = Se(e);
-  return [Ve(e), t, Ve(t)];
+function Qn(e) {
+  const t = Re(e);
+  return [Fe(e), t, Fe(t)];
 }
-function Ve(e) {
-  return e.replace(/start|end/g, (t) => Gn[t]);
+function Fe(e) {
+  return e.replace(/start|end/g, (t) => qn[t]);
 }
-function Xn(e, t, o) {
+function Zn(e, t, o) {
   const n = ["left", "right"], s = ["right", "left"], l = ["top", "bottom"], i = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -736,15 +736,15 @@ function Xn(e, t, o) {
       return [];
   }
 }
-function qn(e, t, o, n) {
-  const s = ye(e);
-  let l = Xn(re(e), o === "start", n);
-  return s && (l = l.map((i) => i + "-" + s), t && (l = l.concat(l.map(Ve)))), l;
+function Jn(e, t, o, n) {
+  const s = ke(e);
+  let l = Zn(se(e), o === "start", n);
+  return s && (l = l.map((i) => i + "-" + s), t && (l = l.concat(l.map(Fe)))), l;
 }
-function Se(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => jn[t]);
+function Re(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Xn[t]);
 }
-function Kn(e) {
+function eo(e) {
   return {
     top: 0,
     right: 0,
@@ -753,15 +753,15 @@ function Kn(e) {
     ...e
   };
 }
-function rt(e) {
-  return typeof e != "number" ? Kn(e) : {
+function ft(e) {
+  return typeof e != "number" ? eo(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function Oe(e) {
+function Ee(e) {
   const {
     x: t,
     y: o,
@@ -779,55 +779,55 @@ function Oe(e) {
     y: o
   };
 }
-function qe(e, t, o) {
+function Ze(e, t, o) {
   let {
     reference: n,
     floating: s
   } = e;
-  const l = _e(t), i = Fe(t), r = De(i), a = re(t), u = l === "y", c = n.x + n.width / 2 - s.width / 2, _ = n.y + n.height / 2 - s.height / 2, p = n[r] / 2 - s[r] / 2;
-  let f;
+  const l = pe(t), i = je(t), r = We(i), a = se(t), u = l === "y", c = n.x + n.width / 2 - s.width / 2, _ = n.y + n.height / 2 - s.height / 2, p = n[r] / 2 - s[r] / 2;
+  let d;
   switch (a) {
     case "top":
-      f = {
+      d = {
         x: c,
         y: n.y - s.height
       };
       break;
     case "bottom":
-      f = {
+      d = {
         x: c,
         y: n.y + n.height
       };
       break;
     case "right":
-      f = {
+      d = {
         x: n.x + n.width,
         y: _
       };
       break;
     case "left":
-      f = {
+      d = {
         x: n.x - s.width,
         y: _
       };
       break;
     default:
-      f = {
+      d = {
         x: n.x,
         y: n.y
       };
   }
-  switch (ye(t)) {
+  switch (ke(t)) {
     case "start":
-      f[i] -= p * (o && u ? -1 : 1);
+      d[i] -= p * (o && u ? -1 : 1);
       break;
     case "end":
-      f[i] += p * (o && u ? -1 : 1);
+      d[i] += p * (o && u ? -1 : 1);
       break;
   }
-  return f;
+  return d;
 }
-const Qn = async (e, t, o) => {
+const to = async (e, t, o) => {
   const {
     placement: n = "bottom",
     strategy: s = "absolute",
@@ -841,15 +841,15 @@ const Qn = async (e, t, o) => {
   }), {
     x: c,
     y: _
-  } = qe(u, n, a), p = n, f = {}, m = 0;
+  } = Ze(u, n, a), p = n, d = {}, h = 0;
   for (let v = 0; v < r.length; v++) {
     const {
       name: b,
       fn: g
     } = r[v], {
       x: k,
-      y: C,
-      data: O,
+      y: T,
+      data: R,
       reset: x
     } = await g({
       x: c,
@@ -857,7 +857,7 @@ const Qn = async (e, t, o) => {
       initialPlacement: n,
       placement: p,
       strategy: s,
-      middlewareData: f,
+      middlewareData: d,
       rects: u,
       platform: i,
       elements: {
@@ -865,30 +865,30 @@ const Qn = async (e, t, o) => {
         floating: t
       }
     });
-    c = k ?? c, _ = C ?? _, f = {
-      ...f,
+    c = k ?? c, _ = T ?? _, d = {
+      ...d,
       [b]: {
-        ...f[b],
-        ...O
+        ...d[b],
+        ...R
       }
-    }, x && m <= 50 && (m++, typeof x == "object" && (x.placement && (p = x.placement), x.rects && (u = x.rects === !0 ? await i.getElementRects({
+    }, x && h <= 50 && (h++, typeof x == "object" && (x.placement && (p = x.placement), x.rects && (u = x.rects === !0 ? await i.getElementRects({
       reference: e,
       floating: t,
       strategy: s
     }) : x.rects), {
       x: c,
       y: _
-    } = qe(u, p, a)), v = -1);
+    } = Ze(u, p, a)), v = -1);
   }
   return {
     x: c,
     y: _,
     placement: p,
     strategy: s,
-    middlewareData: f
+    middlewareData: d
   };
 };
-async function st(e, t) {
+async function dt(e, t) {
   var o;
   t === void 0 && (t = {});
   const {
@@ -903,8 +903,8 @@ async function st(e, t) {
     rootBoundary: c = "viewport",
     elementContext: _ = "floating",
     altBoundary: p = !1,
-    padding: f = 0
-  } = be(t, e), m = rt(f), b = r[p ? _ === "floating" ? "reference" : "floating" : _], g = Oe(await l.getClippingRect({
+    padding: d = 0
+  } = xe(t, e), h = ft(d), b = r[p ? _ === "floating" ? "reference" : "floating" : _], g = Ee(await l.getClippingRect({
     element: (o = await (l.isElement == null ? void 0 : l.isElement(b))) == null || o ? b : b.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(r.floating)),
     boundary: u,
     rootBoundary: c,
@@ -914,26 +914,26 @@ async function st(e, t) {
     y: s,
     width: i.floating.width,
     height: i.floating.height
-  } : i.reference, C = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(r.floating)), O = await (l.isElement == null ? void 0 : l.isElement(C)) ? await (l.getScale == null ? void 0 : l.getScale(C)) || {
+  } : i.reference, T = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(r.floating)), R = await (l.isElement == null ? void 0 : l.isElement(T)) ? await (l.getScale == null ? void 0 : l.getScale(T)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, x = Oe(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, x = Ee(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: k,
-    offsetParent: C,
+    offsetParent: T,
     strategy: a
   }) : k);
   return {
-    top: (g.top - x.top + m.top) / O.y,
-    bottom: (x.bottom - g.bottom + m.bottom) / O.y,
-    left: (g.left - x.left + m.left) / O.x,
-    right: (x.right - g.right + m.right) / O.x
+    top: (g.top - x.top + h.top) / R.y,
+    bottom: (x.bottom - g.bottom + h.bottom) / R.y,
+    left: (g.left - x.left + h.left) / R.x,
+    right: (x.right - g.right + h.right) / R.x
   };
 }
-const Zn = (e) => ({
+const no = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -948,29 +948,29 @@ const Zn = (e) => ({
     } = t, {
       element: u,
       padding: c = 0
-    } = be(e, t) || {};
+    } = xe(e, t) || {};
     if (u == null)
       return {};
-    const _ = rt(c), p = {
+    const _ = ft(c), p = {
       x: o,
       y: n
-    }, f = Fe(s), m = De(f), v = await i.getDimensions(u), b = f === "y", g = b ? "top" : "left", k = b ? "bottom" : "right", C = b ? "clientHeight" : "clientWidth", O = l.reference[m] + l.reference[f] - p[f] - l.floating[m], x = p[f] - l.reference[f], I = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(u));
-    let T = I ? I[C] : 0;
-    (!T || !await (i.isElement == null ? void 0 : i.isElement(I))) && (T = r.floating[C] || l.floating[m]);
-    const z = O / 2 - x / 2, w = T / 2 - v[m] / 2 - 1, S = de(_[g], w), R = de(_[k], w), D = S, U = T - v[m] - R, E = T / 2 - v[m] / 2 + z, ie = Me(D, E, U), X = !a.arrow && ye(s) != null && E !== ie && l.reference[m] / 2 - (E < D ? S : R) - v[m] / 2 < 0, W = X ? E < D ? E - D : E - U : 0;
+    }, d = je(s), h = We(d), v = await i.getDimensions(u), b = d === "y", g = b ? "top" : "left", k = b ? "bottom" : "right", T = b ? "clientHeight" : "clientWidth", R = l.reference[h] + l.reference[d] - p[d] - l.floating[h], x = p[d] - l.reference[d], M = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(u));
+    let $ = M ? M[T] : 0;
+    (!$ || !await (i.isElement == null ? void 0 : i.isElement(M))) && ($ = r.floating[T] || l.floating[h]);
+    const V = R / 2 - x / 2, w = $ / 2 - v[h] / 2 - 1, O = _e(_[g], w), A = _e(_[k], w), D = O, X = $ - v[h] - A, I = $ / 2 - v[h] / 2 + V, ae = De(D, I, X), q = !a.arrow && ke(s) != null && I !== ae && l.reference[h] / 2 - (I < D ? O : A) - v[h] / 2 < 0, W = q ? I < D ? I - D : I - X : 0;
     return {
-      [f]: p[f] + W,
+      [d]: p[d] + W,
       data: {
-        [f]: ie,
-        centerOffset: E - ie - W,
-        ...X && {
+        [d]: ae,
+        centerOffset: I - ae - W,
+        ...q && {
           alignmentOffset: W
         }
       },
-      reset: X
+      reset: q
     };
   }
-}), Jn = function(e) {
+}), oo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -987,62 +987,62 @@ const Zn = (e) => ({
         mainAxis: c = !0,
         crossAxis: _ = !0,
         fallbackPlacements: p,
-        fallbackStrategy: f = "bestFit",
-        fallbackAxisSideDirection: m = "none",
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: h = "none",
         flipAlignment: v = !0,
         ...b
-      } = be(e, t);
+      } = xe(e, t);
       if ((o = l.arrow) != null && o.alignmentOffset)
         return {};
-      const g = re(s), k = _e(r), C = re(r) === r, O = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), x = p || (C || !v ? [Se(r)] : Un(r)), I = m !== "none";
-      !p && I && x.push(...qn(r, v, m, O));
-      const T = [r, ...x], z = await st(t, b), w = [];
-      let S = ((n = l.flip) == null ? void 0 : n.overflows) || [];
-      if (c && w.push(z[g]), _) {
-        const E = Yn(s, i, O);
-        w.push(z[E[0]], z[E[1]]);
+      const g = se(s), k = pe(r), T = se(r) === r, R = await (a.isRTL == null ? void 0 : a.isRTL(u.floating)), x = p || (T || !v ? [Re(r)] : Qn(r)), M = h !== "none";
+      !p && M && x.push(...Jn(r, v, h, R));
+      const $ = [r, ...x], V = await dt(t, b), w = [];
+      let O = ((n = l.flip) == null ? void 0 : n.overflows) || [];
+      if (c && w.push(V[g]), _) {
+        const I = Kn(s, i, R);
+        w.push(V[I[0]], V[I[1]]);
       }
-      if (S = [...S, {
+      if (O = [...O, {
         placement: s,
         overflows: w
-      }], !w.every((E) => E <= 0)) {
-        var R, D;
-        const E = (((R = l.flip) == null ? void 0 : R.index) || 0) + 1, ie = T[E];
-        if (ie)
+      }], !w.every((I) => I <= 0)) {
+        var A, D;
+        const I = (((A = l.flip) == null ? void 0 : A.index) || 0) + 1, ae = $[I];
+        if (ae)
           return {
             data: {
-              index: E,
-              overflows: S
+              index: I,
+              overflows: O
             },
             reset: {
-              placement: ie
+              placement: ae
             }
           };
-        let X = (D = S.filter((W) => W.overflows[0] <= 0).sort((W, Z) => W.overflows[1] - Z.overflows[1])[0]) == null ? void 0 : D.placement;
-        if (!X)
-          switch (f) {
+        let q = (D = O.filter((W) => W.overflows[0] <= 0).sort((W, J) => W.overflows[1] - J.overflows[1])[0]) == null ? void 0 : D.placement;
+        if (!q)
+          switch (d) {
             case "bestFit": {
-              var U;
-              const W = (U = S.filter((Z) => {
-                if (I) {
-                  const J = _e(Z.placement);
-                  return J === k || // Create a bias to the `y` side axis due to horizontal
+              var X;
+              const W = (X = O.filter((J) => {
+                if (M) {
+                  const ee = pe(J.placement);
+                  return ee === k || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  J === "y";
+                  ee === "y";
                 }
                 return !0;
-              }).map((Z) => [Z.placement, Z.overflows.filter((J) => J > 0).reduce((J, pt) => J + pt, 0)]).sort((Z, J) => Z[1] - J[1])[0]) == null ? void 0 : U[0];
-              W && (X = W);
+              }).map((J) => [J.placement, J.overflows.filter((ee) => ee > 0).reduce((ee, yt) => ee + yt, 0)]).sort((J, ee) => J[1] - ee[1])[0]) == null ? void 0 : X[0];
+              W && (q = W);
               break;
             }
             case "initialPlacement":
-              X = r;
+              q = r;
               break;
           }
-        if (s !== X)
+        if (s !== q)
           return {
             reset: {
-              placement: X
+              placement: q
             }
           };
       }
@@ -1050,16 +1050,16 @@ const Zn = (e) => ({
     }
   };
 };
-async function eo(e, t) {
+async function ro(e, t) {
   const {
     placement: o,
     platform: n,
     elements: s
-  } = e, l = await (n.isRTL == null ? void 0 : n.isRTL(s.floating)), i = re(o), r = ye(o), a = _e(o) === "y", u = ["left", "top"].includes(i) ? -1 : 1, c = l && a ? -1 : 1, _ = be(t, e);
+  } = e, l = await (n.isRTL == null ? void 0 : n.isRTL(s.floating)), i = se(o), r = ke(o), a = pe(o) === "y", u = ["left", "top"].includes(i) ? -1 : 1, c = l && a ? -1 : 1, _ = xe(t, e);
   let {
     mainAxis: p,
-    crossAxis: f,
-    alignmentAxis: m
+    crossAxis: d,
+    alignmentAxis: h
   } = typeof _ == "number" ? {
     mainAxis: _,
     crossAxis: 0,
@@ -1069,15 +1069,15 @@ async function eo(e, t) {
     crossAxis: _.crossAxis || 0,
     alignmentAxis: _.alignmentAxis
   };
-  return r && typeof m == "number" && (f = r === "end" ? m * -1 : m), a ? {
-    x: f * c,
+  return r && typeof h == "number" && (d = r === "end" ? h * -1 : h), a ? {
+    x: d * c,
     y: p * u
   } : {
     x: p * u,
-    y: f * c
+    y: d * c
   };
 }
-const to = function(e) {
+const so = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1088,7 +1088,7 @@ const to = function(e) {
         y: l,
         placement: i,
         middlewareData: r
-      } = t, a = await eo(t, e);
+      } = t, a = await ro(t, e);
       return i === ((o = r.offset) == null ? void 0 : o.placement) && (n = r.arrow) != null && n.alignmentOffset ? {} : {
         x: s + a.x,
         y: l + a.y,
@@ -1099,7 +1099,7 @@ const to = function(e) {
       };
     }
   };
-}, no = function(e) {
+}, lo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1124,23 +1124,23 @@ const to = function(e) {
           }
         },
         ...a
-      } = be(e, t), u = {
+      } = xe(e, t), u = {
         x: o,
         y: n
-      }, c = await st(t, a), _ = _e(re(s)), p = ot(_);
-      let f = u[p], m = u[_];
+      }, c = await dt(t, a), _ = pe(se(s)), p = ct(_);
+      let d = u[p], h = u[_];
       if (l) {
-        const b = p === "y" ? "top" : "left", g = p === "y" ? "bottom" : "right", k = f + c[b], C = f - c[g];
-        f = Me(k, f, C);
+        const b = p === "y" ? "top" : "left", g = p === "y" ? "bottom" : "right", k = d + c[b], T = d - c[g];
+        d = De(k, d, T);
       }
       if (i) {
-        const b = _ === "y" ? "top" : "left", g = _ === "y" ? "bottom" : "right", k = m + c[b], C = m - c[g];
-        m = Me(k, m, C);
+        const b = _ === "y" ? "top" : "left", g = _ === "y" ? "bottom" : "right", k = h + c[b], T = h - c[g];
+        h = De(k, h, T);
       }
       const v = r.fn({
         ...t,
-        [p]: f,
-        [_]: m
+        [p]: d,
+        [_]: h
       });
       return {
         ...v,
@@ -1156,33 +1156,33 @@ const to = function(e) {
     }
   };
 };
-function Re() {
+function Le() {
   return typeof window < "u";
 }
-function le(e) {
-  return He(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function ie(e) {
+  return Ge(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function F(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function Y(e) {
+function U(e) {
   var t;
-  return (t = (He(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Ge(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function He(e) {
-  return Re() ? e instanceof Node || e instanceof F(e).Node : !1;
+function Ge(e) {
+  return Le() ? e instanceof Node || e instanceof F(e).Node : !1;
 }
 function H(e) {
-  return Re() ? e instanceof Element || e instanceof F(e).Element : !1;
+  return Le() ? e instanceof Element || e instanceof F(e).Element : !1;
 }
 function G(e) {
-  return Re() ? e instanceof HTMLElement || e instanceof F(e).HTMLElement : !1;
+  return Le() ? e instanceof HTMLElement || e instanceof F(e).HTMLElement : !1;
 }
-function Ke(e) {
-  return !Re() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof F(e).ShadowRoot;
+function Je(e) {
+  return !Le() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof F(e).ShadowRoot;
 }
-function xe(e) {
+function Ce(e) {
   const {
     overflow: t,
     overflowX: o,
@@ -1191,10 +1191,10 @@ function xe(e) {
   } = N(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !["inline", "contents"].includes(s);
 }
-function oo(e) {
-  return ["table", "td", "th"].includes(le(e));
+function io(e) {
+  return ["table", "td", "th"].includes(ie(e));
 }
-function Ae(e) {
+function Ie(e) {
   return [":popover-open", ":modal"].some((t) => {
     try {
       return e.matches(t);
@@ -1203,31 +1203,31 @@ function Ae(e) {
     }
   });
 }
-function Ne(e) {
-  const t = We(), o = H(e) ? N(e) : e;
+function Ye(e) {
+  const t = Ue(), o = H(e) ? N(e) : e;
   return ["transform", "translate", "scale", "rotate", "perspective"].some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
 }
-function ro(e) {
-  let t = ne(e);
-  for (; G(t) && !pe(t); ) {
-    if (Ne(t))
+function ao(e) {
+  let t = oe(e);
+  for (; G(t) && !me(t); ) {
+    if (Ye(t))
       return t;
-    if (Ae(t))
+    if (Ie(t))
       return null;
-    t = ne(t);
+    t = oe(t);
   }
   return null;
 }
-function We() {
+function Ue() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function pe(e) {
-  return ["html", "body", "#document"].includes(le(e));
+function me(e) {
+  return ["html", "body", "#document"].includes(ie(e));
 }
 function N(e) {
   return F(e).getComputedStyle(e);
 }
-function Ee(e) {
+function Me(e) {
   return H(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
@@ -1236,119 +1236,119 @@ function Ee(e) {
     scrollTop: e.scrollY
   };
 }
-function ne(e) {
-  if (le(e) === "html")
+function oe(e) {
+  if (ie(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Ke(e) && e.host || // Fallback.
-    Y(e)
+    Je(e) && e.host || // Fallback.
+    U(e)
   );
-  return Ke(t) ? t.host : t;
+  return Je(t) ? t.host : t;
 }
-function lt(e) {
-  const t = ne(e);
-  return pe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : G(t) && xe(t) ? t : lt(t);
+function _t(e) {
+  const t = oe(e);
+  return me(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : G(t) && Ce(t) ? t : _t(t);
 }
-function ve(e, t, o) {
+function ye(e, t, o) {
   var n;
   t === void 0 && (t = []), o === void 0 && (o = !0);
-  const s = lt(e), l = s === ((n = e.ownerDocument) == null ? void 0 : n.body), i = F(s);
+  const s = _t(e), l = s === ((n = e.ownerDocument) == null ? void 0 : n.body), i = F(s);
   if (l) {
-    const r = Be(i);
-    return t.concat(i, i.visualViewport || [], xe(s) ? s : [], r && o ? ve(r) : []);
+    const r = He(i);
+    return t.concat(i, i.visualViewport || [], Ce(s) ? s : [], r && o ? ye(r) : []);
   }
-  return t.concat(s, ve(s, [], o));
+  return t.concat(s, ye(s, [], o));
 }
-function Be(e) {
+function He(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function it(e) {
+function pt(e) {
   const t = N(e);
   let o = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
-  const s = G(e), l = s ? e.offsetWidth : o, i = s ? e.offsetHeight : n, r = $e(o) !== l || $e(n) !== i;
+  const s = G(e), l = s ? e.offsetWidth : o, i = s ? e.offsetHeight : n, r = Se(o) !== l || Se(n) !== i;
   return r && (o = l, n = i), {
     width: o,
     height: n,
     $: r
   };
 }
-function je(e) {
+function Xe(e) {
   return H(e) ? e : e.contextElement;
 }
-function fe(e) {
-  const t = je(e);
+function de(e) {
+  const t = Xe(e);
   if (!G(t))
     return j(1);
   const o = t.getBoundingClientRect(), {
     width: n,
     height: s,
     $: l
-  } = it(t);
-  let i = (l ? $e(o.width) : o.width) / n, r = (l ? $e(o.height) : o.height) / s;
+  } = pt(t);
+  let i = (l ? Se(o.width) : o.width) / n, r = (l ? Se(o.height) : o.height) / s;
   return (!i || !Number.isFinite(i)) && (i = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: i,
     y: r
   };
 }
-const so = /* @__PURE__ */ j(0);
-function at(e) {
+const uo = /* @__PURE__ */ j(0);
+function mt(e) {
   const t = F(e);
-  return !We() || !t.visualViewport ? so : {
+  return !Ue() || !t.visualViewport ? uo : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function lo(e, t, o) {
+function co(e, t, o) {
   return t === void 0 && (t = !1), !o || t && o !== F(e) ? !1 : t;
 }
-function se(e, t, o, n) {
+function le(e, t, o, n) {
   t === void 0 && (t = !1), o === void 0 && (o = !1);
-  const s = e.getBoundingClientRect(), l = je(e);
+  const s = e.getBoundingClientRect(), l = Xe(e);
   let i = j(1);
-  t && (n ? H(n) && (i = fe(n)) : i = fe(e));
-  const r = lo(l, o, n) ? at(l) : j(0);
+  t && (n ? H(n) && (i = de(n)) : i = de(e));
+  const r = co(l, o, n) ? mt(l) : j(0);
   let a = (s.left + r.x) / i.x, u = (s.top + r.y) / i.y, c = s.width / i.x, _ = s.height / i.y;
   if (l) {
-    const p = F(l), f = n && H(n) ? F(n) : n;
-    let m = p, v = Be(m);
-    for (; v && n && f !== m; ) {
-      const b = fe(v), g = v.getBoundingClientRect(), k = N(v), C = g.left + (v.clientLeft + parseFloat(k.paddingLeft)) * b.x, O = g.top + (v.clientTop + parseFloat(k.paddingTop)) * b.y;
-      a *= b.x, u *= b.y, c *= b.x, _ *= b.y, a += C, u += O, m = F(v), v = Be(m);
+    const p = F(l), d = n && H(n) ? F(n) : n;
+    let h = p, v = He(h);
+    for (; v && n && d !== h; ) {
+      const b = de(v), g = v.getBoundingClientRect(), k = N(v), T = g.left + (v.clientLeft + parseFloat(k.paddingLeft)) * b.x, R = g.top + (v.clientTop + parseFloat(k.paddingTop)) * b.y;
+      a *= b.x, u *= b.y, c *= b.x, _ *= b.y, a += T, u += R, h = F(v), v = He(h);
     }
   }
-  return Oe({
+  return Ee({
     width: c,
     height: _,
     x: a,
     y: u
   });
 }
-function Ge(e, t) {
-  const o = Ee(e).scrollLeft;
-  return t ? t.left + o : se(Y(e)).left + o;
+function qe(e, t) {
+  const o = Me(e).scrollLeft;
+  return t ? t.left + o : le(U(e)).left + o;
 }
-function ut(e, t, o) {
+function ht(e, t, o) {
   o === void 0 && (o = !1);
   const n = e.getBoundingClientRect(), s = n.left + t.scrollLeft - (o ? 0 : (
     // RTL <body> scrollbar.
-    Ge(e, n)
+    qe(e, n)
   )), l = n.top + t.scrollTop;
   return {
     x: s,
     y: l
   };
 }
-function io(e) {
+function fo(e) {
   let {
     elements: t,
     rect: o,
     offsetParent: n,
     strategy: s
   } = e;
-  const l = s === "fixed", i = Y(n), r = t ? Ae(t.floating) : !1;
+  const l = s === "fixed", i = U(n), r = t ? Ie(t.floating) : !1;
   if (n === i || r && l)
     return o;
   let a = {
@@ -1356,11 +1356,11 @@ function io(e) {
     scrollTop: 0
   }, u = j(1);
   const c = j(0), _ = G(n);
-  if ((_ || !_ && !l) && ((le(n) !== "body" || xe(i)) && (a = Ee(n)), G(n))) {
-    const f = se(n);
-    u = fe(n), c.x = f.x + n.clientLeft, c.y = f.y + n.clientTop;
+  if ((_ || !_ && !l) && ((ie(n) !== "body" || Ce(i)) && (a = Me(n)), G(n))) {
+    const d = le(n);
+    u = de(n), c.x = d.x + n.clientLeft, c.y = d.y + n.clientTop;
   }
-  const p = i && !_ && !l ? ut(i, a, !0) : j(0);
+  const p = i && !_ && !l ? ht(i, a, !0) : j(0);
   return {
     width: o.width * u.x,
     height: o.height * u.y,
@@ -1368,26 +1368,26 @@ function io(e) {
     y: o.y * u.y - a.scrollTop * u.y + c.y + p.y
   };
 }
-function ao(e) {
+function _o(e) {
   return Array.from(e.getClientRects());
 }
-function uo(e) {
-  const t = Y(e), o = Ee(e), n = e.ownerDocument.body, s = oe(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), l = oe(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
-  let i = -o.scrollLeft + Ge(e);
+function po(e) {
+  const t = U(e), o = Me(e), n = e.ownerDocument.body, s = re(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), l = re(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
+  let i = -o.scrollLeft + qe(e);
   const r = -o.scrollTop;
-  return N(n).direction === "rtl" && (i += oe(t.clientWidth, n.clientWidth) - s), {
+  return N(n).direction === "rtl" && (i += re(t.clientWidth, n.clientWidth) - s), {
     width: s,
     height: l,
     x: i,
     y: r
   };
 }
-function co(e, t) {
-  const o = F(e), n = Y(e), s = o.visualViewport;
+function mo(e, t) {
+  const o = F(e), n = U(e), s = o.visualViewport;
   let l = n.clientWidth, i = n.clientHeight, r = 0, a = 0;
   if (s) {
     l = s.width, i = s.height;
-    const u = We();
+    const u = Ue();
     (!u || u && t === "fixed") && (r = s.offsetLeft, a = s.offsetTop);
   }
   return {
@@ -1397,8 +1397,8 @@ function co(e, t) {
     y: a
   };
 }
-function fo(e, t) {
-  const o = se(e, !0, t === "fixed"), n = o.top + e.clientTop, s = o.left + e.clientLeft, l = G(e) ? fe(e) : j(1), i = e.clientWidth * l.x, r = e.clientHeight * l.y, a = s * l.x, u = n * l.y;
+function ho(e, t) {
+  const o = le(e, !0, t === "fixed"), n = o.top + e.clientTop, s = o.left + e.clientLeft, l = G(e) ? de(e) : j(1), i = e.clientWidth * l.x, r = e.clientHeight * l.y, a = s * l.x, u = n * l.y;
   return {
     width: i,
     height: r,
@@ -1406,16 +1406,16 @@ function fo(e, t) {
     y: u
   };
 }
-function Qe(e, t, o) {
+function et(e, t, o) {
   let n;
   if (t === "viewport")
-    n = co(e, o);
+    n = mo(e, o);
   else if (t === "document")
-    n = uo(Y(e));
+    n = po(U(e));
   else if (H(t))
-    n = fo(t, o);
+    n = ho(t, o);
   else {
-    const s = at(e);
+    const s = mt(e);
     n = {
       x: t.x - s.x,
       y: t.y - s.y,
@@ -1423,36 +1423,36 @@ function Qe(e, t, o) {
       height: t.height
     };
   }
-  return Oe(n);
+  return Ee(n);
 }
-function ct(e, t) {
-  const o = ne(e);
-  return o === t || !H(o) || pe(o) ? !1 : N(o).position === "fixed" || ct(o, t);
+function gt(e, t) {
+  const o = oe(e);
+  return o === t || !H(o) || me(o) ? !1 : N(o).position === "fixed" || gt(o, t);
 }
-function _o(e, t) {
+function go(e, t) {
   const o = t.get(e);
   if (o)
     return o;
-  let n = ve(e, [], !1).filter((r) => H(r) && le(r) !== "body"), s = null;
+  let n = ye(e, [], !1).filter((r) => H(r) && ie(r) !== "body"), s = null;
   const l = N(e).position === "fixed";
-  let i = l ? ne(e) : e;
-  for (; H(i) && !pe(i); ) {
-    const r = N(i), a = Ne(i);
-    !a && r.position === "fixed" && (s = null), (l ? !a && !s : !a && r.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || xe(i) && !a && ct(e, i)) ? n = n.filter((c) => c !== i) : s = r, i = ne(i);
+  let i = l ? oe(e) : e;
+  for (; H(i) && !me(i); ) {
+    const r = N(i), a = Ye(i);
+    !a && r.position === "fixed" && (s = null), (l ? !a && !s : !a && r.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || Ce(i) && !a && gt(e, i)) ? n = n.filter((c) => c !== i) : s = r, i = oe(i);
   }
   return t.set(e, n), n;
 }
-function po(e) {
+function wo(e) {
   let {
     element: t,
     boundary: o,
     rootBoundary: n,
     strategy: s
   } = e;
-  const i = [...o === "clippingAncestors" ? Ae(t) ? [] : _o(t, this._c) : [].concat(o), n], r = i[0], a = i.reduce((u, c) => {
-    const _ = Qe(t, c, s);
-    return u.top = oe(_.top, u.top), u.right = de(_.right, u.right), u.bottom = de(_.bottom, u.bottom), u.left = oe(_.left, u.left), u;
-  }, Qe(t, r, s));
+  const i = [...o === "clippingAncestors" ? Ie(t) ? [] : go(t, this._c) : [].concat(o), n], r = i[0], a = i.reduce((u, c) => {
+    const _ = et(t, c, s);
+    return u.top = re(_.top, u.top), u.right = _e(_.right, u.right), u.bottom = _e(_.bottom, u.bottom), u.left = re(_.left, u.left), u;
+  }, et(t, r, s));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -1460,29 +1460,29 @@ function po(e) {
     y: a.top
   };
 }
-function mo(e) {
+function vo(e) {
   const {
     width: t,
     height: o
-  } = it(e);
+  } = pt(e);
   return {
     width: t,
     height: o
   };
 }
-function ho(e, t, o) {
-  const n = G(t), s = Y(t), l = o === "fixed", i = se(e, !0, l, t);
+function bo(e, t, o) {
+  const n = G(t), s = U(t), l = o === "fixed", i = le(e, !0, l, t);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const a = j(0);
   if (n || !n && !l)
-    if ((le(t) !== "body" || xe(s)) && (r = Ee(t)), n) {
-      const p = se(t, !0, l, t);
+    if ((ie(t) !== "body" || Ce(s)) && (r = Me(t)), n) {
+      const p = le(t, !0, l, t);
       a.x = p.x + t.clientLeft, a.y = p.y + t.clientTop;
-    } else s && (a.x = Ge(s));
-  const u = s && !n && !l ? ut(s, r) : j(0), c = i.left + r.scrollLeft - a.x - u.x, _ = i.top + r.scrollTop - a.y - u.y;
+    } else s && (a.x = qe(s));
+  const u = s && !n && !l ? ht(s, r) : j(0), c = i.left + r.scrollLeft - a.x - u.x, _ = i.top + r.scrollTop - a.y - u.y;
   return {
     x: c,
     y: _,
@@ -1490,39 +1490,39 @@ function ho(e, t, o) {
     height: i.height
   };
 }
-function Ie(e) {
+function Be(e) {
   return N(e).position === "static";
 }
-function Ze(e, t) {
+function tt(e, t) {
   if (!G(e) || N(e).position === "fixed")
     return null;
   if (t)
     return t(e);
   let o = e.offsetParent;
-  return Y(e) === o && (o = o.ownerDocument.body), o;
+  return U(e) === o && (o = o.ownerDocument.body), o;
 }
-function ft(e, t) {
+function wt(e, t) {
   const o = F(e);
-  if (Ae(e))
+  if (Ie(e))
     return o;
   if (!G(e)) {
-    let s = ne(e);
-    for (; s && !pe(s); ) {
-      if (H(s) && !Ie(s))
+    let s = oe(e);
+    for (; s && !me(s); ) {
+      if (H(s) && !Be(s))
         return s;
-      s = ne(s);
+      s = oe(s);
     }
     return o;
   }
-  let n = Ze(e, t);
-  for (; n && oo(n) && Ie(n); )
-    n = Ze(n, t);
-  return n && pe(n) && Ie(n) && !Ne(n) ? o : n || ro(e) || o;
+  let n = tt(e, t);
+  for (; n && io(n) && Be(n); )
+    n = tt(n, t);
+  return n && me(n) && Be(n) && !Ye(n) ? o : n || ao(e) || o;
 }
-const go = async function(e) {
-  const t = this.getOffsetParent || ft, o = this.getDimensions, n = await o(e.floating);
+const yo = async function(e) {
+  const t = this.getOffsetParent || wt, o = this.getDimensions, n = await o(e.floating);
   return {
-    reference: ho(e.reference, await t(e.floating), e.strategy),
+    reference: bo(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1531,27 +1531,27 @@ const go = async function(e) {
     }
   };
 };
-function wo(e) {
+function xo(e) {
   return N(e).direction === "rtl";
 }
-const vo = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: io,
-  getDocumentElement: Y,
-  getClippingRect: po,
-  getOffsetParent: ft,
-  getElementRects: go,
-  getClientRects: ao,
-  getDimensions: mo,
-  getScale: fe,
+const ko = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: fo,
+  getDocumentElement: U,
+  getClippingRect: wo,
+  getOffsetParent: wt,
+  getElementRects: yo,
+  getClientRects: _o,
+  getDimensions: vo,
+  getScale: de,
   isElement: H,
-  isRTL: wo
+  isRTL: xo
 };
-function dt(e, t) {
+function vt(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function bo(e, t) {
+function Co(e, t) {
   let o = null, n;
-  const s = Y(e);
+  const s = U(e);
   function l() {
     var r;
     clearTimeout(n), (r = o) == null || r.disconnect(), o = null;
@@ -1562,40 +1562,40 @@ function bo(e, t) {
       left: c,
       top: _,
       width: p,
-      height: f
+      height: d
     } = u;
-    if (r || t(), !p || !f)
+    if (r || t(), !p || !d)
       return;
-    const m = ke(_), v = ke(s.clientWidth - (c + p)), b = ke(s.clientHeight - (_ + f)), g = ke(c), C = {
-      rootMargin: -m + "px " + -v + "px " + -b + "px " + -g + "px",
-      threshold: oe(0, de(1, a)) || 1
+    const h = Te(_), v = Te(s.clientWidth - (c + p)), b = Te(s.clientHeight - (_ + d)), g = Te(c), T = {
+      rootMargin: -h + "px " + -v + "px " + -b + "px " + -g + "px",
+      threshold: re(0, _e(1, a)) || 1
     };
-    let O = !0;
-    function x(I) {
-      const T = I[0].intersectionRatio;
-      if (T !== a) {
-        if (!O)
+    let R = !0;
+    function x(M) {
+      const $ = M[0].intersectionRatio;
+      if ($ !== a) {
+        if (!R)
           return i();
-        T ? i(!1, T) : n = setTimeout(() => {
+        $ ? i(!1, $) : n = setTimeout(() => {
           i(!1, 1e-7);
         }, 1e3);
       }
-      T === 1 && !dt(u, e.getBoundingClientRect()) && i(), O = !1;
+      $ === 1 && !vt(u, e.getBoundingClientRect()) && i(), R = !1;
     }
     try {
       o = new IntersectionObserver(x, {
-        ...C,
+        ...T,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      o = new IntersectionObserver(x, C);
+      o = new IntersectionObserver(x, T);
     }
     o.observe(e);
   }
   return i(!0), l;
 }
-function yo(e, t, o, n) {
+function To(e, t, o, n) {
   n === void 0 && (n = {});
   const {
     ancestorScroll: s = !0,
@@ -1603,166 +1603,166 @@ function yo(e, t, o, n) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: a = !1
-  } = n, u = je(e), c = s || l ? [...u ? ve(u) : [], ...ve(t)] : [];
+  } = n, u = Xe(e), c = s || l ? [...u ? ye(u) : [], ...ye(t)] : [];
   c.forEach((g) => {
     s && g.addEventListener("scroll", o, {
       passive: !0
     }), l && g.addEventListener("resize", o);
   });
-  const _ = u && r ? bo(u, o) : null;
-  let p = -1, f = null;
-  i && (f = new ResizeObserver((g) => {
+  const _ = u && r ? Co(u, o) : null;
+  let p = -1, d = null;
+  i && (d = new ResizeObserver((g) => {
     let [k] = g;
-    k && k.target === u && f && (f.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
-      var C;
-      (C = f) == null || C.observe(t);
+    k && k.target === u && d && (d.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var T;
+      (T = d) == null || T.observe(t);
     })), o();
-  }), u && !a && f.observe(u), f.observe(t));
-  let m, v = a ? se(e) : null;
+  }), u && !a && d.observe(u), d.observe(t));
+  let h, v = a ? le(e) : null;
   a && b();
   function b() {
-    const g = se(e);
-    v && !dt(v, g) && o(), v = g, m = requestAnimationFrame(b);
+    const g = le(e);
+    v && !vt(v, g) && o(), v = g, h = requestAnimationFrame(b);
   }
   return o(), () => {
     var g;
     c.forEach((k) => {
       s && k.removeEventListener("scroll", o), l && k.removeEventListener("resize", o);
-    }), _ == null || _(), (g = f) == null || g.disconnect(), f = null, a && cancelAnimationFrame(m);
+    }), _ == null || _(), (g = d) == null || g.disconnect(), d = null, a && cancelAnimationFrame(h);
   };
 }
-const xo = to, ko = no, Co = Jn, To = Zn, $o = (e, t, o) => {
+const $o = so, Oo = lo, So = oo, Ro = no, Eo = (e, t, o) => {
   const n = /* @__PURE__ */ new Map(), s = {
-    platform: vo,
+    platform: ko,
     ...o
   }, l = {
     ...s.platform,
     _c: n
   };
-  return Qn(e, t, {
+  return to(e, t, {
     ...s,
     platform: l
   });
 };
-function So(e) {
+function Ao(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function ze(e) {
-  if (So(e)) {
+function Ne(e) {
+  if (Ao(e)) {
     const t = e.$el;
-    return He(t) && le(t) === "#comment" ? null : t;
+    return Ge(t) && ie(t) === "#comment" ? null : t;
   }
   return e;
 }
-function ce(e) {
-  return typeof e == "function" ? e() : d(e);
+function fe(e) {
+  return typeof e == "function" ? e() : f(e);
 }
-function Oo(e) {
+function Lo(e) {
   return {
     name: "arrow",
     options: e,
     fn(t) {
-      const o = ze(ce(e.element));
-      return o == null ? {} : To({
+      const o = Ne(fe(e.element));
+      return o == null ? {} : Ro({
         element: o,
         padding: e.padding
       }).fn(t);
     }
   };
 }
-function _t(e) {
+function bt(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Je(e, t) {
-  const o = _t(e);
+function nt(e, t) {
+  const o = bt(e);
   return Math.round(t * o) / o;
 }
-function Ro(e, t, o) {
+function Io(e, t, o) {
   o === void 0 && (o = {});
-  const n = o.whileElementsMounted, s = V(() => {
-    var T;
-    return (T = ce(o.open)) != null ? T : !0;
-  }), l = V(() => ce(o.middleware)), i = V(() => {
-    var T;
-    return (T = ce(o.placement)) != null ? T : "bottom";
-  }), r = V(() => {
-    var T;
-    return (T = ce(o.strategy)) != null ? T : "absolute";
-  }), a = V(() => {
-    var T;
-    return (T = ce(o.transform)) != null ? T : !0;
-  }), u = V(() => ze(e.value)), c = V(() => ze(t.value)), _ = A(0), p = A(0), f = A(r.value), m = A(i.value), v = vt({}), b = A(!1), g = V(() => {
-    const T = {
-      position: f.value,
+  const n = o.whileElementsMounted, s = B(() => {
+    var $;
+    return ($ = fe(o.open)) != null ? $ : !0;
+  }), l = B(() => fe(o.middleware)), i = B(() => {
+    var $;
+    return ($ = fe(o.placement)) != null ? $ : "bottom";
+  }), r = B(() => {
+    var $;
+    return ($ = fe(o.strategy)) != null ? $ : "absolute";
+  }), a = B(() => {
+    var $;
+    return ($ = fe(o.transform)) != null ? $ : !0;
+  }), u = B(() => Ne(e.value)), c = B(() => Ne(t.value)), _ = E(0), p = E(0), d = E(r.value), h = E(i.value), v = Ct({}), b = E(!1), g = B(() => {
+    const $ = {
+      position: d.value,
       left: "0",
       top: "0"
     };
     if (!c.value)
-      return T;
-    const z = Je(c.value, _.value), w = Je(c.value, p.value);
+      return $;
+    const V = nt(c.value, _.value), w = nt(c.value, p.value);
     return a.value ? {
-      ...T,
-      transform: "translate(" + z + "px, " + w + "px)",
-      ..._t(c.value) >= 1.5 && {
+      ...$,
+      transform: "translate(" + V + "px, " + w + "px)",
+      ...bt(c.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: f.value,
-      left: z + "px",
+      position: d.value,
+      left: V + "px",
       top: w + "px"
     };
   });
   let k;
-  function C() {
+  function T() {
     if (u.value == null || c.value == null)
       return;
-    const T = s.value;
-    $o(u.value, c.value, {
+    const $ = s.value;
+    Eo(u.value, c.value, {
       middleware: l.value,
       placement: i.value,
       strategy: r.value
-    }).then((z) => {
-      _.value = z.x, p.value = z.y, f.value = z.strategy, m.value = z.placement, v.value = z.middlewareData, b.value = T !== !1;
+    }).then((V) => {
+      _.value = V.x, p.value = V.y, d.value = V.strategy, h.value = V.placement, v.value = V.middlewareData, b.value = $ !== !1;
     });
   }
-  function O() {
+  function R() {
     typeof k == "function" && (k(), k = void 0);
   }
   function x() {
-    if (O(), n === void 0) {
-      C();
+    if (R(), n === void 0) {
+      T();
       return;
     }
     if (u.value != null && c.value != null) {
-      k = n(u.value, c.value, C);
+      k = n(u.value, c.value, T);
       return;
     }
   }
-  function I() {
+  function M() {
     s.value || (b.value = !1);
   }
-  return te([l, i, r, s], C, {
+  return ne([l, i, r, s], T, {
     flush: "sync"
-  }), te([u, c], x, {
+  }), ne([u, c], x, {
     flush: "sync"
-  }), te(s, I, {
+  }), ne(s, M, {
     flush: "sync"
-  }), bt() && yt(O), {
-    x: ae(_),
-    y: ae(p),
-    strategy: ae(f),
-    placement: ae(m),
-    middlewareData: ae(v),
-    isPositioned: ae(b),
+  }), Tt() && $t(R), {
+    x: ue(_),
+    y: ue(p),
+    strategy: ue(d),
+    placement: ue(h),
+    middlewareData: ue(v),
+    isPositioned: ue(b),
     floatingStyles: g,
-    update: C
+    update: T
   };
 }
-let et = !1;
-const Ao = () => {
-  if (et)
+let ot = !1;
+const Mo = () => {
+  if (ot)
     return;
-  et = !0;
+  ot = !0;
   let e;
   Object.defineProperty(window, "wasTooltipShown", {
     get() {
@@ -1778,16 +1778,16 @@ const Ao = () => {
     configurable: !0
   });
 };
-function Eo(e = "") {
+function zo(e = "") {
   return typeof e == "string" ? e.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, "") : e;
 }
-const Lo = "_bubble_1jxs4_1", Io = "_trigger_1jxs4_43", Mo = "_trigger__icon_1jxs4_51", Vo = "_arrow_1jxs4_57", Bo = "_bubble__content_1jxs4_79", he = {
-  bubble: Lo,
-  trigger: Io,
-  trigger__icon: Mo,
-  arrow: Vo,
-  bubble__content: Bo
-}, zo = ["innerHTML"], Po = ["id"], tt = 1e3, Uo = /* @__PURE__ */ Q({
+const Bo = "_bubble_1jxs4_1", Vo = "_trigger_1jxs4_43", Po = "_trigger__icon_1jxs4_51", Do = "_arrow_1jxs4_57", Fo = "_bubble__content_1jxs4_79", ge = {
+  bubble: Bo,
+  trigger: Vo,
+  trigger__icon: Po,
+  arrow: Do,
+  bubble__content: Fo
+}, Ho = ["innerHTML"], No = ["id"], rt = 1e3, lr = /* @__PURE__ */ Y({
   __name: "Tooltip",
   props: {
     id: {},
@@ -1806,102 +1806,189 @@ const Lo = "_bubble_1jxs4_1", Io = "_trigger_1jxs4_43", Mo = "_trigger__icon_1jx
     };
     let o = null, n = null;
     typeof window < "u" && window.wasTooltipShown === void 0 && (window.wasTooltipShown = !1);
-    const s = e, l = A(null), i = A(null), r = A(null), a = A(!1), u = V(() => s.preventXss ? Eo(s.text) : s.text), { floatingStyles: c, update: _, middlewareData: p, placement: f } = Ro(i, l, {
-      placement: V(() => s.placement || "bottom"),
+    const s = e, l = E(null), i = E(null), r = E(null), a = E(!1), u = B(() => s.preventXss ? zo(s.text) : s.text), { floatingStyles: c, update: _, middlewareData: p, placement: d } = Io(i, l, {
+      placement: B(() => s.placement || "bottom"),
       strategy: "fixed",
-      whileElementsMounted: yo,
+      whileElementsMounted: To,
       middleware: [
-        xo(10),
-        Co(),
-        ko(),
-        Oo({ element: r, padding: 8 })
+        $o(10),
+        So(),
+        Oo(),
+        Lo({ element: r, padding: 8 })
       ]
-    }), m = () => {
+    }), h = () => {
       o && clearTimeout(o), n && clearTimeout(n), window.wasTooltipShown ? a.value = !0 : o = setTimeout(() => {
         a.value = !0, window.wasTooltipShown = !0;
-      }, tt);
+      }, rt);
     }, v = () => {
       n && clearTimeout(n), n = setTimeout(() => {
         a.value = !1, window.wasTooltipShown = !0;
-      }, tt);
+      }, rt);
     }, b = () => {
       n && clearTimeout(n);
     }, g = () => {
-      b(), m();
+      b(), h();
     }, k = () => {
       v();
     };
-    te(() => s.placement, _), xt(Ao), Pe(() => {
-      kt(_), window.addEventListener("resize", _);
-    }), Ct(() => {
+    ne(() => s.placement, _), Ot(Mo), Ae(() => {
+      it(_), window.addEventListener("resize", _);
+    }), at(() => {
       window.removeEventListener("resize", _);
     });
-    const C = V(() => {
-      const [x] = f.value.split("-");
+    const T = B(() => {
+      const [x] = d.value.split("-");
       return {
         [t[x]]: "-4px"
       };
-    }), O = V(() => {
-      var x, I;
+    }), R = B(() => {
+      var x, M;
       return r.value ? {
         left: ((x = p.value.arrow) == null ? void 0 : x.x) != null ? `${p.value.arrow.x}px` : "",
-        top: ((I = p.value.arrow) == null ? void 0 : I.y) != null ? `${p.value.arrow.y}px` : "",
+        top: ((M = p.value.arrow) == null ? void 0 : M.y) != null ? `${p.value.arrow.y}px` : "",
         right: "",
         bottom: "",
-        ...C.value
+        ...T.value
       } : {};
     });
-    return (x, I) => (y(), $(Ce, null, [
-      (y(), ge(Tt, { to: "body" }, [
-        x.status || a.value ? (y(), $("div", {
+    return (x, M) => (y(), C(ve, null, [
+      (y(), we(St, { to: "body" }, [
+        x.status || a.value ? (y(), C("div", {
           key: 0,
           ref_key: "tooltipRef",
           ref: l,
-          class: h(["qa-tooltip", d(he).bubble]),
-          style: Te(d(c)),
+          class: m(["qa-tooltip", f(ge).bubble]),
+          style: Oe(f(c)),
           onMouseenter: g,
           onMouseleave: k
         }, [
-          B("div", {
-            class: h(d(he).bubble__content)
+          S("div", {
+            class: m(f(ge).bubble__content)
           }, [
-            B("div", { innerHTML: u.value }, null, 8, zo),
-            Xe(x.$slots, "contentSlot")
+            S("div", { innerHTML: u.value }, null, 8, Ho),
+            Pe(x.$slots, "contentSlot")
           ], 2),
-          B("div", {
+          S("div", {
             ref_key: "floatingArrowRef",
             ref: r,
-            class: h(d(he).arrow),
-            style: Te(O.value)
+            class: m(f(ge).arrow),
+            style: Oe(R.value)
           }, null, 6)
         ], 38)) : L("", !0)
       ])),
-      B("div", {
+      S("div", {
         id: x.id,
         ref_key: "triggerRef",
         ref: i,
-        class: h(d(he).trigger),
+        class: m(f(ge).trigger),
         onMouseenter: g,
         onMouseleave: k
       }, [
-        x.iconName ? (y(), ge(d(we), {
+        x.iconName ? (y(), we(f(be), {
           key: 0,
-          color: d(he).trigger__icon,
+          color: f(ge).trigger__icon,
           name: x.iconName
-        }, null, 8, ["color", "name"])) : Xe(x.$slots, "default", { key: 1 })
-      ], 42, Po)
+        }, null, 8, ["color", "name"])) : Pe(x.$slots, "default", { key: 1 })
+      ], 42, No)
+    ], 64));
+  }
+}), Wo = "_modalWrapper_192bl_36", jo = "_medium_192bl_45", Go = "_small_192bl_52", Yo = "_section_192bl_58", Uo = "_modal_192bl_36", Xo = "_close_192bl_75", qo = "_header_192bl_86", Ko = "_footer_192bl_100", Qo = "_modalOverlay_192bl_110", Z = {
+  modalWrapper: Wo,
+  medium: jo,
+  small: Go,
+  section: Yo,
+  modal: Uo,
+  close: Xo,
+  header: qo,
+  footer: Ko,
+  modalOverlay: Qo
+}, Zo = /* @__PURE__ */ Y({
+  __name: "Modal",
+  props: {
+    title: {},
+    isOpen: { type: Boolean },
+    size: {},
+    cancelText: {},
+    submitText: {},
+    hasOverlay: { type: Boolean, default: !0 }
+  },
+  emits: ["close", "submit"],
+  setup(e, { emit: t }) {
+    const o = e, n = E(!1), s = t, l = () => {
+      s("close");
+    }, i = () => {
+      s("submit");
+    }, r = (a) => {
+      a.key === "Escape" && s("close");
+    };
+    return Ae(async () => {
+      await it(), n.value = !0, window.addEventListener("keydown", r);
+    }), at(() => {
+      window.removeEventListener("keydown", r);
+    }), (a, u) => (y(), C(ve, null, [
+      a.hasOverlay ? (y(), C("div", {
+        key: 0,
+        class: m(f(Z).modalOverlay),
+        onClick: l
+      }, null, 2)) : L("", !0),
+      $e(Rt, { name: "modal-transition" }, {
+        default: Et(() => [
+          Ve(S("div", {
+            class: m([f(Z).modalWrapper, f(Z)[o.size]])
+          }, [
+            S("div", {
+              class: m([f(Z).modal, f(Z)[o.size]])
+            }, [
+              S("button", {
+                class: m(f(Z).close),
+                onClick: l
+              }, " × ", 2),
+              S("div", {
+                class: m(f(Z).header)
+              }, [
+                S("p", null, P(a.title), 1)
+              ], 2),
+              S("div", {
+                class: m(f(Z).section)
+              }, [
+                Pe(a.$slots, "section", {}, void 0, !0)
+              ], 2),
+              S("div", {
+                class: m(f(Z).footer)
+              }, [
+                $e(f(Qe), {
+                  color: "secondary",
+                  variant: "text",
+                  label: o.cancelText,
+                  onClick: l
+                }, null, 8, ["label"]),
+                $e(f(Qe), {
+                  color: "primary",
+                  variant: "solid",
+                  label: o.submitText,
+                  onClick: i
+                }, null, 8, ["label"])
+              ], 2)
+            ], 2)
+          ], 2), [
+            [lt, a.isOpen]
+          ])
+        ]),
+        _: 3
+      })
     ], 64));
   }
-});
+}), ir = /* @__PURE__ */ ut(Zo, [["__scopeId", "data-v-1a9bc65a"]]);
 export {
-  Fo as Button,
-  Ho as DropdownMenu,
-  we as Icon,
-  Go as NumberInput,
-  No as OnPageMessage,
-  Wo as SegmentButton,
-  jo as TextInput,
-  Yo as Toggle,
-  Uo as Tooltip
+  Qe as Button,
+  er as DropdownMenu,
+  be as Icon,
+  ir as Modal,
+  rr as NumberInput,
+  tr as OnPageMessage,
+  nr as SegmentButton,
+  or as TextInput,
+  sr as Toggle,
+  lr as Tooltip
 };
 //# sourceMappingURL=ab-components.es.js.map