@konstructio/ui 0.1.2-alpha.105 → 0.1.2-alpha.107

package/dist/{dist-DFCz63oC2.js → dist-9WbMf_jT.js}

@@ -2,7 +2,7 @@ import { a as Xt } from "./dist-xCbHbMLA.js";
 import { t as Ot } from "./dist-CCdbu9GU.js";
 import { i as ve, n as xt } from "./dist-D-yS0HN8.js";
 import { t as xe } from "./dist-D5XYRjmR.js";
-import { t as ye } from "./dist-pWlMx4Fi2.js";
+import { t as ye } from "./dist-pWlMx4Fi.js";
 import * as O from "react";
 import { useLayoutEffect as be } from "react";
 import * as Ae from "react-dom";
@@ -117,51 +117,51 @@ function ft(t) {
 }
 function kt(t, e, n) {
   let { reference: r, floating: i } = t;
-  const o = N(e), s = Et(e), c = St(s), l = U(e), u = o === "y", a = r.x + r.width / 2 - i.width / 2, m = r.y + r.height / 2 - i.height / 2, p = r[c] / 2 - i[c] / 2;
-  let f;
+  const o = N(e), s = Et(e), c = St(s), l = U(e), u = o === "y", f = r.x + r.width / 2 - i.width / 2, d = r.y + r.height / 2 - i.height / 2, p = r[c] / 2 - i[c] / 2;
+  let a;
   switch (l) {
     case "top":
-      f = {
-        x: a,
+      a = {
+        x: f,
         y: r.y - i.height
       };
       break;
     case "bottom":
-      f = {
-        x: a,
+      a = {
+        x: f,
         y: r.y + r.height
       };
       break;
     case "right":
-      f = {
+      a = {
         x: r.x + r.width,
-        y: m
+        y: d
       };
       break;
     case "left":
-      f = {
+      a = {
         x: r.x - i.width,
-        y: m
+        y: d
       };
       break;
     default:
-      f = {
+      a = {
         x: r.x,
         y: r.y
       };
   }
-  const d = et(e);
-  return d && (f[s] += p * (d === "end" ? 1 : -1) * (n && u ? -1 : 1)), f;
+  const m = et(e);
+  return m && (a[s] += p * (m === "end" ? 1 : -1) * (n && u ? -1 : 1)), a;
 }
 async function De(t, e) {
   var n;
   e === void 0 && (e = {});
-  const { x: r, y: i, platform: o, rects: s, elements: c, strategy: l } = t, { boundary: u = "clippingAncestors", rootBoundary: a = "viewport", elementContext: m = "floating", altBoundary: p = !1, padding: f = 0 } = Y(e, t), d = qt(f), h = c[p ? m === "floating" ? "reference" : "floating" : m], g = ft(await o.getClippingRect({
+  const { x: r, y: i, platform: o, rects: s, elements: c, strategy: l } = t, { boundary: u = "clippingAncestors", rootBoundary: f = "viewport", elementContext: d = "floating", altBoundary: p = !1, padding: a = 0 } = Y(e, t), m = qt(a), h = c[p ? d === "floating" ? "reference" : "floating" : d], g = ft(await o.getClippingRect({
     element: (n = await (o.isElement == null ? void 0 : o.isElement(h))) == null || n ? h : h.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(c.floating)),
     boundary: u,
-    rootBoundary: a,
+    rootBoundary: f,
     strategy: l
-  })), w = m === "floating" ? {
+  })), w = d === "floating" ? {
     x: r,
     y: i,
     width: s.floating.width,
@@ -176,10 +176,10 @@ async function De(t, e) {
     strategy: l
   }) : w);
   return {
-    top: (g.top - y.top + d.top) / b.y,
-    bottom: (y.bottom - g.bottom + d.bottom) / b.y,
-    left: (g.left - y.left + d.left) / b.x,
-    right: (y.right - g.right + d.right) / b.x
+    top: (g.top - y.top + m.top) / b.y,
+    bottom: (y.bottom - g.bottom + m.bottom) / b.y,
+    left: (g.left - y.left + m.left) / b.x,
+    right: (y.right - g.right + m.right) / b.x
   };
 }
 var Me = 50, _e = async (t, e, n) => {
@@ -191,18 +191,18 @@ var Me = 50, _e = async (t, e, n) => {
     reference: t,
     floating: e,
     strategy: i
-  }), { x: a, y: m } = kt(u, r, l), p = r, f = 0;
-  const d = {};
+  }), { x: f, y: d } = kt(u, r, l), p = r, a = 0;
+  const m = {};
   for (let h = 0; h < o.length; h++) {
     const g = o[h];
     if (!g) continue;
     const { name: w, fn: v } = g, { x: b, y, data: R, reset: x } = await v({
-      x: a,
-      y: m,
+      x: f,
+      y: d,
       initialPlacement: r,
       placement: p,
       strategy: i,
-      middlewareData: d,
+      middlewareData: m,
       rects: u,
       platform: c,
       elements: {
@@ -210,39 +210,39 @@ var Me = 50, _e = async (t, e, n) => {
         floating: e
       }
     });
-    a = b ?? a, m = y ?? m, d[w] = {
-      ...d[w],
+    f = b ?? f, d = y ?? d, m[w] = {
+      ...m[w],
       ...R
-    }, x && f < Me && (f++, typeof x == "object" && (x.placement && (p = x.placement), x.rects && (u = x.rects === !0 ? await s.getElementRects({
+    }, x && a < Me && (a++, typeof x == "object" && (x.placement && (p = x.placement), x.rects && (u = x.rects === !0 ? await s.getElementRects({
       reference: t,
       floating: e,
       strategy: i
-    }) : x.rects), { x: a, y: m } = kt(u, p, l)), h = -1);
+    }) : x.rects), { x: f, y: d } = kt(u, p, l)), h = -1);
   }
   return {
-    x: a,
-    y: m,
+    x: f,
+    y: d,
     placement: p,
     strategy: i,
-    middlewareData: d
+    middlewareData: m
   };
 }, Fe = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
-    const { x: n, y: r, placement: i, rects: o, platform: s, elements: c, middlewareData: l } = e, { element: u, padding: a = 0 } = Y(t, e) || {};
+    const { x: n, y: r, placement: i, rects: o, platform: s, elements: c, middlewareData: l } = e, { element: u, padding: f = 0 } = Y(t, e) || {};
     if (u == null) return {};
-    const m = qt(a), p = {
+    const d = qt(f), p = {
       x: n,
       y: r
-    }, f = Et(i), d = St(f), h = await s.getDimensions(u), g = f === "y", w = g ? "top" : "left", v = g ? "bottom" : "right", b = g ? "clientHeight" : "clientWidth", y = o.reference[d] + o.reference[f] - p[f] - o.floating[d], R = p[f] - o.reference[f], x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
+    }, a = Et(i), m = St(a), h = await s.getDimensions(u), g = a === "y", w = g ? "top" : "left", v = g ? "bottom" : "right", b = g ? "clientHeight" : "clientWidth", y = o.reference[m] + o.reference[a] - p[a] - o.floating[m], R = p[a] - o.reference[a], x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(u));
     let A = x ? x[b] : 0;
-    (!A || !await (s.isElement == null ? void 0 : s.isElement(x))) && (A = c.floating[b] || o.floating[d]);
-    const C = y / 2 - R / 2, D = A / 2 - h[d] / 2 - 1, $ = K(m[w], D), k = K(m[v], D), H = A - h[d] - k, T = A / 2 - h[d] / 2 + C, S = Yt($, T, H), F = !l.arrow && et(i) != null && T !== S && o.reference[d] / 2 - (T < $ ? $ : k) - h[d] / 2 < 0, E = F ? T < $ ? T - $ : T - H : 0;
+    (!A || !await (s.isElement == null ? void 0 : s.isElement(x))) && (A = c.floating[b] || o.floating[m]);
+    const C = y / 2 - R / 2, D = A / 2 - h[m] / 2 - 1, $ = K(d[w], D), k = K(d[v], D), H = A - h[m] - k, T = A / 2 - h[m] / 2 + C, S = Yt($, T, H), F = !l.arrow && et(i) != null && T !== S && o.reference[m] / 2 - (T < $ ? $ : k) - h[m] / 2 < 0, E = F ? T < $ ? T - $ : T - H : 0;
     return {
-      [f]: p[f] + E,
+      [a]: p[a] + E,
       data: {
-        [f]: S,
+        [a]: S,
         centerOffset: T - S - E,
         ...F && { alignmentOffset: E }
       },
@@ -255,13 +255,13 @@ var Me = 50, _e = async (t, e, n) => {
     options: t,
     async fn(e) {
       var n, r;
-      const { placement: i, middlewareData: o, rects: s, initialPlacement: c, platform: l, elements: u } = e, { mainAxis: a = !0, crossAxis: m = !0, fallbackPlacements: p, fallbackStrategy: f = "bestFit", fallbackAxisSideDirection: d = "none", flipAlignment: h = !0, ...g } = Y(t, e);
+      const { placement: i, middlewareData: o, rects: s, initialPlacement: c, platform: l, elements: u } = e, { mainAxis: f = !0, crossAxis: d = !0, fallbackPlacements: p, fallbackStrategy: a = "bestFit", fallbackAxisSideDirection: m = "none", flipAlignment: h = !0, ...g } = Y(t, e);
       if ((n = o.arrow) != null && n.alignmentOffset) return {};
-      const w = U(i), v = N(c), b = U(c) === c, y = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), R = p || (b || !h ? [at(c)] : Ce(c)), x = d !== "none";
-      !p && x && R.push(...Te(c, h, d, y));
+      const w = U(i), v = N(c), b = U(c) === c, y = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), R = p || (b || !h ? [at(c)] : Ce(c)), x = m !== "none";
+      !p && x && R.push(...Te(c, h, m, y));
       const A = [c, ...R], C = await l.detectOverflow(e, g), D = [];
       let $ = ((r = o.flip) == null ? void 0 : r.overflows) || [];
-      if (a && D.push(C[w]), m) {
+      if (f && D.push(C[w]), d) {
         const S = Oe(i, s, y);
         D.push(C[S[0]], C[S[1]]);
       }
@@ -271,7 +271,7 @@ var Me = 50, _e = async (t, e, n) => {
       }], !D.every((S) => S <= 0)) {
         var k, H;
         const S = (((k = o.flip) == null ? void 0 : k.index) || 0) + 1, F = A[S];
-        if (F && (!(m === "alignment" && v !== N(F)) || $.every((M) => N(M.placement) === v ? M.overflows[0] > 0 : !0)))
+        if (F && (!(d === "alignment" && v !== N(F)) || $.every((M) => N(M.placement) === v ? M.overflows[0] > 0 : !0)))
           return {
             data: {
               index: S,
@@ -280,7 +280,7 @@ var Me = 50, _e = async (t, e, n) => {
             reset: { placement: F }
           };
         let E = (H = $.filter((M) => M.overflows[0] <= 0).sort((M, P) => M.overflows[1] - P.overflows[1])[0]) == null ? void 0 : H.placement;
-        if (!E) switch (f) {
+        if (!E) switch (a) {
           case "bestFit": {
             var T;
             const M = (T = $.filter((P) => {
@@ -295,7 +295,6 @@ var Me = 50, _e = async (t, e, n) => {
           }
           case "initialPlacement":
             E = c;
-            break;
         }
         if (i !== E) return { reset: { placement: E } };
       }
@@ -348,22 +347,22 @@ var ke = function(t) {
   };
 }, Kt = /* @__PURE__ */ new Set(["left", "top"]);
 async function He(t, e) {
-  const { placement: n, platform: r, elements: i } = t, o = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), s = U(n), c = et(n), l = N(n) === "y", u = Kt.has(s) ? -1 : 1, a = o && l ? -1 : 1, m = Y(e, t);
-  let { mainAxis: p, crossAxis: f, alignmentAxis: d } = typeof m == "number" ? {
-    mainAxis: m,
+  const { placement: n, platform: r, elements: i } = t, o = await (r.isRTL == null ? void 0 : r.isRTL(i.floating)), s = U(n), c = et(n), l = N(n) === "y", u = Kt.has(s) ? -1 : 1, f = o && l ? -1 : 1, d = Y(e, t);
+  let { mainAxis: p, crossAxis: a, alignmentAxis: m } = typeof d == "number" ? {
+    mainAxis: d,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: m.mainAxis || 0,
-    crossAxis: m.crossAxis || 0,
-    alignmentAxis: m.alignmentAxis
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
   };
-  return c && typeof d == "number" && (f = c === "end" ? d * -1 : d), l ? {
-    x: f * a,
+  return c && typeof m == "number" && (a = c === "end" ? m * -1 : m), l ? {
+    x: a * f,
     y: p * u
   } : {
     x: p * u,
-    y: f * a
+    y: a * f
   };
 }
 var Ne = function(t) {
@@ -394,16 +393,16 @@ var Ne = function(t) {
           x: b,
           y
         };
-      } }, ...u } = Y(t, e), a = {
+      } }, ...u } = Y(t, e), f = {
         x: n,
         y: r
-      }, m = await o.detectOverflow(e, u), p = N(i), f = Ct(p);
-      let d = a[f], h = a[p];
-      const g = (v, b) => Yt(b + m[v === "y" ? "top" : "left"], b, b - m[v === "y" ? "bottom" : "right"]);
-      s && (d = g(f, d)), c && (h = g(p, h));
+      }, d = await o.detectOverflow(e, u), p = N(i), a = Ct(p);
+      let m = f[a], h = f[p];
+      const g = (v, b) => Yt(b + d[v === "y" ? "top" : "left"], b, b - d[v === "y" ? "bottom" : "right"]);
+      s && (m = g(a, m)), c && (h = g(p, h));
       const w = l.fn({
         ...e,
-        [f]: d,
+        [a]: m,
         [p]: h
       });
       return {
@@ -412,7 +411,7 @@ var Ne = function(t) {
           x: w.x - n,
           y: w.y - r,
           enabled: {
-            [f]: s,
+            [a]: s,
             [p]: c
           }
         }
@@ -424,11 +423,11 @@ var Ne = function(t) {
     options: t,
     fn(e) {
       var n, r;
-      const { x: i, y: o, placement: s, rects: c, middlewareData: l } = e, { offset: u = 0, mainAxis: a = !0, crossAxis: m = !0 } = Y(t, e), p = {
+      const { x: i, y: o, placement: s, rects: c, middlewareData: l } = e, { offset: u = 0, mainAxis: f = !0, crossAxis: d = !0 } = Y(t, e), p = {
         x: i,
         y: o
-      }, f = N(s), d = Ct(f);
-      let h = p[d], g = p[f];
+      }, a = N(s), m = Ct(a);
+      let h = p[m], g = p[a];
       const w = Y(u, e), v = typeof w == "number" ? {
         mainAxis: w,
         crossAxis: 0
@@ -436,18 +435,18 @@ var Ne = function(t) {
         mainAxis: (n = w.mainAxis) != null ? n : 0,
         crossAxis: (r = w.crossAxis) != null ? r : 0
       };
-      if (a) {
-        const R = d === "y" ? "height" : "width", x = c.reference[d] - c.floating[R] + v.mainAxis, A = c.reference[d] + c.reference[R] - v.mainAxis;
+      if (f) {
+        const R = m === "y" ? "height" : "width", x = c.reference[m] - c.floating[R] + v.mainAxis, A = c.reference[m] + c.reference[R] - v.mainAxis;
         h < x ? h = x : h > A && (h = A);
       }
-      if (m) {
+      if (d) {
         var b, y;
-        const R = d === "y" ? "width" : "height", x = Kt.has(U(s)), A = c.reference[f] - c.floating[R] + (x && ((b = l.offset) == null ? void 0 : b[f]) || 0) + (x ? 0 : v.crossAxis), C = c.reference[f] + c.reference[R] + (x ? 0 : ((y = l.offset) == null ? void 0 : y[f]) || 0) - (x ? v.crossAxis : 0);
+        const R = m === "y" ? "width" : "height", x = Kt.has(U(s)), A = c.reference[a] - c.floating[R] + (x && ((b = l.offset) == null ? void 0 : b[a]) || 0) + (x ? 0 : v.crossAxis), C = c.reference[a] + c.reference[R] + (x ? 0 : ((y = l.offset) == null ? void 0 : y[a]) || 0) - (x ? v.crossAxis : 0);
         g < A ? g = A : g > C && (g = C);
       }
       return {
-        [d]: h,
-        [f]: g
+        [m]: h,
+        [a]: g
       };
     }
   };
@@ -457,18 +456,18 @@ var Ne = function(t) {
     options: t,
     async fn(e) {
       const { placement: n, rects: r, platform: i, elements: o } = e, { apply: s = () => {
-      }, ...c } = Y(t, e), l = await i.detectOverflow(e, c), u = U(n), a = et(n), m = N(n) === "y", { width: p, height: f } = r.floating;
-      let d, h;
-      u === "top" || u === "bottom" ? (d = u, h = a === (await (i.isRTL == null ? void 0 : i.isRTL(o.floating)) ? "start" : "end") ? "left" : "right") : (h = u, d = a === "end" ? "top" : "bottom");
-      const g = f - l.top - l.bottom, w = p - l.left - l.right, v = K(f - l[d], g), b = K(p - l[h], w), y = e.middlewareData.shift, R = !y;
+      }, ...c } = Y(t, e), l = await i.detectOverflow(e, c), u = U(n), f = et(n), d = N(n) === "y", { width: p, height: a } = r.floating;
+      let m, h;
+      u === "top" || u === "bottom" ? (m = u, h = f === (await (i.isRTL == null ? void 0 : i.isRTL(o.floating)) ? "start" : "end") ? "left" : "right") : (h = u, m = f === "end" ? "top" : "bottom");
+      const g = a - l.top - l.bottom, w = p - l.left - l.right, v = K(a - l[m], g), b = K(p - l[h], w), y = e.middlewareData.shift, R = !y;
       let x = v, A = b;
-      y != null && y.enabled.x && (A = w), y != null && y.enabled.y && (x = g), R && !a && (m ? A = p - 2 * I(l.left, l.right) : x = f - 2 * I(l.top, l.bottom)), await s({
+      y != null && y.enabled.x && (A = w), y != null && y.enabled.y && (x = g), R && !f && (d ? A = p - 2 * I(l.left, l.right) : x = a - 2 * I(l.top, l.bottom)), await s({
         ...e,
         availableWidth: A,
         availableHeight: x
       });
       const C = await i.getDimensions(o.floating);
-      return p !== C.width || f !== C.height ? { reset: { rects: !0 } } : {};
+      return p !== C.width || a !== C.height ? { reset: { rects: !0 } } : {};
     }
   };
 };
@@ -609,18 +608,18 @@ function Q(t, e, n, r) {
   let s = j(1);
   e && (r ? z(r) && (s = tt(r)) : s = tt(t));
   const c = Ke(o, n, r) ? Jt(o) : j(0);
-  let l = (i.left + c.x) / s.x, u = (i.top + c.y) / s.y, a = i.width / s.x, m = i.height / s.y;
+  let l = (i.left + c.x) / s.x, u = (i.top + c.y) / s.y, f = i.width / s.x, d = i.height / s.y;
   if (o && r) {
-    const p = _(o), f = z(r) ? _(r) : r;
-    let d = p, h = Pt(d);
-    for (; h && f !== d; ) {
+    const p = _(o), a = z(r) ? _(r) : r;
+    let m = p, h = Pt(m);
+    for (; h && a !== m; ) {
       const g = tt(h), w = h.getBoundingClientRect(), v = B(h), b = w.left + (h.clientLeft + parseFloat(v.paddingLeft)) * g.x, y = w.top + (h.clientTop + parseFloat(v.paddingTop)) * g.y;
-      l *= g.x, u *= g.y, a *= g.x, m *= g.y, l += b, u += y, d = _(h), h = Pt(d);
+      l *= g.x, u *= g.y, f *= g.x, d *= g.y, l += b, u += y, m = _(h), h = Pt(m);
     }
   }
   return ft({
-    width: a,
-    height: m,
+    width: f,
+    height: d,
     x: l,
     y: u
   });
@@ -644,17 +643,17 @@ function Ue(t) {
     scrollLeft: 0,
     scrollTop: 0
   }, u = j(1);
-  const a = j(0), m = Z(r);
-  if ((m || !o) && ((nt(r) !== "body" || mt(s)) && (l = ht(r)), m)) {
-    const f = Q(r);
-    u = tt(r), a.x = f.x + r.clientLeft, a.y = f.y + r.clientTop;
+  const f = j(0), d = Z(r);
+  if ((d || !o) && ((nt(r) !== "body" || mt(s)) && (l = ht(r)), d)) {
+    const a = Q(r);
+    u = tt(r), f.x = a.x + r.clientLeft, f.y = a.y + r.clientTop;
   }
-  const p = s && !m && !o ? Qt(s, l) : j(0);
+  const p = s && !d && !o ? Qt(s, l) : j(0);
   return {
     width: n.width * u.x,
     height: n.height * u.y,
-    x: n.x * u.x - l.scrollLeft * u.x + a.x + p.x,
-    y: n.y * u.y - l.scrollTop * u.y + a.y + p.y
+    x: n.x * u.x - l.scrollLeft * u.x + f.x + p.x,
+    y: n.y * u.y - l.scrollTop * u.y + f.y + p.y
   };
 }
 function Ze(t) {
@@ -675,20 +674,20 @@ var Je = 25;
 function Qe(t, e, n) {
   n === void 0 && (n = "viewport");
   const r = n === "layoutViewport", i = _(t), o = q(t), s = i.visualViewport;
-  let c = o.clientWidth, l = o.clientHeight, u = 0, a = 0;
+  let c = o.clientWidth, l = o.clientHeight, u = 0, f = 0;
   if (s) {
-    const m = !Tt() || e === "fixed";
-    r ? m || (u = -s.offsetLeft, a = -s.offsetTop) : (c = s.width, l = s.height, m && (u = s.offsetLeft, a = s.offsetTop));
+    const d = !Tt() || e === "fixed";
+    r ? d || (u = -s.offsetLeft, f = -s.offsetTop) : (c = s.width, l = s.height, d && (u = s.offsetLeft, f = s.offsetTop));
   }
   if (gt(o) <= 0) {
-    const m = o.ownerDocument, p = m.body, f = getComputedStyle(p), d = m.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, h = Math.abs(o.clientWidth - p.clientWidth - d), g = getComputedStyle(o).scrollbarGutter === "stable both-edges" ? h / 2 : h;
+    const d = o.ownerDocument, p = d.body, a = getComputedStyle(p), m = d.compatMode === "CSS1Compat" && parseFloat(a.marginLeft) + parseFloat(a.marginRight) || 0, h = Math.abs(o.clientWidth - p.clientWidth - m), g = getComputedStyle(o).scrollbarGutter === "stable both-edges" ? h / 2 : h;
     g <= Je && (c -= g);
   }
   return {
     width: c,
     height: l,
     x: u,
-    y: a
+    y: f
   };
 }
 function tn(t, e) {
@@ -724,22 +723,22 @@ function en(t, e) {
   let s = o ? J(t) : t;
   for (; z(s) && !rt(s); ) {
     const c = B(s), l = Lt(s), u = i ? i.position : o ? "fixed" : "";
-    !l && (u === "fixed" || u === "absolute" && c.position === "static") ? r = r.filter((a) => a !== s) : i = c, s = J(s);
+    !l && (u === "fixed" || u === "absolute" && c.position === "static") ? r = r.filter((f) => f !== s) : i = c, s = J(s);
   }
   return e.set(t, r), r;
 }
 function nn(t) {
   let { element: e, boundary: n, rootBoundary: r, strategy: i } = t;
   const o = [...n === "clippingAncestors" ? pt(e) ? [] : en(e, this._c) : [].concat(n), r], s = Bt(e, o[0], i);
-  let c = s.top, l = s.right, u = s.bottom, a = s.left;
-  for (let m = 1; m < o.length; m++) {
-    const p = Bt(e, o[m], i);
-    c = I(p.top, c), l = K(p.right, l), u = K(p.bottom, u), a = I(p.left, a);
+  let c = s.top, l = s.right, u = s.bottom, f = s.left;
+  for (let d = 1; d < o.length; d++) {
+    const p = Bt(e, o[d], i);
+    c = I(p.top, c), l = K(p.right, l), u = K(p.bottom, u), f = I(p.left, f);
   }
   return {
-    width: l - a,
+    width: l - f,
     height: u - c,
-    x: a,
+    x: f,
     y: c
   };
 }
@@ -758,8 +757,8 @@ function on(t, e, n) {
   };
   const l = j(0);
   if ((r || !o) && ((nt(e) !== "body" || mt(i)) && (c = ht(e)), r)) {
-    const a = Q(e, !0, o, e);
-    l.x = a.x + e.clientLeft, l.y = a.y + e.clientTop;
+    const f = Q(e, !0, o, e);
+    l.x = f.x + e.clientLeft, l.y = f.y + e.clientTop;
   }
   !r && i && (l.x = gt(i));
   const u = i && !r && !o ? Qt(i, c) : j(0);
@@ -828,22 +827,22 @@ function an(t, e, n) {
   let r = null, i;
   const o = q(t);
   function s() {
-    var a;
-    clearTimeout(i), (a = r) == null || a.disconnect(), r = null;
+    var f;
+    clearTimeout(i), (f = r) == null || f.disconnect(), r = null;
   }
-  function c(a, m) {
-    a === void 0 && (a = !1), m === void 0 && (m = 1), s();
-    const p = t.getBoundingClientRect(), { left: f, top: d, width: h, height: g } = p;
-    if (a || e(), !h || !g) return;
-    const w = st(d), v = st(o.clientWidth - (f + h)), b = st(o.clientHeight - (d + g)), y = st(f), R = {
+  function c(f, d) {
+    f === void 0 && (f = !1), d === void 0 && (d = 1), s();
+    const p = t.getBoundingClientRect(), { left: a, top: m, width: h, height: g } = p;
+    if (f || e(), !h || !g) return;
+    const w = st(m), v = st(o.clientWidth - (a + h)), b = st(o.clientHeight - (m + g)), y = st(a), R = {
       rootMargin: -w + "px " + -v + "px " + -b + "px " + -y + "px",
-      threshold: I(0, K(1, m)) || 1
+      threshold: I(0, K(1, d)) || 1
     };
     let x = !0;
     function A(C) {
       const D = C[0].intersectionRatio;
       if (!ee(p, t.getBoundingClientRect())) return c();
-      if (D !== m) {
+      if (D !== d) {
         if (!x) return c();
         D ? c(!1, D) : i = setTimeout(() => {
           c(!1, 1e-7);
@@ -868,30 +867,30 @@ function an(t, e, n) {
 }
 function fn(t, e, n, r) {
   r === void 0 && (r = {});
-  const { ancestorScroll: i = !0, ancestorResize: o = !0, elementResize: s = typeof ResizeObserver == "function", layoutShift: c = typeof IntersectionObserver == "function", animationFrame: l = !1 } = r, u = $t(t), a = i || o ? [...u ? ot(u) : [], ...e ? ot(e) : []] : [];
-  a.forEach((w) => {
+  const { ancestorScroll: i = !0, ancestorResize: o = !0, elementResize: s = typeof ResizeObserver == "function", layoutShift: c = typeof IntersectionObserver == "function", animationFrame: l = !1 } = r, u = $t(t), f = i || o ? [...u ? ot(u) : [], ...e ? ot(e) : []] : [];
+  f.forEach((w) => {
     i && w.addEventListener("scroll", n), o && w.addEventListener("resize", n);
   });
-  const m = u && c ? an(u, n, o) : null;
-  let p = -1, f = null;
-  s && (f = new ResizeObserver((w) => {
+  const d = u && c ? an(u, n, o) : null;
+  let p = -1, a = null;
+  s && (a = new ResizeObserver((w) => {
     let [v] = w;
-    v && v.target === u && f && e && (f.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+    v && v.target === u && a && e && (a.unobserve(e), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
       var b;
-      (b = f) == null || b.observe(e);
+      (b = a) == null || b.observe(e);
     })), n();
-  }), u && !l && f.observe(u), e && f.observe(e));
-  let d, h = l ? Q(t) : null;
+  }), u && !l && a.observe(u), e && a.observe(e));
+  let m, h = l ? Q(t) : null;
   l && g();
   function g() {
     const w = Q(t);
-    h && !ee(h, w) && n(), h = w, d = requestAnimationFrame(g);
+    h && !ee(h, w) && n(), h = w, m = requestAnimationFrame(g);
   }
   return n(), () => {
     var w;
-    a.forEach((v) => {
+    f.forEach((v) => {
       i && v.removeEventListener("scroll", n), o && v.removeEventListener("resize", n);
-    }), m?.(), (w = f) == null || w.disconnect(), f = null, l && cancelAnimationFrame(d);
+    }), d?.(), (w = a) == null || w.disconnect(), a = null, l && cancelAnimationFrame(m);
   };
 }
 var un = Ne, dn = ze, mn = We, pn = Ve, hn = ke, It = Fe, gn = Be, wn = (t, e, n) => {
@@ -943,20 +942,20 @@ function At(t) {
 }
 function vn(t) {
   t === void 0 && (t = {});
-  const { placement: e = "bottom", strategy: n = "absolute", middleware: r = [], platform: i, elements: { reference: o, floating: s } = {}, transform: c = !0, whileElementsMounted: l, open: u } = t, [a, m] = O.useState({
+  const { placement: e = "bottom", strategy: n = "absolute", middleware: r = [], platform: i, elements: { reference: o, floating: s } = {}, transform: c = !0, whileElementsMounted: l, open: u } = t, [f, d] = O.useState({
     x: 0,
     y: 0,
     strategy: n,
     placement: e,
     middlewareData: {},
     isPositioned: !1
-  }), [p, f] = O.useState(r);
-  ut(p, r) || f(r);
-  const [d, h] = O.useState(null), [g, w] = O.useState(null), v = O.useCallback((P) => {
+  }), [p, a] = O.useState(r);
+  ut(p, r) || a(r);
+  const [m, h] = O.useState(null), [g, w] = O.useState(null), v = O.useCallback((P) => {
     P !== x.current && (x.current = P, h(P));
   }, []), b = O.useCallback((P) => {
     P !== A.current && (A.current = P, w(P));
-  }, []), y = o || d, R = s || g, x = O.useRef(null), A = O.useRef(null), C = O.useRef(a), D = l != null, $ = At(l), k = At(i), H = At(u), T = O.useCallback(() => {
+  }, []), y = o || m, R = s || g, x = O.useRef(null), A = O.useRef(null), C = O.useRef(f), D = l != null, $ = At(l), k = At(i), H = At(u), T = O.useCallback(() => {
     if (!x.current || !A.current) return;
     const P = {
       placement: e,
@@ -969,7 +968,7 @@ function vn(t) {
         isPositioned: H.current !== !1
       };
       S.current && !ut(C.current, W) && (C.current = W, Ae.flushSync(() => {
-        m(W);
+        d(W);
       }));
     });
   }, [
@@ -980,7 +979,7 @@ function vn(t) {
     H
   ]);
   ct(() => {
-    u === !1 && C.current.isPositioned && (C.current.isPositioned = !1, m((P) => ({
+    u === !1 && C.current.isPositioned && (C.current.isPositioned = !1, d((P) => ({
       ...P,
       isPositioned: !1
     })));
@@ -1015,7 +1014,7 @@ function vn(t) {
       top: 0
     };
     if (!E.floating) return P;
-    const L = jt(E.floating, a.x), W = jt(E.floating, a.y);
+    const L = jt(E.floating, f.x), W = jt(E.floating, f.y);
     return c ? {
       ...P,
       transform: "translate(" + L + "px, " + W + "px)",
@@ -1029,17 +1028,17 @@ function vn(t) {
     n,
     c,
     E.floating,
-    a.x,
-    a.y
+    f.x,
+    f.y
   ]);
   return O.useMemo(() => ({
-    ...a,
+    ...f,
     update: T,
     refs: F,
     elements: E,
     floatingStyles: M
   }), [
-    a,
+    f,
     T,
     F,
     E,
@@ -1137,36 +1136,36 @@ var xn = (t) => {
     children: n
   });
 }, "Popper"), _n = "PopperAnchor", Fn = /* @__PURE__ */ O.forwardRef(/* @__PURE__ */ X(function(e, n) {
-  const { __scopePopper: r, virtualRef: i, ...o } = e, s = ie(_n, r), c = O.useRef(null), l = s.onAnchorChange, u = Xt(n, O.useCallback((d) => {
-    c.current = d, d && l(d);
-  }, [l])), a = O.useRef(null);
+  const { __scopePopper: r, virtualRef: i, ...o } = e, s = ie(_n, r), c = O.useRef(null), l = s.onAnchorChange, u = O.useCallback((h) => {
+    c.current = h, h && l(h);
+  }, [l]), f = Xt(n, u), d = O.useRef(null);
   O.useEffect(() => {
     if (!i) return;
-    const d = a.current;
-    a.current = i.current, d !== a.current && l(a.current);
+    const h = d.current;
+    d.current = i.current, h !== d.current && l(d.current);
   });
-  const m = s.placementState && wt(s.placementState), p = m?.[0], f = m?.[1];
+  const p = s.placementState && wt(s.placementState), a = p?.[0], m = p?.[1];
   return i ? null : /* @__PURE__ */ V(Ot.div, {
-    "data-radix-popper-side": p,
-    "data-radix-popper-align": f,
+    "data-radix-popper-side": a,
+    "data-radix-popper-align": m,
     ...o,
-    ref: u
+    ref: f
   });
 }, "PopperAnchor")), se = "PopperContent", [Wn, kn] = oe(se), Hn = /* @__PURE__ */ O.forwardRef(/* @__PURE__ */ X(function(e, n) {
-  const { __scopePopper: r, side: i = "bottom", sideOffset: o = 0, align: s = "center", alignOffset: c = 0, arrowPadding: l = 0, avoidCollisions: u = !0, collisionBoundary: a = [], collisionPadding: m = 0, sticky: p = "partial", hideWhenDetached: f = !1, updatePositionStrategy: d = "optimized", onPlaced: h, ...g } = e, w = ie(se, r), [v, b] = O.useState(null), y = Xt(n, b), [R, x] = O.useState(null), A = ye(R), C = A?.width ?? 0, D = A?.height ?? 0, $ = i + (s !== "center" ? "-" + s : ""), k = typeof m == "number" ? m : {
+  const { __scopePopper: r, side: i = "bottom", sideOffset: o = 0, align: s = "center", alignOffset: c = 0, arrowPadding: l = 0, avoidCollisions: u = !0, collisionBoundary: f = [], collisionPadding: d = 0, sticky: p = "partial", hideWhenDetached: a = !1, updatePositionStrategy: m = "optimized", onPlaced: h, ...g } = e, w = ie(se, r), [v, b] = O.useState(null), y = Xt(n, b), [R, x] = O.useState(null), A = ye(R), C = A?.width ?? 0, D = A?.height ?? 0, $ = i + (s !== "center" ? "-" + s : ""), k = typeof d == "number" ? d : {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
-    ...m
-  }, H = Array.isArray(a) ? a : [a], T = H.length > 0, S = {
+    ...d
+  }, H = Array.isArray(f) ? f : [f], T = H.length > 0, S = {
     padding: k,
     boundary: H.filter(ce),
     altBoundary: T
   }, { refs: F, floatingStyles: E, placement: M, isPositioned: P, middlewareData: L } = vn({
     strategy: "fixed",
     placement: $,
-    whileElementsMounted: /* @__PURE__ */ X((...vt) => fn(...vt, { animationFrame: d === "always" }), "whileElementsMounted"),
+    whileElementsMounted: /* @__PURE__ */ X((...vt) => fn(...vt, { animationFrame: m === "always" }), "whileElementsMounted"),
     elements: { reference: w.anchor },
     middleware: [
       yn({
@@ -1195,7 +1194,7 @@ var xn = (t) => {
         arrowWidth: C,
         arrowHeight: D
       }),
-      f && On({
+      a && On({
         strategy: "referenceHidden",
         ...S,
         boundary: T ? S.boundary : void 0
@@ -1293,15 +1292,15 @@ var Vn = /* @__PURE__ */ X((t) => ({
   name: "transformOrigin",
   options: t,
   fn(e) {
-    const { placement: n, rects: r, middlewareData: i } = e, o = i.arrow?.centerOffset !== 0, s = o ? 0 : t.arrowWidth, c = o ? 0 : t.arrowHeight, [l, u] = wt(n), a = {
+    const { placement: n, rects: r, middlewareData: i } = e, o = i.arrow?.centerOffset !== 0, s = o ? 0 : t.arrowWidth, c = o ? 0 : t.arrowHeight, [l, u] = wt(n), f = {
       start: "0%",
       center: "50%",
       end: "100%"
-    }[u], m = (i.arrow?.x ?? 0) + s / 2, p = (i.arrow?.y ?? 0) + c / 2;
-    let f = "", d = "";
-    return l === "bottom" ? (f = o ? a : `${m}px`, d = `${-c}px`) : l === "top" ? (f = o ? a : `${m}px`, d = `${r.floating.height + c}px`) : l === "right" ? (f = `${-c}px`, d = o ? a : `${p}px`) : l === "left" && (f = `${r.floating.width + c}px`, d = o ? a : `${p}px`), { data: {
-      x: f,
-      y: d
+    }[u], d = (i.arrow?.x ?? 0) + s / 2, p = (i.arrow?.y ?? 0) + c / 2;
+    let a = "", m = "";
+    return l === "bottom" ? (a = o ? f : `${d}px`, m = `${-c}px`) : l === "top" ? (a = o ? f : `${d}px`, m = `${r.floating.height + c}px`) : l === "right" ? (a = `${-c}px`, m = o ? f : `${p}px`) : l === "left" && (a = `${r.floating.width + c}px`, m = o ? f : `${p}px`), { data: {
+      x: a,
+      y: m
     } };
   }
 }), "transformOrigin");