@adyen/bento-vue2 2.0.0-rc.5 → 2.0.0

package/dist/chunks/{popper-container.scV0X0nk.js → popper-container.Cj3AWXSd.js}

@@ -1,9 +1,9 @@
-import { computed as S, unref as Z, ref as j, shallowRef as ee, watch as ot, getCurrentScope as ne, onScopeDispose as oe, shallowReadonly as Q, defineComponent as ie, toRefs as re } from "vue";
+import { unref as tt, computed as R, ref as j, shallowRef as Ht, watch as q, getCurrentScope as ne, onScopeDispose as oe, shallowReadonly as Z, defineComponent as ie, toRefs as re } from "vue";
 import "./index.Cl4_42j5.js";
-import { B as se } from "./focus-trap.DK6-TX-N.js";
+import { B as se } from "./focus-trap.fd6_d2EW.js";
 import { n as le } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import "../assets/popper-container.css";
-const Wt = ["top", "right", "bottom", "left"], Rt = ["start", "end"], St = /* @__PURE__ */ Wt.reduce((t, e) => t.concat(e, e + "-" + Rt[0], e + "-" + Rt[1]), []), et = Math.min, q = Math.max, lt = Math.round, st = Math.floor, M = (t) => ({
+const Nt = ["top", "right", "bottom", "left"], Rt = ["start", "end"], St = /* @__PURE__ */ Nt.reduce((t, e) => t.concat(e, e + "-" + Rt[0], e + "-" + Rt[1]), []), nt = Math.min, G = Math.max, lt = Math.round, st = Math.floor, M = (t) => ({
   x: t,
   y: t
 }), ce = {
@@ -16,9 +16,9 @@ const Wt = ["top", "right", "bottom", "left"], Rt = ["start", "end"], St = /* @_
   end: "start"
 };
 function ht(t, e, n) {
-  return q(t, et(e, n));
+  return G(t, nt(e, n));
 }
-function K(t, e) {
+function J(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
 function V(t) {
@@ -27,7 +27,7 @@ function V(t) {
 function B(t) {
   return t.split("-")[1];
 }
-function Nt(t) {
+function Vt(t) {
   return t === "x" ? "y" : "x";
 }
 function yt(t) {
@@ -38,9 +38,9 @@ function z(t) {
   return fe.has(V(t)) ? "y" : "x";
 }
 function xt(t) {
-  return Nt(z(t));
+  return Vt(z(t));
 }
-function Vt(t, e, n) {
+function It(t, e, n) {
   n === void 0 && (n = !1);
   const o = B(t), i = xt(t), s = yt(i);
   let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
@@ -83,7 +83,7 @@ function he(t) {
     ...t
   };
 }
-function It(t) {
+function jt(t) {
   return typeof t != "number" ? he(t) : {
     top: t,
     right: t,
@@ -114,48 +114,48 @@ function Ct(t, e, n) {
     reference: o,
     floating: i
   } = t;
-  const s = z(e), r = xt(e), l = yt(r), f = V(e), c = s === "y", u = o.x + o.width / 2 - i.width / 2, d = o.y + o.height / 2 - i.height / 2, m = o[l] / 2 - i[l] / 2;
-  let a;
-  switch (f) {
+  const s = z(e), r = xt(e), l = yt(r), c = V(e), a = s === "y", u = o.x + o.width / 2 - i.width / 2, d = o.y + o.height / 2 - i.height / 2, m = o[l] / 2 - i[l] / 2;
+  let f;
+  switch (c) {
     case "top":
-      a = {
+      f = {
         x: u,
         y: o.y - i.height
       };
       break;
     case "bottom":
-      a = {
+      f = {
         x: u,
         y: o.y + o.height
       };
       break;
     case "right":
-      a = {
+      f = {
         x: o.x + o.width,
         y: d
       };
       break;
     case "left":
-      a = {
+      f = {
         x: o.x - i.width,
         y: d
       };
       break;
     default:
-      a = {
+      f = {
         x: o.x,
         y: o.y
       };
   }
   switch (B(e)) {
     case "start":
-      a[r] -= m * (n && c ? -1 : 1);
+      f[r] -= m * (n && a ? -1 : 1);
       break;
     case "end":
-      a[r] += m * (n && c ? -1 : 1);
+      f[r] += m * (n && a ? -1 : 1);
       break;
   }
-  return a;
+  return f;
 }
 async function we(t, e) {
   var n;
@@ -166,19 +166,19 @@ async function we(t, e) {
     platform: s,
     rects: r,
     elements: l,
-    strategy: f
+    strategy: c
   } = t, {
-    boundary: c = "clippingAncestors",
+    boundary: a = "clippingAncestors",
     rootBoundary: u = "viewport",
     elementContext: d = "floating",
     altBoundary: m = !1,
-    padding: a = 0
-  } = K(e, t), p = It(a), g = l[m ? d === "floating" ? "reference" : "floating" : d], h = ft(await s.getClippingRect({
-    element: (n = await (s.isElement == null ? void 0 : s.isElement(g))) == null || n ? g : g.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
-    boundary: c,
+    padding: f = 0
+  } = J(e, t), p = jt(f), v = l[m ? d === "floating" ? "reference" : "floating" : d], g = ft(await s.getClippingRect({
+    element: (n = await (s.isElement == null ? void 0 : s.isElement(v))) == null || n ? v : v.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
+    boundary: a,
     rootBoundary: u,
-    strategy: f
-  })), v = d === "floating" ? {
+    strategy: c
+  })), w = d === "floating" ? {
     x: o,
     y: i,
     width: r.floating.width,
@@ -191,15 +191,15 @@ async function we(t, e) {
     y: 1
   }, A = ft(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: v,
+    rect: w,
     offsetParent: x,
-    strategy: f
-  }) : v);
+    strategy: c
+  }) : w);
   return {
-    top: (h.top - A.top + p.top) / b.y,
-    bottom: (A.bottom - h.bottom + p.bottom) / b.y,
-    left: (h.left - A.left + p.left) / b.x,
-    right: (A.right - h.right + p.right) / b.x
+    top: (g.top - A.top + p.top) / b.y,
+    bottom: (A.bottom - g.bottom + p.bottom) / b.y,
+    left: (g.left - A.left + p.left) / b.x,
+    right: (A.right - g.right + p.right) / b.x
   };
 }
 const ve = async (t, e, n) => {
@@ -208,63 +208,63 @@ const ve = async (t, e, n) => {
     strategy: i = "absolute",
     middleware: s = [],
     platform: r
-  } = n, l = s.filter(Boolean), f = await (r.isRTL == null ? void 0 : r.isRTL(e));
-  let c = await r.getElementRects({
+  } = n, l = s.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let a = await r.getElementRects({
     reference: t,
     floating: e,
     strategy: i
   }), {
     x: u,
     y: d
-  } = Ct(c, o, f), m = o, a = {}, p = 0;
-  for (let g = 0; g < l.length; g++) {
-    var w;
+  } = Ct(a, o, c), m = o, f = {}, p = 0;
+  for (let v = 0; v < l.length; v++) {
+    var h;
     const {
-      name: h,
-      fn: v
-    } = l[g], {
+      name: g,
+      fn: w
+    } = l[v], {
       x,
       y: b,
       data: A,
       reset: O
-    } = await v({
+    } = await w({
       x: u,
       y: d,
       initialPlacement: o,
       placement: m,
       strategy: i,
-      middlewareData: a,
-      rects: c,
+      middlewareData: f,
+      rects: a,
       platform: {
         ...r,
-        detectOverflow: (w = r.detectOverflow) != null ? w : we
+        detectOverflow: (h = r.detectOverflow) != null ? h : we
       },
       elements: {
         reference: t,
         floating: e
       }
     });
-    u = x ?? u, d = b ?? d, a = {
-      ...a,
-      [h]: {
-        ...a[h],
+    u = x ?? u, d = b ?? d, f = {
+      ...f,
+      [g]: {
+        ...f[g],
         ...A
       }
-    }, O && p <= 50 && (p++, typeof O == "object" && (O.placement && (m = O.placement), O.rects && (c = O.rects === !0 ? await r.getElementRects({
+    }, O && p <= 50 && (p++, typeof O == "object" && (O.placement && (m = O.placement), O.rects && (a = O.rects === !0 ? await r.getElementRects({
       reference: t,
       floating: e,
       strategy: i
     }) : O.rects), {
       x: u,
       y: d
-    } = Ct(c, m, f)), g = -1);
+    } = Ct(a, m, c)), v = -1);
   }
   return {
     x: u,
     y: d,
     placement: m,
     strategy: i,
-    middlewareData: a
+    middlewareData: f
   };
 }, ye = (t) => ({
   name: "arrow",
@@ -277,25 +277,25 @@ const ve = async (t, e, n) => {
       rects: s,
       platform: r,
       elements: l,
-      middlewareData: f
+      middlewareData: c
     } = e, {
-      element: c,
+      element: a,
       padding: u = 0
-    } = K(t, e) || {};
-    if (c == null)
+    } = J(t, e) || {};
+    if (a == null)
       return {};
-    const d = It(u), m = {
+    const d = jt(u), m = {
       x: n,
       y: o
-    }, a = xt(i), p = yt(a), w = await r.getDimensions(c), g = a === "y", h = g ? "top" : "left", v = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", b = s.reference[p] + s.reference[a] - m[a] - s.floating[p], A = m[a] - s.reference[a], O = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    }, f = xt(i), p = yt(f), h = await r.getDimensions(a), v = f === "y", g = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", b = s.reference[p] + s.reference[f] - m[f] - s.floating[p], A = m[f] - s.reference[f], O = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
     let y = O ? O[x] : 0;
     (!y || !await (r.isElement == null ? void 0 : r.isElement(O))) && (y = l.floating[x] || s.floating[p]);
-    const H = b / 2 - A / 2, E = y / 2 - w[p] / 2 - 1, T = et(d[h], E), C = et(d[v], E), W = T, X = y - w[p] - C, R = y / 2 - w[p] / 2 + H, Y = ht(W, R, X), N = !f.arrow && B(i) != null && R !== Y && s.reference[p] / 2 - (R < W ? T : C) - w[p] / 2 < 0, L = N ? R < W ? R - W : R - X : 0;
+    const W = b / 2 - A / 2, E = y / 2 - h[p] / 2 - 1, T = nt(d[g], E), C = nt(d[w], E), H = T, X = y - h[p] - C, S = y / 2 - h[p] / 2 + W, Y = ht(H, S, X), N = !c.arrow && B(i) != null && S !== Y && s.reference[p] / 2 - (S < H ? T : C) - h[p] / 2 < 0, L = N ? S < H ? S - H : S - X : 0;
     return {
-      [a]: m[a] + L,
+      [f]: m[f] + L,
       data: {
-        [a]: Y,
-        centerOffset: R - Y - L,
+        [f]: Y,
+        centerOffset: S - Y - L,
         ...N && {
           alignmentOffset: L
         }
@@ -317,32 +317,32 @@ const be = function(t) {
         rects: s,
         middlewareData: r,
         placement: l,
-        platform: f,
-        elements: c
+        platform: c,
+        elements: a
       } = e, {
         crossAxis: u = !1,
         alignment: d,
         allowedPlacements: m = St,
-        autoAlignment: a = !0,
+        autoAlignment: f = !0,
         ...p
-      } = K(t, e), w = d !== void 0 || m === St ? xe(d || null, a, m) : m, g = await f.detectOverflow(e, p), h = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, v = w[h];
-      if (v == null)
+      } = J(t, e), h = d !== void 0 || m === St ? xe(d || null, f, m) : m, v = await c.detectOverflow(e, p), g = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, w = h[g];
+      if (w == null)
         return {};
-      const x = Vt(v, s, await (f.isRTL == null ? void 0 : f.isRTL(c.floating)));
-      if (l !== v)
+      const x = It(w, s, await (c.isRTL == null ? void 0 : c.isRTL(a.floating)));
+      if (l !== w)
         return {
           reset: {
-            placement: w[0]
+            placement: h[0]
           }
         };
-      const b = [g[V(v)], g[x[0]], g[x[1]]], A = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
-        placement: v,
+      const b = [v[V(w)], v[x[0]], v[x[1]]], A = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
+        placement: w,
         overflows: b
-      }], O = w[h + 1];
+      }], O = h[g + 1];
       if (O)
         return {
           data: {
-            index: h + 1,
+            index: g + 1,
             overflows: A
           },
           reset: {
@@ -353,7 +353,7 @@ const be = function(t) {
         const C = B(T.placement);
         return [T.placement, C && u ? (
           // Check along the mainAxis and main crossAxis side.
-          T.overflows.slice(0, 2).reduce((W, X) => W + X, 0)
+          T.overflows.slice(0, 2).reduce((H, X) => H + X, 0)
         ) : (
           // Check only the mainAxis.
           T.overflows[0]
@@ -366,7 +366,7 @@ const be = function(t) {
       ).every((C) => C <= 0))[0]) == null ? void 0 : i[0]) || y[0][0];
       return E !== l ? {
         data: {
-          index: h + 1,
+          index: g + 1,
           overflows: A
         },
         reset: {
@@ -386,59 +386,59 @@ const be = function(t) {
         middlewareData: s,
         rects: r,
         initialPlacement: l,
-        platform: f,
-        elements: c
+        platform: c,
+        elements: a
       } = e, {
         mainAxis: u = !0,
         crossAxis: d = !0,
         fallbackPlacements: m,
-        fallbackStrategy: a = "bestFit",
+        fallbackStrategy: f = "bestFit",
         fallbackAxisSideDirection: p = "none",
-        flipAlignment: w = !0,
-        ...g
-      } = K(t, e);
+        flipAlignment: h = !0,
+        ...v
+      } = J(t, e);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const h = V(i), v = z(l), x = V(l) === l, b = await (f.isRTL == null ? void 0 : f.isRTL(c.floating)), A = m || (x || !w ? [at(l)] : ue(l)), O = p !== "none";
-      !m && O && A.push(...ge(l, w, p, b));
-      const y = [l, ...A], H = await f.detectOverflow(e, g), E = [];
+      const g = V(i), w = z(l), x = V(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), A = m || (x || !h ? [at(l)] : ue(l)), O = p !== "none";
+      !m && O && A.push(...ge(l, h, p, b));
+      const y = [l, ...A], W = await c.detectOverflow(e, v), E = [];
       let T = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (u && E.push(H[h]), d) {
-        const R = Vt(i, r, b);
-        E.push(H[R[0]], H[R[1]]);
+      if (u && E.push(W[g]), d) {
+        const S = It(i, r, b);
+        E.push(W[S[0]], W[S[1]]);
       }
       if (T = [...T, {
         placement: i,
         overflows: E
-      }], !E.every((R) => R <= 0)) {
-        var C, W;
-        const R = (((C = s.flip) == null ? void 0 : C.index) || 0) + 1, Y = y[R];
-        if (Y && (!(d === "alignment" ? v !== z(Y) : !1) || // We leave the current main axis only if every placement on that axis
+      }], !E.every((S) => S <= 0)) {
+        var C, H;
+        const S = (((C = s.flip) == null ? void 0 : C.index) || 0) + 1, Y = y[S];
+        if (Y && (!(d === "alignment" ? w !== z(Y) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        T.every((D) => z(D.placement) === v ? D.overflows[0] > 0 : !0)))
+        T.every((D) => z(D.placement) === w ? D.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: R,
+              index: S,
               overflows: T
             },
             reset: {
               placement: Y
             }
           };
-        let N = (W = T.filter((L) => L.overflows[0] <= 0).sort((L, D) => L.overflows[1] - D.overflows[1])[0]) == null ? void 0 : W.placement;
+        let N = (H = T.filter((L) => L.overflows[0] <= 0).sort((L, D) => L.overflows[1] - D.overflows[1])[0]) == null ? void 0 : H.placement;
         if (!N)
-          switch (a) {
+          switch (f) {
             case "bestFit": {
               var X;
               const L = (X = T.filter((D) => {
                 if (O) {
                   const I = z(D.placement);
-                  return I === v || // Create a bias to the `y` side axis due to horizontal
+                  return I === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   I === "y";
                 }
                 return !0;
-              }).map((D) => [D.placement, D.overflows.filter((I) => I > 0).reduce((I, te) => I + te, 0)]).sort((D, I) => D[1] - I[1])[0]) == null ? void 0 : X[0];
+              }).map((D) => [D.placement, D.overflows.filter((I) => I > 0).reduce((I, ee) => I + ee, 0)]).sort((D, I) => D[1] - I[1])[0]) == null ? void 0 : X[0];
               L && (N = L);
               break;
             }
@@ -466,7 +466,7 @@ function Lt(t, e) {
   };
 }
 function Dt(t) {
-  return Wt.some((e) => t[e] >= 0);
+  return Nt.some((e) => t[e] >= 0);
 }
 const Ae = function(t) {
   return t === void 0 && (t = {}), {
@@ -479,7 +479,7 @@ const Ae = function(t) {
       } = e, {
         strategy: i = "referenceHidden",
         ...s
-      } = K(t, e);
+      } = J(t, e);
       switch (i) {
         case "referenceHidden": {
           const r = await o.detectOverflow(e, {
@@ -516,10 +516,10 @@ async function Re(t, e) {
     placement: n,
     platform: o,
     elements: i
-  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = V(n), l = B(n), f = z(n) === "y", c = Te.has(r) ? -1 : 1, u = s && f ? -1 : 1, d = K(e, t);
+  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = V(n), l = B(n), c = z(n) === "y", a = Te.has(r) ? -1 : 1, u = s && c ? -1 : 1, d = J(e, t);
   let {
     mainAxis: m,
-    crossAxis: a,
+    crossAxis: f,
     alignmentAxis: p
   } = typeof d == "number" ? {
     mainAxis: d,
@@ -530,12 +530,12 @@ async function Re(t, e) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return l && typeof p == "number" && (a = l === "end" ? p * -1 : p), f ? {
-    x: a * u,
-    y: m * c
+  return l && typeof p == "number" && (f = l === "end" ? p * -1 : p), c ? {
+    x: f * u,
+    y: m * a
   } : {
-    x: m * c,
-    y: a * u
+    x: m * a,
+    y: f * u
   };
 }
 const Se = function(t) {
@@ -549,12 +549,12 @@ const Se = function(t) {
         y: s,
         placement: r,
         middlewareData: l
-      } = e, f = await Re(e, t);
+      } = e, c = await Re(e, t);
       return r === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
-        x: i + f.x,
-        y: s + f.y,
+        x: i + c.x,
+        y: s + c.y,
         data: {
-          ...f,
+          ...c,
           placement: r
         }
       };
@@ -573,44 +573,44 @@ const Se = function(t) {
       } = e, {
         mainAxis: r = !0,
         crossAxis: l = !1,
-        limiter: f = {
-          fn: (h) => {
+        limiter: c = {
+          fn: (g) => {
             let {
-              x: v,
+              x: w,
               y: x
-            } = h;
+            } = g;
             return {
-              x: v,
+              x: w,
               y: x
             };
           }
         },
-        ...c
-      } = K(t, e), u = {
+        ...a
+      } = J(t, e), u = {
         x: n,
         y: o
-      }, d = await s.detectOverflow(e, c), m = z(V(i)), a = Nt(m);
-      let p = u[a], w = u[m];
+      }, d = await s.detectOverflow(e, a), m = z(V(i)), f = Vt(m);
+      let p = u[f], h = u[m];
       if (r) {
-        const h = a === "y" ? "top" : "left", v = a === "y" ? "bottom" : "right", x = p + d[h], b = p - d[v];
+        const g = f === "y" ? "top" : "left", w = f === "y" ? "bottom" : "right", x = p + d[g], b = p - d[w];
         p = ht(x, p, b);
       }
       if (l) {
-        const h = m === "y" ? "top" : "left", v = m === "y" ? "bottom" : "right", x = w + d[h], b = w - d[v];
-        w = ht(x, w, b);
+        const g = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", x = h + d[g], b = h - d[w];
+        h = ht(x, h, b);
       }
-      const g = f.fn({
+      const v = c.fn({
         ...e,
-        [a]: p,
-        [m]: w
+        [f]: p,
+        [m]: h
       });
       return {
-        ...g,
+        ...v,
         data: {
-          x: g.x - n,
-          y: g.y - o,
+          x: v.x - n,
+          y: v.y - o,
           enabled: {
-            [a]: r,
+            [f]: r,
             [m]: l
           }
         }
@@ -621,7 +621,7 @@ const Se = function(t) {
 function ut() {
   return typeof window < "u";
 }
-function J(t) {
+function Q(t) {
   return bt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function _(t) {
@@ -656,7 +656,7 @@ function rt(t) {
 }
 const Ce = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function Le(t) {
-  return Ce.has(J(t));
+  return Ce.has(Q(t));
 }
 const De = [":popover-open", ":modal"];
 function dt(t) {
@@ -675,7 +675,7 @@ function Ot(t) {
 }
 function Be(t) {
   let e = U(t);
-  for (; k(e) && !nt(e); ) {
+  for (; k(e) && !ot(e); ) {
     if (Ot(e))
       return e;
     if (dt(e))
@@ -688,8 +688,8 @@ function At() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const ke = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function nt(t) {
-  return ke.has(J(t));
+function ot(t) {
+  return ke.has(Q(t));
 }
 function F(t) {
   return _(t).getComputedStyle(t);
@@ -704,7 +704,7 @@ function mt(t) {
   };
 }
 function U(t) {
-  if (J(t) === "html")
+  if (Q(t) === "html")
     return t;
   const e = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -715,14 +715,14 @@ function U(t) {
   );
   return Pt(e) ? e.host : e;
 }
-function jt(t) {
+function zt(t) {
   const e = U(t);
-  return nt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : k(e) && rt(e) ? e : jt(e);
+  return ot(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : k(e) && rt(e) ? e : zt(e);
 }
 function it(t, e, n) {
   var o;
   e === void 0 && (e = []), n === void 0 && (n = !0);
-  const i = jt(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = _(i);
+  const i = zt(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = _(i);
   if (s) {
     const l = wt(r);
     return e.concat(r, r.visualViewport || [], rt(i) ? i : [], l && n ? it(l) : []);
@@ -732,7 +732,7 @@ function it(t, e, n) {
 function wt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function zt(t) {
+function Ut(t) {
   const e = F(t);
   let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
   const i = k(t), s = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, l = lt(n) !== s || lt(o) !== r;
@@ -745,7 +745,7 @@ function zt(t) {
 function Tt(t) {
   return P(t) ? t : t.contextElement;
 }
-function tt(t) {
+function et(t) {
   const e = Tt(t);
   if (!k(e))
     return M(1);
@@ -753,7 +753,7 @@ function tt(t) {
     width: o,
     height: i,
     $: s
-  } = zt(e);
+  } = Ut(e);
   let r = (s ? lt(n.width) : n.width) / o, l = (s ? lt(n.height) : n.height) / i;
   return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: r,
@@ -761,50 +761,50 @@ function tt(t) {
   };
 }
 const $e = /* @__PURE__ */ M(0);
-function Ut(t) {
+function Xt(t) {
   const e = _(t);
   return !At() || !e.visualViewport ? $e : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function He(t, e, n) {
+function We(t, e, n) {
   return e === void 0 && (e = !1), !n || e && n !== _(t) ? !1 : e;
 }
-function G(t, e, n, o) {
+function K(t, e, n, o) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
   const i = t.getBoundingClientRect(), s = Tt(t);
   let r = M(1);
-  e && (o ? P(o) && (r = tt(o)) : r = tt(t));
-  const l = He(s, n, o) ? Ut(s) : M(0);
-  let f = (i.left + l.x) / r.x, c = (i.top + l.y) / r.y, u = i.width / r.x, d = i.height / r.y;
+  e && (o ? P(o) && (r = et(o)) : r = et(t));
+  const l = We(s, n, o) ? Xt(s) : M(0);
+  let c = (i.left + l.x) / r.x, a = (i.top + l.y) / r.y, u = i.width / r.x, d = i.height / r.y;
   if (s) {
-    const m = _(s), a = o && P(o) ? _(o) : o;
-    let p = m, w = wt(p);
-    for (; w && o && a !== p; ) {
-      const g = tt(w), h = w.getBoundingClientRect(), v = F(w), x = h.left + (w.clientLeft + parseFloat(v.paddingLeft)) * g.x, b = h.top + (w.clientTop + parseFloat(v.paddingTop)) * g.y;
-      f *= g.x, c *= g.y, u *= g.x, d *= g.y, f += x, c += b, p = _(w), w = wt(p);
+    const m = _(s), f = o && P(o) ? _(o) : o;
+    let p = m, h = wt(p);
+    for (; h && o && f !== p; ) {
+      const v = et(h), g = h.getBoundingClientRect(), w = F(h), x = g.left + (h.clientLeft + parseFloat(w.paddingLeft)) * v.x, b = g.top + (h.clientTop + parseFloat(w.paddingTop)) * v.y;
+      c *= v.x, a *= v.y, u *= v.x, d *= v.y, c += x, a += b, p = _(h), h = wt(p);
     }
   }
   return ft({
     width: u,
     height: d,
-    x: f,
-    y: c
+    x: c,
+    y: a
   });
 }
 function pt(t, e) {
   const n = mt(t).scrollLeft;
-  return e ? e.left + n : G($(t)).left + n;
+  return e ? e.left + n : K($(t)).left + n;
 }
-function Xt(t, e) {
+function Yt(t, e) {
   const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - pt(t, n), i = n.top + e.scrollTop;
   return {
     x: o,
     y: i
   };
 }
-function We(t) {
+function He(t) {
   let {
     elements: e,
     rect: n,
@@ -814,31 +814,31 @@ function We(t) {
   const s = i === "fixed", r = $(o), l = e ? dt(e.floating) : !1;
   if (o === r || l && s)
     return n;
-  let f = {
+  let c = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = M(1);
+  }, a = M(1);
   const u = M(0), d = k(o);
-  if ((d || !d && !s) && ((J(o) !== "body" || rt(r)) && (f = mt(o)), k(o))) {
-    const a = G(o);
-    c = tt(o), u.x = a.x + o.clientLeft, u.y = a.y + o.clientTop;
+  if ((d || !d && !s) && ((Q(o) !== "body" || rt(r)) && (c = mt(o)), k(o))) {
+    const f = K(o);
+    a = et(o), u.x = f.x + o.clientLeft, u.y = f.y + o.clientTop;
   }
-  const m = r && !d && !s ? Xt(r, f) : M(0);
+  const m = r && !d && !s ? Yt(r, c) : M(0);
   return {
-    width: n.width * c.x,
-    height: n.height * c.y,
-    x: n.x * c.x - f.scrollLeft * c.x + u.x + m.x,
-    y: n.y * c.y - f.scrollTop * c.y + u.y + m.y
+    width: n.width * a.x,
+    height: n.height * a.y,
+    x: n.x * a.x - c.scrollLeft * a.x + u.x + m.x,
+    y: n.y * a.y - c.scrollTop * a.y + u.y + m.y
   };
 }
 function Ne(t) {
   return Array.from(t.getClientRects());
 }
 function Ve(t) {
-  const e = $(t), n = mt(t), o = t.ownerDocument.body, i = q(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = q(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  const e = $(t), n = mt(t), o = t.ownerDocument.body, i = G(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = G(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
   let r = -n.scrollLeft + pt(t);
   const l = -n.scrollTop;
-  return F(o).direction === "rtl" && (r += q(e.clientWidth, o.clientWidth) - i), {
+  return F(o).direction === "rtl" && (r += G(e.clientWidth, o.clientWidth) - i), {
     width: i,
     height: s,
     x: r,
@@ -848,32 +848,32 @@ function Ve(t) {
 const Ft = 25;
 function Ie(t, e) {
   const n = _(t), o = $(t), i = n.visualViewport;
-  let s = o.clientWidth, r = o.clientHeight, l = 0, f = 0;
+  let s = o.clientWidth, r = o.clientHeight, l = 0, c = 0;
   if (i) {
     s = i.width, r = i.height;
     const u = At();
-    (!u || u && e === "fixed") && (l = i.offsetLeft, f = i.offsetTop);
+    (!u || u && e === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
   }
-  const c = pt(o);
-  if (c <= 0) {
-    const u = o.ownerDocument, d = u.body, m = getComputedStyle(d), a = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - a);
+  const a = pt(o);
+  if (a <= 0) {
+    const u = o.ownerDocument, d = u.body, m = getComputedStyle(d), f = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - d.clientWidth - f);
     p <= Ft && (s -= p);
-  } else c <= Ft && (s += c);
+  } else a <= Ft && (s += a);
   return {
     width: s,
     height: r,
     x: l,
-    y: f
+    y: c
   };
 }
 const je = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function ze(t, e) {
-  const n = G(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = k(t) ? tt(t) : M(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, f = i * s.x, c = o * s.y;
+  const n = K(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = k(t) ? et(t) : M(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = i * s.x, a = o * s.y;
   return {
     width: r,
     height: l,
-    x: f,
-    y: c
+    x: c,
+    y: a
   };
 }
 function Mt(t, e, n) {
@@ -885,7 +885,7 @@ function Mt(t, e, n) {
   else if (P(e))
     o = ze(e, n);
   else {
-    const i = Ut(t);
+    const i = Xt(t);
     o = {
       x: e.x - i.x,
       y: e.y - i.y,
@@ -895,20 +895,20 @@ function Mt(t, e, n) {
   }
   return ft(o);
 }
-function Yt(t, e) {
+function qt(t, e) {
   const n = U(t);
-  return n === e || !P(n) || nt(n) ? !1 : F(n).position === "fixed" || Yt(n, e);
+  return n === e || !P(n) || ot(n) ? !1 : F(n).position === "fixed" || qt(n, e);
 }
 function Ue(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let o = it(t, [], !1).filter((l) => P(l) && J(l) !== "body"), i = null;
+  let o = it(t, [], !1).filter((l) => P(l) && Q(l) !== "body"), i = null;
   const s = F(t).position === "fixed";
   let r = s ? U(t) : t;
-  for (; P(r) && !nt(r); ) {
-    const l = F(r), f = Ot(r);
-    !f && l.position === "fixed" && (i = null), (s ? !f && !i : !f && l.position === "static" && !!i && je.has(i.position) || rt(r) && !f && Yt(t, r)) ? o = o.filter((u) => u !== r) : i = l, r = U(r);
+  for (; P(r) && !ot(r); ) {
+    const l = F(r), c = Ot(r);
+    !c && l.position === "fixed" && (i = null), (s ? !c && !i : !c && l.position === "static" && !!i && je.has(i.position) || rt(r) && !c && qt(t, r)) ? o = o.filter((u) => u !== r) : i = l, r = U(r);
   }
   return e.set(t, o), o;
 }
@@ -919,44 +919,44 @@ function Xe(t) {
     rootBoundary: o,
     strategy: i
   } = t;
-  const r = [...n === "clippingAncestors" ? dt(e) ? [] : Ue(e, this._c) : [].concat(n), o], l = r[0], f = r.reduce((c, u) => {
+  const r = [...n === "clippingAncestors" ? dt(e) ? [] : Ue(e, this._c) : [].concat(n), o], l = r[0], c = r.reduce((a, u) => {
     const d = Mt(e, u, i);
-    return c.top = q(d.top, c.top), c.right = et(d.right, c.right), c.bottom = et(d.bottom, c.bottom), c.left = q(d.left, c.left), c;
+    return a.top = G(d.top, a.top), a.right = nt(d.right, a.right), a.bottom = nt(d.bottom, a.bottom), a.left = G(d.left, a.left), a;
   }, Mt(e, l, i));
   return {
-    width: f.right - f.left,
-    height: f.bottom - f.top,
-    x: f.left,
-    y: f.top
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
   };
 }
 function Ye(t) {
   const {
     width: e,
     height: n
-  } = zt(t);
+  } = Ut(t);
   return {
     width: e,
     height: n
   };
 }
 function qe(t, e, n) {
-  const o = k(e), i = $(e), s = n === "fixed", r = G(t, !0, s, e);
+  const o = k(e), i = $(e), s = n === "fixed", r = K(t, !0, s, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const f = M(0);
-  function c() {
-    f.x = pt(i);
+  const c = M(0);
+  function a() {
+    c.x = pt(i);
   }
   if (o || !o && !s)
-    if ((J(e) !== "body" || rt(i)) && (l = mt(e)), o) {
-      const a = G(e, !0, s, e);
-      f.x = a.x + e.clientLeft, f.y = a.y + e.clientTop;
-    } else i && c();
-  s && !o && i && c();
-  const u = i && !o && !s ? Xt(i, l) : M(0), d = r.left + l.scrollLeft - f.x - u.x, m = r.top + l.scrollTop - f.y - u.y;
+    if ((Q(e) !== "body" || rt(i)) && (l = mt(e)), o) {
+      const f = K(e, !0, s, e);
+      c.x = f.x + e.clientLeft, c.y = f.y + e.clientTop;
+    } else i && a();
+  s && !o && i && a();
+  const u = i && !o && !s ? Yt(i, l) : M(0), d = r.left + l.scrollLeft - c.x - u.x, m = r.top + l.scrollTop - c.y - u.y;
   return {
     x: d,
     y: m,
@@ -975,13 +975,13 @@ function Bt(t, e) {
   let n = t.offsetParent;
   return $(t) === n && (n = n.ownerDocument.body), n;
 }
-function qt(t, e) {
+function Gt(t, e) {
   const n = _(t);
   if (dt(t))
     return n;
   if (!k(t)) {
     let i = U(t);
-    for (; i && !nt(i); ) {
+    for (; i && !ot(i); ) {
       if (P(i) && !gt(i))
         return i;
       i = U(i);
@@ -991,10 +991,10 @@ function qt(t, e) {
   let o = Bt(t, e);
   for (; o && Le(o) && gt(o); )
     o = Bt(o, e);
-  return o && nt(o) && gt(o) && !Ot(o) ? n : o || Be(t) || n;
+  return o && ot(o) && gt(o) && !Ot(o) ? n : o || Be(t) || n;
 }
 const Ge = async function(t) {
-  const e = this.getOffsetParent || qt, n = this.getDimensions, o = await n(t.floating);
+  const e = this.getOffsetParent || Gt, n = this.getDimensions, o = await n(t.floating);
   return {
     reference: qe(t.reference, await e(t.floating), t.strategy),
     floating: {
@@ -1009,18 +1009,18 @@ function Ke(t) {
   return F(t).direction === "rtl";
 }
 const Je = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: We,
+  convertOffsetParentRelativeRectToViewportRelativeRect: He,
   getDocumentElement: $,
   getClippingRect: Xe,
-  getOffsetParent: qt,
+  getOffsetParent: Gt,
   getElementRects: Ge,
   getClientRects: Ne,
   getDimensions: Ye,
-  getScale: tt,
+  getScale: et,
   isElement: P,
   isRTL: Ke
 };
-function Gt(t, e) {
+function Kt(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
 function Qe(t, e) {
@@ -1030,31 +1030,31 @@ function Qe(t, e) {
     var l;
     clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
   }
-  function r(l, f) {
-    l === void 0 && (l = !1), f === void 0 && (f = 1), s();
-    const c = t.getBoundingClientRect(), {
+  function r(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), s();
+    const a = t.getBoundingClientRect(), {
       left: u,
       top: d,
       width: m,
-      height: a
-    } = c;
-    if (l || e(), !m || !a)
+      height: f
+    } = a;
+    if (l || e(), !m || !f)
       return;
-    const p = st(d), w = st(i.clientWidth - (u + m)), g = st(i.clientHeight - (d + a)), h = st(u), x = {
-      rootMargin: -p + "px " + -w + "px " + -g + "px " + -h + "px",
-      threshold: q(0, et(1, f)) || 1
+    const p = st(d), h = st(i.clientWidth - (u + m)), v = st(i.clientHeight - (d + f)), g = st(u), x = {
+      rootMargin: -p + "px " + -h + "px " + -v + "px " + -g + "px",
+      threshold: G(0, nt(1, c)) || 1
     };
     let b = !0;
     function A(O) {
       const y = O[0].intersectionRatio;
-      if (y !== f) {
+      if (y !== c) {
         if (!b)
           return r();
         y ? r(!1, y) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      y === 1 && !Gt(c, t.getBoundingClientRect()) && r(), b = !1;
+      y === 1 && !Kt(a, t.getBoundingClientRect()) && r(), b = !1;
     }
     try {
       n = new IntersectionObserver(A, {
@@ -1076,33 +1076,33 @@ function kt(t, e, n, o) {
     ancestorResize: s = !0,
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: f = !1
-  } = o, c = Tt(t), u = i || s ? [...c ? it(c) : [], ...it(e)] : [];
-  u.forEach((h) => {
-    i && h.addEventListener("scroll", n, {
+    animationFrame: c = !1
+  } = o, a = Tt(t), u = i || s ? [...a ? it(a) : [], ...it(e)] : [];
+  u.forEach((g) => {
+    i && g.addEventListener("scroll", n, {
       passive: !0
-    }), s && h.addEventListener("resize", n);
+    }), s && g.addEventListener("resize", n);
   });
-  const d = c && l ? Qe(c, n) : null;
-  let m = -1, a = null;
-  r && (a = new ResizeObserver((h) => {
-    let [v] = h;
-    v && v.target === c && a && (a.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+  const d = a && l ? Qe(a, n) : null;
+  let m = -1, f = null;
+  r && (f = new ResizeObserver((g) => {
+    let [w] = g;
+    w && w.target === a && f && (f.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var x;
-      (x = a) == null || x.observe(e);
+      (x = f) == null || x.observe(e);
     })), n();
-  }), c && !f && a.observe(c), a.observe(e));
-  let p, w = f ? G(t) : null;
-  f && g();
-  function g() {
-    const h = G(t);
-    w && !Gt(w, h) && n(), w = h, p = requestAnimationFrame(g);
+  }), a && !c && f.observe(a), f.observe(e));
+  let p, h = c ? K(t) : null;
+  c && v();
+  function v() {
+    const g = K(t);
+    h && !Kt(h, g) && n(), h = g, p = requestAnimationFrame(v);
   }
   return n(), () => {
-    var h;
-    u.forEach((v) => {
-      i && v.removeEventListener("scroll", n), s && v.removeEventListener("resize", n);
-    }), d?.(), (h = a) == null || h.disconnect(), a = null, f && cancelAnimationFrame(p);
+    var g;
+    u.forEach((w) => {
+      i && w.removeEventListener("scroll", n), s && w.removeEventListener("resize", n);
+    }), d?.(), (g = f) == null || g.disconnect(), f = null, c && cancelAnimationFrame(p);
   };
 }
 const Ze = Se, tn = be, en = Ee, nn = Oe, bn = Ae, on = ye, rn = (t, e, n) => {
@@ -1124,7 +1124,7 @@ function sn(t) {
 function vt(t) {
   if (sn(t)) {
     const e = t.$el;
-    return bt(e) && J(e) === "#comment" ? null : e;
+    return bt(e) && Q(e) === "#comment" ? null : e;
   }
   return t;
 }
@@ -1133,7 +1133,7 @@ function ln(t) {
     name: "arrow",
     options: t,
     fn(e) {
-      const n = vt(Z(t.element));
+      const n = vt(tt(t.element));
       return n == null ? {} : on({
         element: n,
         padding: t.padding
@@ -1141,100 +1141,112 @@ function ln(t) {
     }
   };
 }
-function Kt(t) {
+function Jt(t) {
   return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
 function $t(t, e) {
-  const n = Kt(t);
+  const n = Jt(t);
   return Math.round(e * n) / n;
 }
 function cn(t, e, n) {
   n === void 0 && (n = {});
-  const o = n.whileElementsMounted, i = S(() => {
+  const o = n.whileElementsMounted, i = R(() => {
     var y;
-    return (y = Z(n.open)) != null ? y : !0;
-  }), s = S(() => Z(n.middleware)), r = S(() => {
+    return (y = tt(n.open)) != null ? y : !0;
+  }), s = R(() => tt(n.middleware)), r = R(() => {
     var y;
-    return (y = Z(n.placement)) != null ? y : "bottom";
-  }), l = S(() => {
+    return (y = tt(n.placement)) != null ? y : "bottom";
+  }), l = R(() => {
     var y;
-    return (y = Z(n.strategy)) != null ? y : "absolute";
-  }), f = S(() => {
+    return (y = tt(n.strategy)) != null ? y : "absolute";
+  }), c = R(() => {
     var y;
-    return (y = Z(n.transform)) != null ? y : !0;
-  }), c = S(() => vt(t.value)), u = S(() => vt(e.value)), d = j(0), m = j(0), a = j(l.value), p = j(r.value), w = ee({}), g = j(!1), h = S(() => {
+    return (y = tt(n.transform)) != null ? y : !0;
+  }), a = R(() => vt(t.value)), u = R(() => vt(e.value)), d = j(0), m = j(0), f = j(l.value), p = j(r.value), h = Ht({}), v = j(!1), g = R(() => {
     const y = {
-      position: a.value,
+      position: f.value,
       left: "0",
       top: "0"
     };
     if (!u.value)
       return y;
-    const H = $t(u.value, d.value), E = $t(u.value, m.value);
-    return f.value ? {
+    const W = $t(u.value, d.value), E = $t(u.value, m.value);
+    return c.value ? {
       ...y,
-      transform: "translate(" + H + "px, " + E + "px)",
-      ...Kt(u.value) >= 1.5 && {
+      transform: "translate(" + W + "px, " + E + "px)",
+      ...Jt(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: a.value,
-      left: H + "px",
+      position: f.value,
+      left: W + "px",
       top: E + "px"
     };
   });
-  let v;
+  let w;
   function x() {
-    c.value == null || u.value == null || rn(c.value, u.value, {
+    a.value == null || u.value == null || rn(a.value, u.value, {
       middleware: s.value,
       placement: r.value,
       strategy: l.value
     }).then((y) => {
-      d.value = y.x, m.value = y.y, a.value = y.strategy, p.value = y.placement, w.value = y.middlewareData, g.value = !0;
+      d.value = y.x, m.value = y.y, f.value = y.strategy, p.value = y.placement, h.value = y.middlewareData, v.value = !0;
     });
   }
   function b() {
-    typeof v == "function" && (v(), v = void 0);
+    typeof w == "function" && (w(), w = void 0);
   }
   function A() {
     if (b(), o === void 0) {
       x();
       return;
     }
-    if (c.value != null && u.value != null) {
-      v = o(c.value, u.value, x);
+    if (a.value != null && u.value != null) {
+      w = o(a.value, u.value, x);
       return;
     }
   }
   function O() {
-    i.value || (g.value = !1);
+    i.value || (v.value = !1);
   }
-  return ot([s, r, l], x, {
+  return q([s, r, l], x, {
     flush: "sync"
-  }), ot([c, u], A, {
+  }), q([a, u], A, {
     flush: "sync"
-  }), ot(i, O, {
+  }), q(i, O, {
     flush: "sync"
   }), ne() && oe(b), {
-    x: Q(d),
-    y: Q(m),
-    strategy: Q(a),
-    placement: Q(p),
-    middlewareData: Q(w),
-    isPositioned: Q(g),
-    floatingStyles: h,
+    x: Z(d),
+    y: Z(m),
+    strategy: Z(f),
+    placement: Z(p),
+    middlewareData: Z(h),
+    isPositioned: Z(v),
+    floatingStyles: g,
     update: x
   };
 }
-var Jt = /* @__PURE__ */ ((t) => (t.TOP = "top", t.RIGHT = "right", t.BOTTOM = "bottom", t.LEFT = "left", t))(Jt || {}), Qt = /* @__PURE__ */ ((t) => (t.AUTO = "auto", t.AUTO_START = "auto-start", t.AUTO_END = "auto-end", t.TOP_START = "top-start", t.TOP_END = "top-end", t.RIGHT_START = "right-start", t.RIGHT_END = "right-end", t.BOTTOM_START = "bottom-start", t.BOTTOM_END = "bottom-end", t.LEFT_START = "left-start", t.LEFT_END = "left-end", t))(Qt || {}), Zt = /* @__PURE__ */ ((t) => (t.TOOLTIP = "tooltip", t.POPOVER = "dialog", t))(Zt || {});
-const Ht = { ...Jt, ...Qt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (t) => {
+var Qt = /* @__PURE__ */ ((t) => (t.TOP = "top", t.RIGHT = "right", t.BOTTOM = "bottom", t.LEFT = "left", t))(Qt || {}), Zt = /* @__PURE__ */ ((t) => (t.AUTO = "auto", t.AUTO_START = "auto-start", t.AUTO_END = "auto-end", t.TOP_START = "top-start", t.TOP_END = "top-end", t.RIGHT_START = "right-start", t.RIGHT_END = "right-end", t.BOTTOM_START = "bottom-start", t.BOTTOM_END = "bottom-end", t.LEFT_START = "left-start", t.LEFT_END = "left-end", t))(Zt || {}), te = /* @__PURE__ */ ((t) => (t.TOOLTIP = "tooltip", t.POPOVER = "dialog", t))(te || {});
+const Wt = { ...Qt, ...Zt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (t) => {
   let e = Array.isArray(t) ? t : [t];
   return e = e.filter((n) => n !== "auto" && n !== "auto-start" && n !== "auto-end").map((n) => n), {
     fallbackPlacements: e
   };
-}, un = {
-  name: "sameWidth",
-  fn: ({ elements: t }) => (t.floating.style.width = `${t.reference.offsetWidth}px`, {})
+}, un = (t) => {
+  let e = !1;
+  return {
+    name: "sameWidth",
+    fn: ({ elements: n }) => {
+      let o = "";
+      if (t())
+        o = `${n.reference.offsetWidth}px`, e = !0;
+      else if (e)
+        e = !1;
+      else
+        return {};
+      return n.floating.style.width === o ? {} : (n.floating.style.width = o, { reset: { rects: !0 } });
+    }
+  };
 }, dn = {}, mn = /* @__PURE__ */ ie({
   ...dn,
   __name: "popper-container",
@@ -1245,7 +1257,7 @@ const Ht = { ...Jt, ...Qt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (t) => {
     ariaRole: {
       type: String,
       default: null,
-      validator: (t) => Object.values(Zt).includes(t)
+      validator: (t) => Object.values(te).includes(t)
     },
     /**
      * Indicates if container should have additional arrow, pointing at target element
@@ -1315,8 +1327,8 @@ const Ht = { ...Jt, ...Qt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (t) => {
      */
     position: {
       type: String,
-      default: Ht.AUTO,
-      validator: (t) => Object.values(Ht).includes(t)
+      default: Wt.AUTO,
+      validator: (t) => Object.values(Wt).includes(t)
     },
     /**
      * Reference to the DOM element or Vue component for positioning
@@ -1336,11 +1348,11 @@ const Ht = { ...Jt, ...Qt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (t) => {
   },
   emits: ["placement"],
   setup(t, { emit: e }) {
-    const n = t, { position: o } = re(n), i = j(), s = j(null), r = j(n.position), l = S(
+    const n = t, { matchWidth: o, position: i } = re(n), s = j(), r = j(null), l = j(n.position), c = R(
       () => n.targetElement.$el ? n.targetElement.$el : n.targetElement
-    ), f = S(
-      () => i.value.$el ? i.value.$el : i.value
-    ), c = S(() => n?.position !== "auto" && n?.fallbackPosition !== "auto"), u = S(() => {
+    ), a = R(
+      () => s.value.$el ? s.value.$el : s.value
+    ), u = R(() => n?.position !== "auto" && n?.fallbackPosition !== "auto"), d = R(() => {
       switch (n.position) {
         case "auto-start":
           return { alignment: "start", crossAxis: !0 };
@@ -1349,56 +1361,61 @@ const Ht = { ...Jt, ...Qt }, an = (t, e) => t ? e[1] + 7 : e[1], fn = (t) => {
         default:
           return;
       }
-    }), d = S(() => n.fixedPositioning ? "fixed" : "absolute"), { floatingStyles: m, middlewareData: a, placement: p, update: w } = cn(l, i, {
-      placement: o,
-      middleware: [
-        // Adds flip modifier if fallbackPosition is not set to auto
-        ...c.value ? [
-          nn({
-            fallbackPlacements: fn(n.fallbackPosition).fallbackPlacements,
-            fallbackStrategy: n.fallbackStrategy
-          })
-        ] : [],
-        // Adds autoposition middlelare if position is set to any auto variants
-        ...c.value ? [] : [tn(u.value)],
-        // Add shifting middle in case popper is still not fully visible in view port
-        en(),
-        // Adds offset middlelare if offset property is set
-        ...n.offset ? [Ze(an(n.arrow, n.offset))] : [],
-        // Adds arrow middlelare if arrow property is set, can set additional padding property
-        ...n.arrow ? [ln({ element: s, padding: n.arrow.padding || 0 })] : [],
-        // Adds same width middleware to keep popper width same as referenced element's width
-        ...n.matchWidth ? [un] : [],
-        // If there is additional custom middleware to add via the property then add it
-        ...n.middleware?.length > 0 ? n.middleware : []
-      ],
-      strategy: d,
+    }), m = R(() => n.fixedPositioning ? "fixed" : "absolute"), f = un(() => o.value), p = R(() => [
+      // Adds flip modifier if fallbackPosition is not set to auto
+      ...u.value ? [
+        nn({
+          fallbackPlacements: fn(n.fallbackPosition).fallbackPlacements,
+          fallbackStrategy: n.fallbackStrategy
+        })
+      ] : [],
+      // Adds autoposition middlelare if position is set to any auto variants
+      ...u.value ? [] : [tn(d.value)],
+      // Add shifting middle in case popper is still not fully visible in view port
+      en(),
+      // Adds offset middlelare if offset property is set
+      ...n.offset ? [Ze(an(n.arrow, n.offset))] : [],
+      // Adds arrow middlelare if arrow property is set, can set additional padding property
+      ...n.arrow ? [ln({ element: r, padding: n.arrow.padding || 0 })] : [],
+      // Adds same width middleware to keep popper width same as referenced element's width
+      f,
+      // If there is additional custom middleware to add via the property then add it
+      ...n.middleware?.length > 0 ? n.middleware : []
+    ]), h = Ht(p.value);
+    q(p, (y) => {
+      h.value = y;
+    });
+    const { floatingStyles: v, middlewareData: g, placement: w, update: x } = cn(c, s, {
+      placement: i,
+      middleware: h,
+      strategy: m,
       // If we're mounting the element with a `v-if` then we need to auto update it while it's mounted
       ...n.isHidden === null ? { whileElementsMounted: kt } : []
     });
-    let g;
-    ot(
+    q(o, () => x());
+    let b;
+    q(
       () => n.isHidden,
       () => {
-        n.isHidden !== null && !n.isHidden ? g = kt(l?.value, f?.value, w) : n.isHidden !== null && n.isHidden && typeof g == "function" && g();
+        n.isHidden !== null && !n.isHidden ? b = kt(c?.value, a?.value, x) : n.isHidden !== null && n.isHidden && typeof b == "function" && b();
       }
-    ), ot(
-      () => p.value,
+    ), q(
+      () => w.value,
       () => {
-        r.value !== p.value && (r.value = p.value, e("placement", r.value));
+        l.value !== w.value && (l.value = w.value, e("placement", l.value));
       }
     );
-    const h = S(() => ({
+    const A = R(() => ({
       position: "absolute",
-      left: a.value.arrow?.x != null ? `${a.value.arrow.x}px` : "",
-      top: a.value.arrow?.y != null ? `${a.value.arrow.y}px` : ""
-    })), v = S(() => ({
+      left: g.value.arrow?.x != null ? `${g.value.arrow.x}px` : "",
+      top: g.value.arrow?.y != null ? `${g.value.arrow.y}px` : ""
+    })), O = R(() => ({
       class: n.arrow.classes,
-      style: h.value,
+      style: A.value,
       // Applies a data-hide attribute to arrow element depending on center offset.
-      ...a.value.arrow?.centerOffset !== 0 ? { "data-hide": "" } : {}
+      ...g.value.arrow?.centerOffset !== 0 ? { "data-hide": "" } : {}
     }));
-    return { __sfc: !0, props: n, emit: e, position: o, popperContainerRef: i, floatingArrow: s, emittedPosition: r, targetElement: l, popperContainerElement: f, isFlipMiddleware: c, getAutoPlacementProps: u, strategy: d, floatingStyles: m, middlewareData: a, placement: p, update: w, cleanupAutoUpdate: g, arrowStyles: h, arrowAttributes: v, BentoFocusTrap: se };
+    return { __sfc: !0, props: n, emit: e, matchWidth: o, position: i, popperContainerRef: s, floatingArrow: r, emittedPosition: l, targetElement: c, popperContainerElement: a, isFlipMiddleware: u, getAutoPlacementProps: d, strategy: m, sameWidthMiddleware: f, middlewareConfig: p, floatingMiddleware: h, floatingStyles: v, middlewareData: g, placement: w, update: x, cleanupAutoUpdate: b, arrowStyles: A, arrowAttributes: O, BentoFocusTrap: se };
   }
 });
 var pn = function() {
@@ -1410,16 +1427,16 @@ var pn = function() {
   gn,
   !1,
   null,
-  "f09a465e"
+  "5554893f"
 );
 const On = hn.exports;
 export {
   On as P,
-  Zt as a,
-  Ht as b,
-  Jt as c,
-  Qt as d,
+  te as a,
+  Wt as b,
+  Qt as c,
+  Zt as d,
   bn as h,
   Ze as o
 };
-//# sourceMappingURL=popper-container.scV0X0nk.js.map
+//# sourceMappingURL=popper-container.Cj3AWXSd.js.map