@alixpartners/ui-components 2.3.1 → 2.4.0

package/dist/{index-C-3_YVJ1.js → index-D34Qo5Qx.js}

@@ -1,23 +1,23 @@
-import * as C from "react";
-import { useLayoutEffect as Ee } from "react";
-import * as Le from "react-dom";
-import { P as Rt, d as Gt, b as De, i as _t } from "./index-DM51yNMI.js";
+import * as O from "react";
+import { useLayoutEffect as Se } from "react";
+import * as Ee from "react-dom";
+import { P as At, d as Kt, b as Le, i as Ht } from "./index-DM51yNMI.js";
 import { jsx as j } from "react/jsx-runtime";
-import { a as Me } from "./index-7CBv-Jx6.js";
-import { u as Te } from "./index-CxAtPSMM.js";
-const $e = ["top", "right", "bottom", "left"], Z = Math.min, W = Math.max, ft = Math.round, lt = Math.floor, I = (t) => ({
+import { a as De } from "./index-7CBv-Jx6.js";
+import { u as Me } from "./index-CxAtPSMM.js";
+const Te = ["top", "right", "bottom", "left"], Z = Math.min, W = Math.max, at = Math.round, ct = Math.floor, I = (t) => ({
   x: t,
   y: t
-}), ke = {
+}), $e = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Fe = {
+}, ke = {
   start: "end",
   end: "start"
 };
-function vt(t, e, n) {
+function yt(t, e, n) {
   return W(t, Z(e, n));
 }
 function q(t, e) {
@@ -29,54 +29,54 @@ function U(t) {
 function tt(t) {
   return t.split("-")[1];
 }
-function Ct(t) {
+function Rt(t) {
   return t === "x" ? "y" : "x";
 }
 function Ot(t) {
   return t === "y" ? "height" : "width";
 }
-const Ne = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Fe = /* @__PURE__ */ new Set(["top", "bottom"]);
 function z(t) {
-  return Ne.has(U(t)) ? "y" : "x";
+  return Fe.has(U(t)) ? "y" : "x";
 }
-function Pt(t) {
-  return Ct(z(t));
+function Ct(t) {
+  return Rt(z(t));
 }
-function We(t, e, n) {
+function Ne(t, e, n) {
   n === void 0 && (n = !1);
-  const o = tt(t), i = Pt(t), r = Ot(i);
-  let s = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return e.reference[r] > e.floating[r] && (s = ut(s)), [s, ut(s)];
+  const o = tt(t), r = Ct(t), i = Ot(r);
+  let s = r === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return e.reference[i] > e.floating[i] && (s = ft(s)), [s, ft(s)];
 }
-function He(t) {
-  const e = ut(t);
-  return [bt(t), e, bt(e)];
+function We(t) {
+  const e = ft(t);
+  return [vt(t), e, vt(e)];
 }
-function bt(t) {
-  return t.replace(/start|end/g, (e) => Fe[e]);
+function vt(t) {
+  return t.replace(/start|end/g, (e) => ke[e]);
 }
-const Bt = ["left", "right"], Vt = ["right", "left"], _e = ["top", "bottom"], Be = ["bottom", "top"];
-function Ve(t, e, n) {
+const _t = ["left", "right"], Bt = ["right", "left"], He = ["top", "bottom"], _e = ["bottom", "top"];
+function Be(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
-      return n ? e ? Vt : Bt : e ? Bt : Vt;
+      return n ? e ? Bt : _t : e ? _t : Bt;
     case "left":
     case "right":
-      return e ? _e : Be;
+      return e ? He : _e;
     default:
       return [];
   }
 }
-function ze(t, e, n, o) {
-  const i = tt(t);
-  let r = Ve(U(t), n === "start", o);
-  return i && (r = r.map((s) => s + "-" + i), e && (r = r.concat(r.map(bt)))), r;
+function Ve(t, e, n, o) {
+  const r = tt(t);
+  let i = Be(U(t), n === "start", o);
+  return r && (i = i.map((s) => s + "-" + r), e && (i = i.concat(i.map(vt)))), i;
 }
-function ut(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => ke[e]);
+function ft(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => $e[e]);
 }
-function Ie(t) {
+function ze(t) {
   return {
     top: 0,
     right: 0,
@@ -85,44 +85,44 @@ function Ie(t) {
     ...t
   };
 }
-function Jt(t) {
-  return typeof t != "number" ? Ie(t) : {
+function Gt(t) {
+  return typeof t != "number" ? ze(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function dt(t) {
+function ut(t) {
   const {
     x: e,
     y: n,
     width: o,
-    height: i
+    height: r
   } = t;
   return {
     width: o,
-    height: i,
+    height: r,
     top: n,
     left: e,
     right: e + o,
-    bottom: n + i,
+    bottom: n + r,
     x: e,
     y: n
   };
 }
-function zt(t, e, n) {
+function Vt(t, e, n) {
   let {
     reference: o,
-    floating: i
+    floating: r
   } = t;
-  const r = z(e), s = Pt(e), c = Ot(s), l = U(e), a = r === "y", f = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, p = o[c] / 2 - i[c] / 2;
+  const i = z(e), s = Ct(e), c = Ot(s), l = U(e), a = i === "y", f = o.x + o.width / 2 - r.width / 2, u = o.y + o.height / 2 - r.height / 2, p = o[c] / 2 - r[c] / 2;
   let d;
   switch (l) {
     case "top":
       d = {
         x: f,
-        y: o.y - i.height
+        y: o.y - r.height
       };
       break;
     case "bottom":
@@ -139,7 +139,7 @@ function zt(t, e, n) {
       break;
     case "left":
       d = {
-        x: o.x - i.width,
+        x: o.x - r.width,
         y: u
       };
       break;
@@ -159,121 +159,124 @@ function zt(t, e, n) {
   }
   return d;
 }
+async function Ie(t, e) {
+  var n;
+  e === void 0 && (e = {});
+  const {
+    x: o,
+    y: r,
+    platform: i,
+    rects: s,
+    elements: c,
+    strategy: l
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: f = "viewport",
+    elementContext: u = "floating",
+    altBoundary: p = !1,
+    padding: d = 0
+  } = q(e, t), m = Gt(d), w = c[p ? u === "floating" ? "reference" : "floating" : u], g = ut(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(w))) == null || n ? w : w.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
+    boundary: a,
+    rootBoundary: f,
+    strategy: l
+  })), y = u === "floating" ? {
+    x: o,
+    y: r,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, v = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), x = await (i.isElement == null ? void 0 : i.isElement(v)) ? await (i.getScale == null ? void 0 : i.getScale(v)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, R = ut(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: c,
+    rect: y,
+    offsetParent: v,
+    strategy: l
+  }) : y);
+  return {
+    top: (g.top - R.top + m.top) / x.y,
+    bottom: (R.bottom - g.bottom + m.bottom) / x.y,
+    left: (g.left - R.left + m.left) / x.x,
+    right: (R.right - g.right + m.right) / x.x
+  };
+}
 const Xe = async (t, e, n) => {
   const {
     placement: o = "bottom",
-    strategy: i = "absolute",
-    middleware: r = [],
+    strategy: r = "absolute",
+    middleware: i = [],
     platform: s
-  } = n, c = r.filter(Boolean), l = await (s.isRTL == null ? void 0 : s.isRTL(e));
+  } = n, c = i.filter(Boolean), l = await (s.isRTL == null ? void 0 : s.isRTL(e));
   let a = await s.getElementRects({
     reference: t,
     floating: e,
-    strategy: i
+    strategy: r
   }), {
     x: f,
     y: u
-  } = zt(a, o, l), p = o, d = {}, m = 0;
-  for (let h = 0; h < c.length; h++) {
+  } = Vt(a, o, l), p = o, d = {}, m = 0;
+  for (let w = 0; w < c.length; w++) {
+    var h;
     const {
-      name: w,
-      fn: g
-    } = c[h], {
-      x,
-      y: b,
-      data: y,
-      reset: v
-    } = await g({
+      name: g,
+      fn: y
+    } = c[w], {
+      x: v,
+      y: x,
+      data: R,
+      reset: b
+    } = await y({
       x: f,
       y: u,
       initialPlacement: o,
       placement: p,
-      strategy: i,
+      strategy: r,
       middlewareData: d,
       rects: a,
-      platform: s,
+      platform: {
+        ...s,
+        detectOverflow: (h = s.detectOverflow) != null ? h : Ie
+      },
       elements: {
         reference: t,
         floating: e
       }
     });
-    f = x ?? f, u = b ?? u, d = {
+    f = v ?? f, u = x ?? u, d = {
       ...d,
-      [w]: {
-        ...d[w],
-        ...y
+      [g]: {
+        ...d[g],
+        ...R
       }
-    }, v && m <= 50 && (m++, typeof v == "object" && (v.placement && (p = v.placement), v.rects && (a = v.rects === !0 ? await s.getElementRects({
+    }, b && m <= 50 && (m++, typeof b == "object" && (b.placement && (p = b.placement), b.rects && (a = b.rects === !0 ? await s.getElementRects({
       reference: t,
       floating: e,
-      strategy: i
-    }) : v.rects), {
+      strategy: r
+    }) : b.rects), {
       x: f,
       y: u
-    } = zt(a, p, l)), h = -1);
+    } = Vt(a, p, l)), w = -1);
   }
   return {
     x: f,
     y: u,
     placement: p,
-    strategy: i,
+    strategy: r,
     middlewareData: d
   };
-};
-async function ot(t, e) {
-  var n;
-  e === void 0 && (e = {});
-  const {
-    x: o,
-    y: i,
-    platform: r,
-    rects: s,
-    elements: c,
-    strategy: l
-  } = t, {
-    boundary: a = "clippingAncestors",
-    rootBoundary: f = "viewport",
-    elementContext: u = "floating",
-    altBoundary: p = !1,
-    padding: d = 0
-  } = q(e, t), m = Jt(d), w = c[p ? u === "floating" ? "reference" : "floating" : u], g = dt(await r.getClippingRect({
-    element: (n = await (r.isElement == null ? void 0 : r.isElement(w))) == null || n ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(c.floating)),
-    boundary: a,
-    rootBoundary: f,
-    strategy: l
-  })), x = u === "floating" ? {
-    x: o,
-    y: i,
-    width: s.floating.width,
-    height: s.floating.height
-  } : s.reference, b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c.floating)), y = await (r.isElement == null ? void 0 : r.isElement(b)) ? await (r.getScale == null ? void 0 : r.getScale(b)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, v = dt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: c,
-    rect: x,
-    offsetParent: b,
-    strategy: l
-  }) : x);
-  return {
-    top: (g.top - v.top + m.top) / y.y,
-    bottom: (v.bottom - g.bottom + m.bottom) / y.y,
-    left: (g.left - v.left + m.left) / y.x,
-    right: (v.right - g.right + m.right) / y.x
-  };
-}
-const Ye = (t) => ({
+}, Ye = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
     const {
       x: n,
       y: o,
-      placement: i,
-      rects: r,
+      placement: r,
+      rects: i,
       platform: s,
       elements: c,
       middlewareData: l
@@ -283,13 +286,13 @@ const Ye = (t) => ({
     } = q(t, e) || {};
     if (a == null)
       return {};
-    const u = Jt(f), p = {
+    const u = Gt(f), p = {
       x: n,
       y: o
-    }, d = Pt(i), m = Ot(d), h = await s.getDimensions(a), w = d === "y", g = w ? "top" : "left", x = w ? "bottom" : "right", b = w ? "clientHeight" : "clientWidth", y = r.reference[m] + r.reference[d] - p[d] - r.floating[m], v = p[d] - r.reference[d], R = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a));
-    let O = R ? R[b] : 0;
-    (!O || !await (s.isElement == null ? void 0 : s.isElement(R))) && (O = c.floating[b] || r.floating[m]);
-    const M = y / 2 - v / 2, F = O / 2 - h[m] / 2 - 1, D = Z(u[g], F), $ = Z(u[x], F), k = D, S = O - h[m] - $, P = O / 2 - h[m] / 2 + M, N = vt(k, P, S), E = !l.arrow && tt(i) != null && P !== N && r.reference[m] / 2 - (P < k ? D : $) - h[m] / 2 < 0, L = E ? P < k ? P - k : P - S : 0;
+    }, d = Ct(r), m = Ot(d), h = await s.getDimensions(a), w = d === "y", g = w ? "top" : "left", y = w ? "bottom" : "right", v = w ? "clientHeight" : "clientWidth", x = i.reference[m] + i.reference[d] - p[d] - i.floating[m], R = p[d] - i.reference[d], b = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a));
+    let C = b ? b[v] : 0;
+    (!C || !await (s.isElement == null ? void 0 : s.isElement(b))) && (C = c.floating[v] || i.floating[m]);
+    const M = x / 2 - R / 2, F = C / 2 - h[m] / 2 - 1, D = Z(u[g], F), $ = Z(u[y], F), k = D, S = C - h[m] - $, P = C / 2 - h[m] / 2 + M, N = yt(k, P, S), E = !l.arrow && tt(r) != null && P !== N && i.reference[m] / 2 - (P < k ? D : $) - h[m] / 2 < 0, L = E ? P < k ? P - k : P - S : 0;
     return {
       [d]: p[d] + L,
       data: {
@@ -309,8 +312,8 @@ const Ye = (t) => ({
     async fn(e) {
       var n, o;
       const {
-        placement: i,
-        middlewareData: r,
+        placement: r,
+        middlewareData: i,
         rects: s,
         initialPlacement: c,
         platform: l,
@@ -324,25 +327,25 @@ const Ye = (t) => ({
         flipAlignment: h = !0,
         ...w
       } = q(t, e);
-      if ((n = r.arrow) != null && n.alignmentOffset)
+      if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const g = U(i), x = z(c), b = U(c) === c, y = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), v = p || (b || !h ? [ut(c)] : He(c)), R = m !== "none";
-      !p && R && v.push(...ze(c, h, m, y));
-      const O = [c, ...v], M = await ot(e, w), F = [];
-      let D = ((o = r.flip) == null ? void 0 : o.overflows) || [];
+      const g = U(r), y = z(c), v = U(c) === c, x = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), R = p || (v || !h ? [ft(c)] : We(c)), b = m !== "none";
+      !p && b && R.push(...Ve(c, h, m, x));
+      const C = [c, ...R], M = await l.detectOverflow(e, w), F = [];
+      let D = ((o = i.flip) == null ? void 0 : o.overflows) || [];
       if (f && F.push(M[g]), u) {
-        const P = We(i, s, y);
+        const P = Ne(r, s, x);
         F.push(M[P[0]], M[P[1]]);
       }
       if (D = [...D, {
-        placement: i,
+        placement: r,
         overflows: F
       }], !F.every((P) => P <= 0)) {
         var $, k;
-        const P = ((($ = r.flip) == null ? void 0 : $.index) || 0) + 1, N = O[P];
-        if (N && (!(u === "alignment" ? x !== z(N) : !1) || // We leave the current main axis only if every placement on that axis
+        const P = ((($ = i.flip) == null ? void 0 : $.index) || 0) + 1, N = C[P];
+        if (N && (!(u === "alignment" ? y !== z(N) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        D.every((A) => z(A.placement) === x ? A.overflows[0] > 0 : !0)))
+        D.every((A) => z(A.placement) === y ? A.overflows[0] > 0 : !0)))
           return {
             data: {
               index: P,
@@ -358,9 +361,9 @@ const Ye = (t) => ({
             case "bestFit": {
               var S;
               const L = (S = D.filter((A) => {
-                if (R) {
+                if (b) {
                   const T = z(A.placement);
-                  return T === x || // Create a bias to the `y` side axis due to horizontal
+                  return T === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   T === "y";
                 }
@@ -373,7 +376,7 @@ const Ye = (t) => ({
               E = c;
               break;
           }
-        if (i !== E)
+        if (r !== E)
           return {
             reset: {
               placement: E
@@ -384,7 +387,7 @@ const Ye = (t) => ({
     }
   };
 };
-function It(t, e) {
+function zt(t, e) {
   return {
     top: t.top - e.height,
     right: t.right - e.width,
@@ -392,8 +395,8 @@ function It(t, e) {
     left: t.left - e.width
   };
 }
-function Xt(t) {
-  return $e.some((e) => t[e] >= 0);
+function It(t) {
+  return Te.some((e) => t[e] >= 0);
 }
 const qe = function(t) {
   return t === void 0 && (t = {}), {
@@ -401,33 +404,34 @@ const qe = function(t) {
     options: t,
     async fn(e) {
       const {
-        rects: n
+        rects: n,
+        platform: o
       } = e, {
-        strategy: o = "referenceHidden",
+        strategy: r = "referenceHidden",
         ...i
       } = q(t, e);
-      switch (o) {
+      switch (r) {
         case "referenceHidden": {
-          const r = await ot(e, {
+          const s = await o.detectOverflow(e, {
             ...i,
             elementContext: "reference"
-          }), s = It(r, n.reference);
+          }), c = zt(s, n.reference);
           return {
             data: {
-              referenceHiddenOffsets: s,
-              referenceHidden: Xt(s)
+              referenceHiddenOffsets: c,
+              referenceHidden: It(c)
             }
           };
         }
         case "escaped": {
-          const r = await ot(e, {
+          const s = await o.detectOverflow(e, {
             ...i,
             altBoundary: !0
-          }), s = It(r, n.floating);
+          }), c = zt(s, n.floating);
           return {
             data: {
-              escapedOffsets: s,
-              escaped: Xt(s)
+              escapedOffsets: c,
+              escaped: It(c)
             }
           };
         }
@@ -436,13 +440,13 @@ const qe = function(t) {
       }
     }
   };
-}, Qt = /* @__PURE__ */ new Set(["left", "top"]);
+}, Jt = /* @__PURE__ */ new Set(["left", "top"]);
 async function Ue(t, e) {
   const {
     placement: n,
     platform: o,
-    elements: i
-  } = t, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), s = U(n), c = tt(n), l = z(n) === "y", a = Qt.has(s) ? -1 : 1, f = r && l ? -1 : 1, u = q(e, t);
+    elements: r
+  } = t, i = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), s = U(n), c = tt(n), l = z(n) === "y", a = Jt.has(s) ? -1 : 1, f = i && l ? -1 : 1, u = q(e, t);
   let {
     mainAxis: p,
     crossAxis: d,
@@ -471,14 +475,14 @@ const Ze = function(t) {
     async fn(e) {
       var n, o;
       const {
-        x: i,
-        y: r,
+        x: r,
+        y: i,
         placement: s,
         middlewareData: c
       } = e, l = await Ue(e, t);
       return s === ((n = c.offset) == null ? void 0 : n.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
-        x: i + l.x,
-        y: r + l.y,
+        x: r + l.x,
+        y: i + l.y,
         data: {
           ...l,
           placement: s
@@ -494,49 +498,50 @@ const Ze = function(t) {
       const {
         x: n,
         y: o,
-        placement: i
+        placement: r,
+        platform: i
       } = e, {
-        mainAxis: r = !0,
-        crossAxis: s = !1,
-        limiter: c = {
-          fn: (w) => {
+        mainAxis: s = !0,
+        crossAxis: c = !1,
+        limiter: l = {
+          fn: (g) => {
             let {
-              x: g,
-              y: x
-            } = w;
+              x: y,
+              y: v
+            } = g;
             return {
-              x: g,
-              y: x
+              x: y,
+              y: v
             };
           }
         },
-        ...l
-      } = q(t, e), a = {
+        ...a
+      } = q(t, e), f = {
         x: n,
         y: o
-      }, f = await ot(e, l), u = z(U(i)), p = Ct(u);
-      let d = a[p], m = a[u];
-      if (r) {
-        const w = p === "y" ? "top" : "left", g = p === "y" ? "bottom" : "right", x = d + f[w], b = d - f[g];
-        d = vt(x, d, b);
-      }
+      }, u = await i.detectOverflow(e, a), p = z(U(r)), d = Rt(p);
+      let m = f[d], h = f[p];
       if (s) {
-        const w = u === "y" ? "top" : "left", g = u === "y" ? "bottom" : "right", x = m + f[w], b = m - f[g];
-        m = vt(x, m, b);
+        const g = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", v = m + u[g], x = m - u[y];
+        m = yt(v, m, x);
+      }
+      if (c) {
+        const g = p === "y" ? "top" : "left", y = p === "y" ? "bottom" : "right", v = h + u[g], x = h - u[y];
+        h = yt(v, h, x);
       }
-      const h = c.fn({
+      const w = l.fn({
         ...e,
-        [p]: d,
-        [u]: m
+        [d]: m,
+        [p]: h
       });
       return {
-        ...h,
+        ...w,
         data: {
-          x: h.x - n,
-          y: h.y - o,
+          x: w.x - n,
+          y: w.y - o,
           enabled: {
-            [p]: r,
-            [u]: s
+            [d]: s,
+            [p]: c
           }
         }
       };
@@ -549,8 +554,8 @@ const Ze = function(t) {
       const {
         x: n,
         y: o,
-        placement: i,
-        rects: r,
+        placement: r,
+        rects: i,
         middlewareData: s
       } = e, {
         offset: c = 0,
@@ -559,7 +564,7 @@ const Ze = function(t) {
       } = q(t, e), f = {
         x: n,
         y: o
-      }, u = z(i), p = Ct(u);
+      }, u = z(r), p = Rt(u);
       let d = f[p], m = f[u];
       const h = q(c, e), w = typeof h == "number" ? {
         mainAxis: h,
@@ -570,13 +575,13 @@ const Ze = function(t) {
         ...h
       };
       if (l) {
-        const b = p === "y" ? "height" : "width", y = r.reference[p] - r.floating[b] + w.mainAxis, v = r.reference[p] + r.reference[b] - w.mainAxis;
-        d < y ? d = y : d > v && (d = v);
+        const v = p === "y" ? "height" : "width", x = i.reference[p] - i.floating[v] + w.mainAxis, R = i.reference[p] + i.reference[v] - w.mainAxis;
+        d < x ? d = x : d > R && (d = R);
       }
       if (a) {
-        var g, x;
-        const b = p === "y" ? "width" : "height", y = Qt.has(U(i)), v = r.reference[u] - r.floating[b] + (y && ((g = s.offset) == null ? void 0 : g[u]) || 0) + (y ? 0 : w.crossAxis), R = r.reference[u] + r.reference[b] + (y ? 0 : ((x = s.offset) == null ? void 0 : x[u]) || 0) - (y ? w.crossAxis : 0);
-        m < v ? m = v : m > R && (m = R);
+        var g, y;
+        const v = p === "y" ? "width" : "height", x = Jt.has(U(r)), R = i.reference[u] - i.floating[v] + (x && ((g = s.offset) == null ? void 0 : g[u]) || 0) + (x ? 0 : w.crossAxis), b = i.reference[u] + i.reference[v] + (x ? 0 : ((y = s.offset) == null ? void 0 : y[u]) || 0) - (x ? w.crossAxis : 0);
+        m < R ? m = R : m > b && (m = b);
       }
       return {
         [p]: d,
@@ -591,30 +596,30 @@ const Ze = function(t) {
     async fn(e) {
       var n, o;
       const {
-        placement: i,
-        rects: r,
+        placement: r,
+        rects: i,
         platform: s,
         elements: c
       } = e, {
         apply: l = () => {
         },
         ...a
-      } = q(t, e), f = await ot(e, a), u = U(i), p = tt(i), d = z(i) === "y", {
+      } = q(t, e), f = await s.detectOverflow(e, a), u = U(r), p = tt(r), d = z(r) === "y", {
         width: m,
         height: h
-      } = r.floating;
+      } = i.floating;
       let w, g;
       u === "top" || u === "bottom" ? (w = u, g = p === (await (s.isRTL == null ? void 0 : s.isRTL(c.floating)) ? "start" : "end") ? "left" : "right") : (g = u, w = p === "end" ? "top" : "bottom");
-      const x = h - f.top - f.bottom, b = m - f.left - f.right, y = Z(h - f[w], x), v = Z(m - f[g], b), R = !e.middlewareData.shift;
-      let O = y, M = v;
-      if ((n = e.middlewareData.shift) != null && n.enabled.x && (M = b), (o = e.middlewareData.shift) != null && o.enabled.y && (O = x), R && !p) {
+      const y = h - f.top - f.bottom, v = m - f.left - f.right, x = Z(h - f[w], y), R = Z(m - f[g], v), b = !e.middlewareData.shift;
+      let C = x, M = R;
+      if ((n = e.middlewareData.shift) != null && n.enabled.x && (M = v), (o = e.middlewareData.shift) != null && o.enabled.y && (C = y), b && !p) {
         const D = W(f.left, 0), $ = W(f.right, 0), k = W(f.top, 0), S = W(f.bottom, 0);
-        d ? M = m - 2 * (D !== 0 || $ !== 0 ? D + $ : W(f.left, f.right)) : O = h - 2 * (k !== 0 || S !== 0 ? k + S : W(f.top, f.bottom));
+        d ? M = m - 2 * (D !== 0 || $ !== 0 ? D + $ : W(f.left, f.right)) : C = h - 2 * (k !== 0 || S !== 0 ? k + S : W(f.top, f.bottom));
       }
       await l({
         ...e,
         availableWidth: M,
-        availableHeight: O
+        availableHeight: C
       });
       const F = await s.getDimensions(c.floating);
       return m !== F.width || h !== F.height ? {
@@ -625,11 +630,11 @@ const Ze = function(t) {
     }
   };
 };
-function pt() {
+function mt() {
   return typeof window < "u";
 }
 function et(t) {
-  return te(t) ? (t.nodeName || "").toLowerCase() : "#document";
+  return Qt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function H(t) {
   var e;
@@ -637,19 +642,19 @@ function H(t) {
 }
 function Y(t) {
   var e;
-  return (e = (te(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (Qt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function te(t) {
-  return pt() ? t instanceof Node || t instanceof H(t).Node : !1;
+function Qt(t) {
+  return mt() ? t instanceof Node || t instanceof H(t).Node : !1;
 }
 function _(t) {
-  return pt() ? t instanceof Element || t instanceof H(t).Element : !1;
+  return mt() ? t instanceof Element || t instanceof H(t).Element : !1;
 }
 function X(t) {
-  return pt() ? t instanceof HTMLElement || t instanceof H(t).HTMLElement : !1;
+  return mt() ? t instanceof HTMLElement || t instanceof H(t).HTMLElement : !1;
 }
-function Yt(t) {
-  return !pt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof H(t).ShadowRoot;
+function Xt(t) {
+  return !mt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof H(t).ShadowRoot;
 }
 const Qe = /* @__PURE__ */ new Set(["inline", "contents"]);
 function rt(t) {
@@ -657,16 +662,16 @@ function rt(t) {
     overflow: e,
     overflowX: n,
     overflowY: o,
-    display: i
+    display: r
   } = B(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !Qe.has(i);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !Qe.has(r);
 }
 const tn = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function en(t) {
   return tn.has(et(t));
 }
 const nn = [":popover-open", ":modal"];
-function ht(t) {
+function pt(t) {
   return nn.some((e) => {
     try {
       return t.matches(e);
@@ -676,22 +681,22 @@ function ht(t) {
   });
 }
 const on = ["transform", "translate", "scale", "rotate", "perspective"], rn = ["transform", "translate", "scale", "rotate", "perspective", "filter"], sn = ["paint", "layout", "strict", "content"];
-function St(t) {
-  const e = Et(), n = _(t) ? B(t) : t;
+function Pt(t) {
+  const e = St(), n = _(t) ? B(t) : t;
   return on.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || rn.some((o) => (n.willChange || "").includes(o)) || sn.some((o) => (n.contain || "").includes(o));
 }
 function cn(t) {
   let e = K(t);
   for (; X(e) && !Q(e); ) {
-    if (St(e))
+    if (Pt(e))
       return e;
-    if (ht(e))
+    if (pt(e))
       return null;
     e = K(e);
   }
   return null;
 }
-function Et() {
+function St() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const ln = /* @__PURE__ */ new Set(["html", "body", "#document"]);
@@ -701,7 +706,7 @@ function Q(t) {
 function B(t) {
   return H(t).getComputedStyle(t);
 }
-function gt(t) {
+function ht(t) {
   return _(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
@@ -717,60 +722,60 @@ function K(t) {
     // Step into the shadow DOM of the parent of a slotted node.
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
-    Yt(t) && t.host || // Fallback.
+    Xt(t) && t.host || // Fallback.
     Y(t)
   );
-  return Yt(e) ? e.host : e;
+  return Xt(e) ? e.host : e;
 }
-function ee(t) {
+function te(t) {
   const e = K(t);
-  return Q(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : X(e) && rt(e) ? e : ee(e);
+  return Q(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : X(e) && rt(e) ? e : te(e);
 }
-function it(t, e, n) {
+function ot(t, e, n) {
   var o;
   e === void 0 && (e = []), n === void 0 && (n = !0);
-  const i = ee(t), r = i === ((o = t.ownerDocument) == null ? void 0 : o.body), s = H(i);
-  if (r) {
-    const c = At(s);
-    return e.concat(s, s.visualViewport || [], rt(i) ? i : [], c && n ? it(c) : []);
+  const r = te(t), i = r === ((o = t.ownerDocument) == null ? void 0 : o.body), s = H(r);
+  if (i) {
+    const c = bt(s);
+    return e.concat(s, s.visualViewport || [], rt(r) ? r : [], c && n ? ot(c) : []);
   }
-  return e.concat(i, it(i, [], n));
+  return e.concat(r, ot(r, [], n));
 }
-function At(t) {
+function bt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function ne(t) {
+function ee(t) {
   const e = B(t);
   let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
-  const i = X(t), r = i ? t.offsetWidth : n, s = i ? t.offsetHeight : o, c = ft(n) !== r || ft(o) !== s;
-  return c && (n = r, o = s), {
+  const r = X(t), i = r ? t.offsetWidth : n, s = r ? t.offsetHeight : o, c = at(n) !== i || at(o) !== s;
+  return c && (n = i, o = s), {
     width: n,
     height: o,
     $: c
   };
 }
-function Lt(t) {
+function Et(t) {
   return _(t) ? t : t.contextElement;
 }
 function J(t) {
-  const e = Lt(t);
+  const e = Et(t);
   if (!X(e))
     return I(1);
   const n = e.getBoundingClientRect(), {
     width: o,
-    height: i,
-    $: r
-  } = ne(e);
-  let s = (r ? ft(n.width) : n.width) / o, c = (r ? ft(n.height) : n.height) / i;
+    height: r,
+    $: i
+  } = ee(e);
+  let s = (i ? at(n.width) : n.width) / o, c = (i ? at(n.height) : n.height) / r;
   return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
     x: s,
     y: c
   };
 }
 const an = /* @__PURE__ */ I(0);
-function oe(t) {
+function ne(t) {
   const e = H(t);
-  return !Et() || !e.visualViewport ? an : {
+  return !St() || !e.visualViewport ? an : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
@@ -780,35 +785,35 @@ function fn(t, e, n) {
 }
 function G(t, e, n, o) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const i = t.getBoundingClientRect(), r = Lt(t);
+  const r = t.getBoundingClientRect(), i = Et(t);
   let s = I(1);
   e && (o ? _(o) && (s = J(o)) : s = J(t));
-  const c = fn(r, n, o) ? oe(r) : I(0);
-  let l = (i.left + c.x) / s.x, a = (i.top + c.y) / s.y, f = i.width / s.x, u = i.height / s.y;
-  if (r) {
-    const p = H(r), d = o && _(o) ? H(o) : o;
-    let m = p, h = At(m);
+  const c = fn(i, n, o) ? ne(i) : I(0);
+  let l = (r.left + c.x) / s.x, a = (r.top + c.y) / s.y, f = r.width / s.x, u = r.height / s.y;
+  if (i) {
+    const p = H(i), d = o && _(o) ? H(o) : o;
+    let m = p, h = bt(m);
     for (; h && o && d !== m; ) {
-      const w = J(h), g = h.getBoundingClientRect(), x = B(h), b = g.left + (h.clientLeft + parseFloat(x.paddingLeft)) * w.x, y = g.top + (h.clientTop + parseFloat(x.paddingTop)) * w.y;
-      l *= w.x, a *= w.y, f *= w.x, u *= w.y, l += b, a += y, m = H(h), h = At(m);
+      const w = J(h), g = h.getBoundingClientRect(), y = B(h), v = g.left + (h.clientLeft + parseFloat(y.paddingLeft)) * w.x, x = g.top + (h.clientTop + parseFloat(y.paddingTop)) * w.y;
+      l *= w.x, a *= w.y, f *= w.x, u *= w.y, l += v, a += x, m = H(h), h = bt(m);
     }
   }
-  return dt({
+  return ut({
     width: f,
     height: u,
     x: l,
     y: a
   });
 }
-function wt(t, e) {
-  const n = gt(t).scrollLeft;
+function gt(t, e) {
+  const n = ht(t).scrollLeft;
   return e ? e.left + n : G(Y(t)).left + n;
 }
-function ie(t, e) {
-  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - wt(t, n), i = n.top + e.scrollTop;
+function oe(t, e) {
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - gt(t, n), r = n.top + e.scrollTop;
   return {
     x: o,
-    y: i
+    y: r
   };
 }
 function un(t) {
@@ -816,21 +821,21 @@ function un(t) {
     elements: e,
     rect: n,
     offsetParent: o,
-    strategy: i
+    strategy: r
   } = t;
-  const r = i === "fixed", s = Y(o), c = e ? ht(e.floating) : !1;
-  if (o === s || c && r)
+  const i = r === "fixed", s = Y(o), c = e ? pt(e.floating) : !1;
+  if (o === s || c && i)
     return n;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   }, a = I(1);
   const f = I(0), u = X(o);
-  if ((u || !u && !r) && ((et(o) !== "body" || rt(s)) && (l = gt(o)), X(o))) {
+  if ((u || !u && !i) && ((et(o) !== "body" || rt(s)) && (l = ht(o)), X(o))) {
     const d = G(o);
     a = J(o), f.x = d.x + o.clientLeft, f.y = d.y + o.clientTop;
   }
-  const p = s && !u && !r ? ie(s, l) : I(0);
+  const p = s && !u && !i ? oe(s, l) : I(0);
   return {
     width: n.width * a.x,
     height: n.height * a.y,
@@ -842,32 +847,32 @@ function dn(t) {
   return Array.from(t.getClientRects());
 }
 function mn(t) {
-  const e = Y(t), n = gt(t), o = t.ownerDocument.body, i = W(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), r = W(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
-  let s = -n.scrollLeft + wt(t);
+  const e = Y(t), n = ht(t), o = t.ownerDocument.body, r = W(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), i = W(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + gt(t);
   const c = -n.scrollTop;
-  return B(o).direction === "rtl" && (s += W(e.clientWidth, o.clientWidth) - i), {
-    width: i,
-    height: r,
+  return B(o).direction === "rtl" && (s += W(e.clientWidth, o.clientWidth) - r), {
+    width: r,
+    height: i,
     x: s,
     y: c
   };
 }
-const jt = 25;
+const Yt = 25;
 function pn(t, e) {
-  const n = H(t), o = Y(t), i = n.visualViewport;
-  let r = o.clientWidth, s = o.clientHeight, c = 0, l = 0;
-  if (i) {
-    r = i.width, s = i.height;
-    const f = Et();
-    (!f || f && e === "fixed") && (c = i.offsetLeft, l = i.offsetTop);
+  const n = H(t), o = Y(t), r = n.visualViewport;
+  let i = o.clientWidth, s = o.clientHeight, c = 0, l = 0;
+  if (r) {
+    i = r.width, s = r.height;
+    const f = St();
+    (!f || f && e === "fixed") && (c = r.offsetLeft, l = r.offsetTop);
   }
-  const a = wt(o);
+  const a = gt(o);
   if (a <= 0) {
     const f = o.ownerDocument, u = f.body, p = getComputedStyle(u), d = f.compatMode === "CSS1Compat" && parseFloat(p.marginLeft) + parseFloat(p.marginRight) || 0, m = Math.abs(o.clientWidth - u.clientWidth - d);
-    m <= jt && (r -= m);
-  } else a <= jt && (r += a);
+    m <= Yt && (i -= m);
+  } else a <= Yt && (i += a);
   return {
-    width: r,
+    width: i,
     height: s,
     x: c,
     y: l
@@ -875,7 +880,7 @@ function pn(t, e) {
 }
 const hn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function gn(t, e) {
-  const n = G(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, r = X(t) ? J(t) : I(1), s = t.clientWidth * r.x, c = t.clientHeight * r.y, l = i * r.x, a = o * r.y;
+  const n = G(t, !0, e === "fixed"), o = n.top + t.clientTop, r = n.left + t.clientLeft, i = X(t) ? J(t) : I(1), s = t.clientWidth * i.x, c = t.clientHeight * i.y, l = r * i.x, a = o * i.y;
   return {
     width: s,
     height: c,
@@ -883,7 +888,7 @@ function gn(t, e) {
     y: a
   };
 }
-function qt(t, e, n) {
+function jt(t, e, n) {
   let o;
   if (e === "viewport")
     o = pn(t, n);
@@ -892,15 +897,15 @@ function qt(t, e, n) {
   else if (_(e))
     o = gn(e, n);
   else {
-    const i = oe(t);
+    const r = ne(t);
     o = {
-      x: e.x - i.x,
-      y: e.y - i.y,
+      x: e.x - r.x,
+      y: e.y - r.y,
       width: e.width,
       height: e.height
     };
   }
-  return dt(o);
+  return ut(o);
 }
 function re(t, e) {
   const n = K(t);
@@ -910,12 +915,12 @@ function wn(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let o = it(t, [], !1).filter((c) => _(c) && et(c) !== "body"), i = null;
-  const r = B(t).position === "fixed";
-  let s = r ? K(t) : t;
+  let o = ot(t, [], !1).filter((c) => _(c) && et(c) !== "body"), r = null;
+  const i = B(t).position === "fixed";
+  let s = i ? K(t) : t;
   for (; _(s) && !Q(s); ) {
-    const c = B(s), l = St(s);
-    !l && c.position === "fixed" && (i = null), (r ? !l && !i : !l && c.position === "static" && !!i && hn.has(i.position) || rt(s) && !l && re(t, s)) ? o = o.filter((f) => f !== s) : i = c, s = K(s);
+    const c = B(s), l = Pt(s);
+    !l && c.position === "fixed" && (r = null), (i ? !l && !r : !l && c.position === "static" && !!r && hn.has(r.position) || rt(s) && !l && re(t, s)) ? o = o.filter((f) => f !== s) : r = c, s = K(s);
   }
   return e.set(t, o), o;
 }
@@ -924,12 +929,12 @@ function xn(t) {
     element: e,
     boundary: n,
     rootBoundary: o,
-    strategy: i
+    strategy: r
   } = t;
-  const s = [...n === "clippingAncestors" ? ht(e) ? [] : wn(e, this._c) : [].concat(n), o], c = s[0], l = s.reduce((a, f) => {
-    const u = qt(e, f, i);
+  const s = [...n === "clippingAncestors" ? pt(e) ? [] : wn(e, this._c) : [].concat(n), o], c = s[0], l = s.reduce((a, f) => {
+    const u = jt(e, f, r);
     return a.top = W(u.top, a.top), a.right = Z(u.right, a.right), a.bottom = Z(u.bottom, a.bottom), a.left = W(u.left, a.left), a;
-  }, qt(e, c, i));
+  }, jt(e, c, r));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -941,29 +946,29 @@ function yn(t) {
   const {
     width: e,
     height: n
-  } = ne(t);
+  } = ee(t);
   return {
     width: e,
     height: n
   };
 }
 function vn(t, e, n) {
-  const o = X(e), i = Y(e), r = n === "fixed", s = G(t, !0, r, e);
+  const o = X(e), r = Y(e), i = n === "fixed", s = G(t, !0, i, e);
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const l = I(0);
   function a() {
-    l.x = wt(i);
+    l.x = gt(r);
   }
-  if (o || !o && !r)
-    if ((et(e) !== "body" || rt(i)) && (c = gt(e)), o) {
-      const d = G(e, !0, r, e);
+  if (o || !o && !i)
+    if ((et(e) !== "body" || rt(r)) && (c = ht(e)), o) {
+      const d = G(e, !0, i, e);
       l.x = d.x + e.clientLeft, l.y = d.y + e.clientTop;
-    } else i && a();
-  r && !o && i && a();
-  const f = i && !o && !r ? ie(i, c) : I(0), u = s.left + c.scrollLeft - l.x - f.x, p = s.top + c.scrollTop - l.y - f.y;
+    } else r && a();
+  i && !o && r && a();
+  const f = r && !o && !i ? oe(r, c) : I(0), u = s.left + c.scrollLeft - l.x - f.x, p = s.top + c.scrollTop - l.y - f.y;
   return {
     x: u,
     y: p,
@@ -971,10 +976,10 @@ function vn(t, e, n) {
     height: s.height
   };
 }
-function xt(t) {
+function wt(t) {
   return B(t).position === "static";
 }
-function Ut(t, e) {
+function qt(t, e) {
   if (!X(t) || B(t).position === "fixed")
     return null;
   if (e)
@@ -982,26 +987,26 @@ function Ut(t, e) {
   let n = t.offsetParent;
   return Y(t) === n && (n = n.ownerDocument.body), n;
 }
-function se(t, e) {
+function ie(t, e) {
   const n = H(t);
-  if (ht(t))
+  if (pt(t))
     return n;
   if (!X(t)) {
-    let i = K(t);
-    for (; i && !Q(i); ) {
-      if (_(i) && !xt(i))
-        return i;
-      i = K(i);
+    let r = K(t);
+    for (; r && !Q(r); ) {
+      if (_(r) && !wt(r))
+        return r;
+      r = K(r);
     }
     return n;
   }
-  let o = Ut(t, e);
-  for (; o && en(o) && xt(o); )
-    o = Ut(o, e);
-  return o && Q(o) && xt(o) && !St(o) ? n : o || cn(t) || n;
+  let o = qt(t, e);
+  for (; o && en(o) && wt(o); )
+    o = qt(o, e);
+  return o && Q(o) && wt(o) && !Pt(o) ? n : o || cn(t) || n;
 }
 const bn = async function(t) {
-  const e = this.getOffsetParent || se, n = this.getDimensions, o = await n(t.floating);
+  const e = this.getOffsetParent || ie, n = this.getDimensions, o = await n(t.floating);
   return {
     reference: vn(t.reference, await e(t.floating), t.strategy),
     floating: {
@@ -1019,7 +1024,7 @@ const Rn = {
   convertOffsetParentRelativeRectToViewportRelativeRect: un,
   getDocumentElement: Y,
   getClippingRect: xn,
-  getOffsetParent: se,
+  getOffsetParent: ie,
   getElementRects: bn,
   getClientRects: dn,
   getDimensions: yn,
@@ -1027,18 +1032,18 @@ const Rn = {
   isElement: _,
   isRTL: An
 };
-function ce(t, e) {
+function se(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
-function Cn(t, e) {
+function On(t, e) {
   let n = null, o;
-  const i = Y(t);
-  function r() {
+  const r = Y(t);
+  function i() {
     var c;
     clearTimeout(o), (c = n) == null || c.disconnect(), n = null;
   }
   function s(c, l) {
-    c === void 0 && (c = !1), l === void 0 && (l = 1), r();
+    c === void 0 && (c = !1), l === void 0 && (l = 1), i();
     const a = t.getBoundingClientRect(), {
       left: f,
       top: u,
@@ -1047,126 +1052,126 @@ function Cn(t, e) {
     } = a;
     if (c || e(), !p || !d)
       return;
-    const m = lt(u), h = lt(i.clientWidth - (f + p)), w = lt(i.clientHeight - (u + d)), g = lt(f), b = {
+    const m = ct(u), h = ct(r.clientWidth - (f + p)), w = ct(r.clientHeight - (u + d)), g = ct(f), v = {
       rootMargin: -m + "px " + -h + "px " + -w + "px " + -g + "px",
       threshold: W(0, Z(1, l)) || 1
     };
-    let y = !0;
-    function v(R) {
-      const O = R[0].intersectionRatio;
-      if (O !== l) {
-        if (!y)
+    let x = !0;
+    function R(b) {
+      const C = b[0].intersectionRatio;
+      if (C !== l) {
+        if (!x)
           return s();
-        O ? s(!1, O) : o = setTimeout(() => {
+        C ? s(!1, C) : o = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
-      O === 1 && !ce(a, t.getBoundingClientRect()) && s(), y = !1;
+      C === 1 && !se(a, t.getBoundingClientRect()) && s(), x = !1;
     }
     try {
-      n = new IntersectionObserver(v, {
-        ...b,
+      n = new IntersectionObserver(R, {
+        ...v,
         // Handle <iframe>s
-        root: i.ownerDocument
+        root: r.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(v, b);
+      n = new IntersectionObserver(R, v);
     }
     n.observe(t);
   }
-  return s(!0), r;
+  return s(!0), i;
 }
-function On(t, e, n, o) {
+function Cn(t, e, n, o) {
   o === void 0 && (o = {});
   const {
-    ancestorScroll: i = !0,
-    ancestorResize: r = !0,
+    ancestorScroll: r = !0,
+    ancestorResize: i = !0,
     elementResize: s = typeof ResizeObserver == "function",
     layoutShift: c = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = o, a = Lt(t), f = i || r ? [...a ? it(a) : [], ...it(e)] : [];
+  } = o, a = Et(t), f = r || i ? [...a ? ot(a) : [], ...ot(e)] : [];
   f.forEach((g) => {
-    i && g.addEventListener("scroll", n, {
+    r && g.addEventListener("scroll", n, {
       passive: !0
-    }), r && g.addEventListener("resize", n);
+    }), i && g.addEventListener("resize", n);
   });
-  const u = a && c ? Cn(a, n) : null;
+  const u = a && c ? On(a, n) : null;
   let p = -1, d = null;
   s && (d = new ResizeObserver((g) => {
-    let [x] = g;
-    x && x.target === a && d && (d.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
-      var b;
-      (b = d) == null || b.observe(e);
+    let [y] = g;
+    y && y.target === a && d && (d.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+      var v;
+      (v = d) == null || v.observe(e);
     })), n();
   }), a && !l && d.observe(a), d.observe(e));
   let m, h = l ? G(t) : null;
   l && w();
   function w() {
     const g = G(t);
-    h && !ce(h, g) && n(), h = g, m = requestAnimationFrame(w);
+    h && !se(h, g) && n(), h = g, m = requestAnimationFrame(w);
   }
   return n(), () => {
     var g;
-    f.forEach((x) => {
-      i && x.removeEventListener("scroll", n), r && x.removeEventListener("resize", n);
+    f.forEach((y) => {
+      r && y.removeEventListener("scroll", n), i && y.removeEventListener("resize", n);
     }), u == null || u(), (g = d) == null || g.disconnect(), d = null, l && cancelAnimationFrame(m);
   };
 }
-const Pn = Ze, Sn = Ke, En = je, Ln = Je, Dn = qe, Zt = Ye, Mn = Ge, Tn = (t, e, n) => {
-  const o = /* @__PURE__ */ new Map(), i = {
+const Pn = Ze, Sn = Ke, En = je, Ln = Je, Dn = qe, Ut = Ye, Mn = Ge, Tn = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), r = {
     platform: Rn,
     ...n
-  }, r = {
-    ...i.platform,
+  }, i = {
+    ...r.platform,
     _c: o
   };
   return Xe(t, e, {
-    ...i,
-    platform: r
+    ...r,
+    platform: i
   });
 };
 var $n = typeof document < "u", kn = function() {
-}, at = $n ? Ee : kn;
-function mt(t, e) {
+}, lt = $n ? Se : kn;
+function dt(t, e) {
   if (t === e)
     return !0;
   if (typeof t != typeof e)
     return !1;
   if (typeof t == "function" && t.toString() === e.toString())
     return !0;
-  let n, o, i;
+  let n, o, r;
   if (t && e && typeof t == "object") {
     if (Array.isArray(t)) {
       if (n = t.length, n !== e.length) return !1;
       for (o = n; o-- !== 0; )
-        if (!mt(t[o], e[o]))
+        if (!dt(t[o], e[o]))
           return !1;
       return !0;
     }
-    if (i = Object.keys(t), n = i.length, n !== Object.keys(e).length)
+    if (r = Object.keys(t), n = r.length, n !== Object.keys(e).length)
       return !1;
     for (o = n; o-- !== 0; )
-      if (!{}.hasOwnProperty.call(e, i[o]))
+      if (!{}.hasOwnProperty.call(e, r[o]))
         return !1;
     for (o = n; o-- !== 0; ) {
-      const r = i[o];
-      if (!(r === "_owner" && t.$$typeof) && !mt(t[r], e[r]))
+      const i = r[o];
+      if (!(i === "_owner" && t.$$typeof) && !dt(t[i], e[i]))
         return !1;
     }
     return !0;
   }
   return t !== t && e !== e;
 }
-function le(t) {
+function ce(t) {
   return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Kt(t, e) {
-  const n = le(t);
+function Zt(t, e) {
+  const n = ce(t);
   return Math.round(e * n) / n;
 }
-function yt(t) {
-  const e = C.useRef(t);
-  return at(() => {
+function xt(t) {
+  const e = O.useRef(t);
+  return lt(() => {
     e.current = t;
   }), e;
 }
@@ -1176,36 +1181,36 @@ function Fn(t) {
     placement: e = "bottom",
     strategy: n = "absolute",
     middleware: o = [],
-    platform: i,
+    platform: r,
     elements: {
-      reference: r,
+      reference: i,
       floating: s
     } = {},
     transform: c = !0,
     whileElementsMounted: l,
     open: a
-  } = t, [f, u] = C.useState({
+  } = t, [f, u] = O.useState({
     x: 0,
     y: 0,
     strategy: n,
     placement: e,
     middlewareData: {},
     isPositioned: !1
-  }), [p, d] = C.useState(o);
-  mt(p, o) || d(o);
-  const [m, h] = C.useState(null), [w, g] = C.useState(null), x = C.useCallback((A) => {
-    A !== R.current && (R.current = A, h(A));
-  }, []), b = C.useCallback((A) => {
-    A !== O.current && (O.current = A, g(A));
-  }, []), y = r || m, v = s || w, R = C.useRef(null), O = C.useRef(null), M = C.useRef(f), F = l != null, D = yt(l), $ = yt(i), k = yt(a), S = C.useCallback(() => {
-    if (!R.current || !O.current)
+  }), [p, d] = O.useState(o);
+  dt(p, o) || d(o);
+  const [m, h] = O.useState(null), [w, g] = O.useState(null), y = O.useCallback((A) => {
+    A !== b.current && (b.current = A, h(A));
+  }, []), v = O.useCallback((A) => {
+    A !== C.current && (C.current = A, g(A));
+  }, []), x = i || m, R = s || w, b = O.useRef(null), C = O.useRef(null), M = O.useRef(f), F = l != null, D = xt(l), $ = xt(r), k = xt(a), S = O.useCallback(() => {
+    if (!b.current || !C.current)
       return;
     const A = {
       placement: e,
       strategy: n,
       middleware: p
     };
-    $.current && (A.platform = $.current), Tn(R.current, O.current, A).then((T) => {
+    $.current && (A.platform = $.current), Tn(b.current, C.current, A).then((T) => {
       const V = {
         ...T,
         // The floating element's position may be recomputed while it's closed
@@ -1214,36 +1219,36 @@ function Fn(t) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: k.current !== !1
       };
-      P.current && !mt(M.current, V) && (M.current = V, Le.flushSync(() => {
+      P.current && !dt(M.current, V) && (M.current = V, Ee.flushSync(() => {
         u(V);
       }));
     });
   }, [p, e, n, $, k]);
-  at(() => {
+  lt(() => {
     a === !1 && M.current.isPositioned && (M.current.isPositioned = !1, u((A) => ({
       ...A,
       isPositioned: !1
     })));
   }, [a]);
-  const P = C.useRef(!1);
-  at(() => (P.current = !0, () => {
+  const P = O.useRef(!1);
+  lt(() => (P.current = !0, () => {
     P.current = !1;
-  }), []), at(() => {
-    if (y && (R.current = y), v && (O.current = v), y && v) {
+  }), []), lt(() => {
+    if (x && (b.current = x), R && (C.current = R), x && R) {
       if (D.current)
-        return D.current(y, v, S);
+        return D.current(x, R, S);
       S();
     }
-  }, [y, v, S, D, F]);
-  const N = C.useMemo(() => ({
-    reference: R,
-    floating: O,
-    setReference: x,
-    setFloating: b
-  }), [x, b]), E = C.useMemo(() => ({
-    reference: y,
-    floating: v
-  }), [y, v]), L = C.useMemo(() => {
+  }, [x, R, S, D, F]);
+  const N = O.useMemo(() => ({
+    reference: b,
+    floating: C,
+    setReference: y,
+    setFloating: v
+  }), [y, v]), E = O.useMemo(() => ({
+    reference: x,
+    floating: R
+  }), [x, R]), L = O.useMemo(() => {
     const A = {
       position: n,
       left: 0,
@@ -1251,11 +1256,11 @@ function Fn(t) {
     };
     if (!E.floating)
       return A;
-    const T = Kt(E.floating, f.x), V = Kt(E.floating, f.y);
+    const T = Zt(E.floating, f.x), V = Zt(E.floating, f.y);
     return c ? {
       ...A,
       transform: "translate(" + T + "px, " + V + "px)",
-      ...le(E.floating) >= 1.5 && {
+      ...ce(E.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -1264,7 +1269,7 @@ function Fn(t) {
       top: V
     };
   }, [n, c, E.floating, f.x, f.y]);
-  return C.useMemo(() => ({
+  return O.useMemo(() => ({
     ...f,
     update: S,
     refs: N,
@@ -1282,14 +1287,14 @@ const Nn = (t) => {
     fn(n) {
       const {
         element: o,
-        padding: i
+        padding: r
       } = typeof t == "function" ? t(n) : t;
-      return o && e(o) ? o.current != null ? Zt({
+      return o && e(o) ? o.current != null ? Ut({
         element: o.current,
-        padding: i
-      }).fn(n) : {} : o ? Zt({
+        padding: r
+      }).fn(n) : {} : o ? Ut({
         element: o,
-        padding: i
+        padding: r
       }).fn(n) : {};
     }
   };
@@ -1315,45 +1320,45 @@ const Nn = (t) => {
   ...Nn(t),
   options: [t, e]
 });
-var Xn = "Arrow", ae = C.forwardRef((t, e) => {
-  const { children: n, width: o = 10, height: i = 5, ...r } = t;
+var Xn = "Arrow", le = O.forwardRef((t, e) => {
+  const { children: n, width: o = 10, height: r = 5, ...i } = t;
   return /* @__PURE__ */ j(
-    Rt.svg,
+    At.svg,
     {
-      ...r,
+      ...i,
       ref: e,
       width: o,
-      height: i,
+      height: r,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
       children: t.asChild ? n : /* @__PURE__ */ j("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
-ae.displayName = Xn;
-var Yn = ae, Dt = "Popper", [fe, oo] = De(Dt), [jn, ue] = fe(Dt), de = (t) => {
-  const { __scopePopper: e, children: n } = t, [o, i] = C.useState(null);
-  return /* @__PURE__ */ j(jn, { scope: e, anchor: o, onAnchorChange: i, children: n });
+le.displayName = Xn;
+var Yn = le, Lt = "Popper", [ae, oo] = Le(Lt), [jn, fe] = ae(Lt), ue = (t) => {
+  const { __scopePopper: e, children: n } = t, [o, r] = O.useState(null);
+  return /* @__PURE__ */ j(jn, { scope: e, anchor: o, onAnchorChange: r, children: n });
 };
-de.displayName = Dt;
-var me = "PopperAnchor", pe = C.forwardRef(
+ue.displayName = Lt;
+var de = "PopperAnchor", me = O.forwardRef(
   (t, e) => {
-    const { __scopePopper: n, virtualRef: o, ...i } = t, r = ue(me, n), s = C.useRef(null), c = Gt(e, s), l = C.useRef(null);
-    return C.useEffect(() => {
+    const { __scopePopper: n, virtualRef: o, ...r } = t, i = fe(de, n), s = O.useRef(null), c = Kt(e, s), l = O.useRef(null);
+    return O.useEffect(() => {
       const a = l.current;
-      l.current = (o == null ? void 0 : o.current) || s.current, a !== l.current && r.onAnchorChange(l.current);
-    }), o ? null : /* @__PURE__ */ j(Rt.div, { ...i, ref: c });
+      l.current = (o == null ? void 0 : o.current) || s.current, a !== l.current && i.onAnchorChange(l.current);
+    }), o ? null : /* @__PURE__ */ j(At.div, { ...r, ref: c });
   }
 );
-pe.displayName = me;
-var Mt = "PopperContent", [qn, Un] = fe(Mt), he = C.forwardRef(
+me.displayName = de;
+var Dt = "PopperContent", [qn, Un] = ae(Dt), pe = O.forwardRef(
   (t, e) => {
-    var Tt, $t, kt, Ft, Nt, Wt;
+    var Mt, Tt, $t, kt, Ft, Nt;
     const {
       __scopePopper: n,
       side: o = "bottom",
-      sideOffset: i = 0,
-      align: r = "center",
+      sideOffset: r = 0,
+      align: i = "center",
       alignOffset: s = 0,
       arrowPadding: c = 0,
       avoidCollisions: l = !0,
@@ -1364,7 +1369,7 @@ var Mt = "PopperContent", [qn, Un] = fe(Mt), he = C.forwardRef(
       updatePositionStrategy: d = "optimized",
       onPlaced: m,
       ...h
-    } = t, w = ue(Mt, n), [g, x] = C.useState(null), b = Gt(e, (nt) => x(nt)), [y, v] = C.useState(null), R = Te(y), O = (R == null ? void 0 : R.width) ?? 0, M = (R == null ? void 0 : R.height) ?? 0, F = o + (r !== "center" ? "-" + r : ""), D = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, $ = Array.isArray(a) ? a : [a], k = $.length > 0, S = {
+    } = t, w = fe(Dt, n), [g, y] = O.useState(null), v = Kt(e, (nt) => y(nt)), [x, R] = O.useState(null), b = Me(x), C = (b == null ? void 0 : b.width) ?? 0, M = (b == null ? void 0 : b.height) ?? 0, F = o + (i !== "center" ? "-" + i : ""), D = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, $ = Array.isArray(a) ? a : [a], k = $.length > 0, S = {
       padding: D,
       boundary: $.filter(Kn),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -1373,14 +1378,14 @@ var Mt = "PopperContent", [qn, Un] = fe(Mt), he = C.forwardRef(
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: F,
-      whileElementsMounted: (...nt) => On(...nt, {
+      whileElementsMounted: (...nt) => Cn(...nt, {
         animationFrame: d === "always"
       }),
       elements: {
         reference: w.anchor
       },
       middleware: [
-        Wn({ mainAxis: i + M, alignmentAxis: s }),
+        Wn({ mainAxis: r + M, alignmentAxis: s }),
         l && Hn({
           mainAxis: !0,
           crossAxis: !1,
@@ -1390,22 +1395,22 @@ var Mt = "PopperContent", [qn, Un] = fe(Mt), he = C.forwardRef(
         l && Bn({ ...S }),
         Vn({
           ...S,
-          apply: ({ elements: nt, rects: Ht, availableWidth: Ce, availableHeight: Oe }) => {
-            const { width: Pe, height: Se } = Ht.reference, ct = nt.floating.style;
-            ct.setProperty("--radix-popper-available-width", `${Ce}px`), ct.setProperty("--radix-popper-available-height", `${Oe}px`), ct.setProperty("--radix-popper-anchor-width", `${Pe}px`), ct.setProperty("--radix-popper-anchor-height", `${Se}px`);
+          apply: ({ elements: nt, rects: Wt, availableWidth: Re, availableHeight: Oe }) => {
+            const { width: Ce, height: Pe } = Wt.reference, st = nt.floating.style;
+            st.setProperty("--radix-popper-available-width", `${Re}px`), st.setProperty("--radix-popper-available-height", `${Oe}px`), st.setProperty("--radix-popper-anchor-width", `${Ce}px`), st.setProperty("--radix-popper-anchor-height", `${Pe}px`);
           }
         }),
-        y && In({ element: y, padding: c }),
-        Gn({ arrowWidth: O, arrowHeight: M }),
+        x && In({ element: x, padding: c }),
+        Gn({ arrowWidth: C, arrowHeight: M }),
         p && zn({ strategy: "referenceHidden", ...S })
       ]
-    }), [T, V] = xe(E), st = Me(m);
-    _t(() => {
-      L && (st == null || st());
-    }, [L, st]);
-    const ye = (Tt = A.arrow) == null ? void 0 : Tt.x, ve = ($t = A.arrow) == null ? void 0 : $t.y, be = ((kt = A.arrow) == null ? void 0 : kt.centerOffset) !== 0, [Ae, Re] = C.useState();
-    return _t(() => {
-      g && Re(window.getComputedStyle(g).zIndex);
+    }), [T, V] = we(E), it = De(m);
+    Ht(() => {
+      L && (it == null || it());
+    }, [L, it]);
+    const xe = (Mt = A.arrow) == null ? void 0 : Mt.x, ye = (Tt = A.arrow) == null ? void 0 : Tt.y, ve = (($t = A.arrow) == null ? void 0 : $t.centerOffset) !== 0, [be, Ae] = O.useState();
+    return Ht(() => {
+      g && Ae(window.getComputedStyle(g).zIndex);
     }, [g]), /* @__PURE__ */ j(
       "div",
       {
@@ -1416,15 +1421,15 @@ var Mt = "PopperContent", [qn, Un] = fe(Mt), he = C.forwardRef(
           transform: L ? N.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: Ae,
+          zIndex: be,
           "--radix-popper-transform-origin": [
-            (Ft = A.transformOrigin) == null ? void 0 : Ft.x,
-            (Nt = A.transformOrigin) == null ? void 0 : Nt.y
+            (kt = A.transformOrigin) == null ? void 0 : kt.x,
+            (Ft = A.transformOrigin) == null ? void 0 : Ft.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...((Wt = A.hide) == null ? void 0 : Wt.referenceHidden) && {
+          ...((Nt = A.hide) == null ? void 0 : Nt.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -1435,17 +1440,17 @@ var Mt = "PopperContent", [qn, Un] = fe(Mt), he = C.forwardRef(
           {
             scope: n,
             placedSide: T,
-            onArrowChange: v,
-            arrowX: ye,
-            arrowY: ve,
-            shouldHideArrow: be,
+            onArrowChange: R,
+            arrowX: xe,
+            arrowY: ye,
+            shouldHideArrow: ve,
             children: /* @__PURE__ */ j(
-              Rt.div,
+              At.div,
               {
                 "data-side": T,
                 "data-align": V,
                 ...h,
-                ref: b,
+                ref: v,
                 style: {
                   ...h.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
@@ -1460,14 +1465,14 @@ var Mt = "PopperContent", [qn, Un] = fe(Mt), he = C.forwardRef(
     );
   }
 );
-he.displayName = Mt;
-var ge = "PopperArrow", Zn = {
+pe.displayName = Dt;
+var he = "PopperArrow", Zn = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
-}, we = C.forwardRef(function(e, n) {
-  const { __scopePopper: o, ...i } = e, r = Un(ge, o), s = Zn[r.placedSide];
+}, ge = O.forwardRef(function(e, n) {
+  const { __scopePopper: o, ...r } = e, i = Un(he, o), s = Zn[i.placedSide];
   return (
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
@@ -1475,33 +1480,33 @@ var ge = "PopperArrow", Zn = {
     /* @__PURE__ */ j(
       "span",
       {
-        ref: r.onArrowChange,
+        ref: i.onArrowChange,
         style: {
           position: "absolute",
-          left: r.arrowX,
-          top: r.arrowY,
+          left: i.arrowX,
+          top: i.arrowY,
           [s]: 0,
           transformOrigin: {
             top: "",
             right: "0 0",
             bottom: "center 0",
             left: "100% 0"
-          }[r.placedSide],
+          }[i.placedSide],
           transform: {
             top: "translateY(100%)",
             right: "translateY(50%) rotate(90deg) translateX(-50%)",
             bottom: "rotate(180deg)",
             left: "translateY(50%) rotate(-90deg) translateX(50%)"
-          }[r.placedSide],
-          visibility: r.shouldHideArrow ? "hidden" : void 0
+          }[i.placedSide],
+          visibility: i.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ j(
           Yn,
           {
-            ...i,
+            ...r,
             ref: n,
             style: {
-              ...i.style,
+              ...r.style,
               // ensures the element can be measured correctly (mostly for if SVG)
               display: "block"
             }
@@ -1511,7 +1516,7 @@ var ge = "PopperArrow", Zn = {
     )
   );
 });
-we.displayName = ge;
+ge.displayName = he;
 function Kn(t) {
   return t !== null;
 }
@@ -1519,21 +1524,21 @@ var Gn = (t) => ({
   name: "transformOrigin",
   options: t,
   fn(e) {
-    var w, g, x;
-    const { placement: n, rects: o, middlewareData: i } = e, s = ((w = i.arrow) == null ? void 0 : w.centerOffset) !== 0, c = s ? 0 : t.arrowWidth, l = s ? 0 : t.arrowHeight, [a, f] = xe(n), u = { start: "0%", center: "50%", end: "100%" }[f], p = (((g = i.arrow) == null ? void 0 : g.x) ?? 0) + c / 2, d = (((x = i.arrow) == null ? void 0 : x.y) ?? 0) + l / 2;
+    var w, g, y;
+    const { placement: n, rects: o, middlewareData: r } = e, s = ((w = r.arrow) == null ? void 0 : w.centerOffset) !== 0, c = s ? 0 : t.arrowWidth, l = s ? 0 : t.arrowHeight, [a, f] = we(n), u = { start: "0%", center: "50%", end: "100%" }[f], p = (((g = r.arrow) == null ? void 0 : g.x) ?? 0) + c / 2, d = (((y = r.arrow) == null ? void 0 : y.y) ?? 0) + l / 2;
     let m = "", h = "";
     return a === "bottom" ? (m = s ? u : `${p}px`, h = `${-l}px`) : a === "top" ? (m = s ? u : `${p}px`, h = `${o.floating.height + l}px`) : a === "right" ? (m = `${-l}px`, h = s ? u : `${d}px`) : a === "left" && (m = `${o.floating.width + l}px`, h = s ? u : `${d}px`), { data: { x: m, y: h } };
   }
 });
-function xe(t) {
+function we(t) {
   const [e, n = "center"] = t.split("-");
   return [e, n];
 }
-var io = de, ro = pe, so = he, co = we;
+var ro = ue, io = me, so = pe, co = ge;
 export {
-  ro as A,
+  io as A,
   so as C,
-  io as R,
+  ro as R,
   co as a,
   oo as c
 };