@forsyteco/product-ui 0.0.11 → 0.0.13

package/dist/{floating-dEgEvBqv.mjs → floating-DQ2M2ViQ.mjs}

@@ -1,22 +1,22 @@
-import * as x from "react";
-import { useState as et, useLayoutEffect as Zt, useEffect as xe, useRef as ve, useMemo as nt, createContext as te, useContext as ot, useCallback as ye } from "react";
-import { n as lt, o as be, a as ee, p as Re } from "./use-sync-refs-B0fmGxD4.mjs";
+import * as v from "react";
+import { useState as et, useLayoutEffect as Qt, useEffect as xe, useRef as ve, useMemo as nt, useContext as ot, useCallback as ye, createContext as Zt } from "react";
+import { n as lt, o as be, a as te, p as Re } from "./use-sync-refs-CDCE8QtA.mjs";
 import * as dt from "react-dom";
-import { n as Ce } from "./keyboard-Bi11Rnr0.mjs";
-function $t(t) {
+import { n as Ce } from "./keyboard-BzaAKRwG.mjs";
+function Nt(t) {
   if (t === null) return { width: 0, height: 0 };
   let { width: e, height: o } = t.getBoundingClientRect();
   return { width: e, height: o };
 }
 function Jn(t, e, o = !1) {
-  let [n, r] = et(() => $t(e));
+  let [n, r] = et(() => Nt(e));
   return lt(() => {
     if (!e || !t) return;
     let i = be();
     return i.requestAnimationFrame(function s() {
       i.requestAnimationFrame(s), r((l) => {
-        let f = $t(e);
-        return f.width === l.width && f.height === l.height ? l : f;
+        let c = Nt(e);
+        return c.width === l.width && c.height === l.height ? l : c;
       });
     }), () => {
       i.dispose();
@@ -27,7 +27,7 @@ function pt() {
   return typeof window < "u";
 }
 function Q(t) {
-  return ne(t) ? (t.nodeName || "").toLowerCase() : "#document";
+  return ee(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function B(t) {
   var e;
@@ -35,9 +35,9 @@ function B(t) {
 }
 function j(t) {
   var e;
-  return (e = (ne(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (ee(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function ne(t) {
+function ee(t) {
   return pt() ? t instanceof Node || t instanceof B(t).Node : !1;
 }
 function L(t) {
@@ -46,7 +46,7 @@ function L(t) {
 function _(t) {
   return pt() ? t instanceof HTMLElement || t instanceof B(t).HTMLElement : !1;
 }
-function It(t) {
+function $t(t) {
   return !pt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof B(t).ShadowRoot;
 }
 const Se = /* @__PURE__ */ new Set(["inline", "contents"]);
@@ -60,12 +60,12 @@ function ct(t) {
   return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !Se.has(r);
 }
 const Ae = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Ee(t) {
+function Oe(t) {
   return Ae.has(Q(t));
 }
-const Oe = [":popover-open", ":modal"];
+const Ee = [":popover-open", ":modal"];
 function wt(t) {
-  return Oe.some((e) => {
+  return Ee.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -74,14 +74,14 @@ function wt(t) {
   });
 }
 const Te = ["transform", "translate", "scale", "rotate", "perspective"], Fe = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Me = ["paint", "layout", "strict", "content"];
-function Mt(t) {
-  const e = Pt(), o = L(t) ? W(t) : t;
+function Ft(t) {
+  const e = Mt(), o = L(t) ? W(t) : t;
   return Te.some((n) => o[n] ? o[n] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || Fe.some((n) => (o.willChange || "").includes(n)) || Me.some((n) => (o.contain || "").includes(n));
 }
 function Pe(t) {
   let e = q(t);
   for (; _(e) && !J(e); ) {
-    if (Mt(e))
+    if (Ft(e))
       return e;
     if (wt(e))
       return null;
@@ -89,7 +89,7 @@ function Pe(t) {
   }
   return null;
 }
-function Pt() {
+function Mt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const De = /* @__PURE__ */ new Set(["html", "body", "#document"]);
@@ -115,19 +115,19 @@ function q(t) {
     // Step into the shadow DOM of the parent of a slotted node.
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
-    It(t) && t.host || // Fallback.
+    $t(t) && t.host || // Fallback.
     j(t)
   );
-  return It(e) ? e.host : e;
+  return $t(e) ? e.host : e;
 }
-function oe(t) {
+function ne(t) {
   const e = q(t);
-  return J(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : _(e) && ct(e) ? e : oe(e);
+  return J(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : _(e) && ct(e) ? e : ne(e);
 }
 function rt(t, e, o) {
   var n;
   e === void 0 && (e = []), o === void 0 && (o = !0);
-  const r = oe(t), i = r === ((n = t.ownerDocument) == null ? void 0 : n.body), s = B(r);
+  const r = ne(t), i = r === ((n = t.ownerDocument) == null ? void 0 : n.body), s = B(r);
   if (i) {
     const l = Ot(s);
     return e.concat(s, s.visualViewport || [], ct(r) ? r : [], l && o ? rt(l) : []);
@@ -159,7 +159,7 @@ const X = Math.min, D = Math.max, it = Math.round, at = Math.floor, k = (t) => (
   start: "end",
   end: "start"
 };
-function Bt(t, e, o) {
+function It(t, e, o) {
   return D(t, X(e, o));
 }
 function Z(t, e) {
@@ -171,38 +171,38 @@ function U(t) {
 function ft(t) {
   return t.split("-")[1];
 }
-function re(t) {
+function oe(t) {
   return t === "x" ? "y" : "x";
 }
-function ie(t) {
+function re(t) {
   return t === "y" ? "height" : "width";
 }
 const $e = /* @__PURE__ */ new Set(["top", "bottom"]);
 function Y(t) {
   return $e.has(U(t)) ? "y" : "x";
 }
-function se(t) {
-  return re(Y(t));
+function ie(t) {
+  return oe(Y(t));
 }
 function Ie(t, e, o) {
   o === void 0 && (o = !1);
-  const n = ft(t), r = se(t), i = ie(r);
+  const n = ft(t), r = ie(t), i = re(r);
   let s = r === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
   return e.reference[i] > e.floating[i] && (s = mt(s)), [s, mt(s)];
 }
 function Be(t) {
   const e = mt(t);
-  return [Tt(t), e, Tt(e)];
+  return [Et(t), e, Et(e)];
 }
-function Tt(t) {
+function Et(t) {
   return t.replace(/start|end/g, (e) => Ne[e]);
 }
-const Vt = ["left", "right"], Wt = ["right", "left"], Ve = ["top", "bottom"], We = ["bottom", "top"];
+const Bt = ["left", "right"], Vt = ["right", "left"], Ve = ["top", "bottom"], We = ["bottom", "top"];
 function ke(t, e, o) {
   switch (t) {
     case "top":
     case "bottom":
-      return o ? e ? Wt : Vt : e ? Vt : Wt;
+      return o ? e ? Vt : Bt : e ? Bt : Vt;
     case "left":
     case "right":
       return e ? Ve : We;
@@ -213,7 +213,7 @@ function ke(t, e, o) {
 function _e(t, e, o, n) {
   const r = ft(t);
   let i = ke(U(t), o === "start", n);
-  return r && (i = i.map((s) => s + "-" + r), e && (i = i.concat(i.map(Tt)))), i;
+  return r && (i = i.map((s) => s + "-" + r), e && (i = i.concat(i.map(Et)))), i;
 }
 function mt(t) {
   return t.replace(/left|right|bottom|top/g, (e) => He[e]);
@@ -253,53 +253,98 @@ function gt(t) {
     y: o
   };
 }
-function kt(t, e, o) {
+function Wt(t, e, o) {
   let {
     reference: n,
     floating: r
   } = t;
-  const i = Y(e), s = se(e), l = ie(s), f = U(e), a = i === "y", u = n.x + n.width / 2 - r.width / 2, m = n.y + n.height / 2 - r.height / 2, g = n[l] / 2 - r[l] / 2;
-  let c;
-  switch (f) {
+  const i = Y(e), s = ie(e), l = re(s), c = U(e), a = i === "y", u = n.x + n.width / 2 - r.width / 2, m = n.y + n.height / 2 - r.height / 2, g = n[l] / 2 - r[l] / 2;
+  let f;
+  switch (c) {
     case "top":
-      c = {
+      f = {
         x: u,
         y: n.y - r.height
       };
       break;
     case "bottom":
-      c = {
+      f = {
         x: u,
         y: n.y + n.height
       };
       break;
     case "right":
-      c = {
+      f = {
         x: n.x + n.width,
         y: m
       };
       break;
     case "left":
-      c = {
+      f = {
         x: n.x - r.width,
         y: m
       };
       break;
     default:
-      c = {
+      f = {
         x: n.x,
         y: n.y
       };
   }
   switch (ft(e)) {
     case "start":
-      c[s] -= g * (o && a ? -1 : 1);
+      f[s] -= g * (o && a ? -1 : 1);
       break;
     case "end":
-      c[s] += g * (o && a ? -1 : 1);
+      f[s] += g * (o && a ? -1 : 1);
       break;
   }
-  return c;
+  return f;
+}
+async function se(t, e) {
+  var o;
+  e === void 0 && (e = {});
+  const {
+    x: n,
+    y: r,
+    platform: i,
+    rects: s,
+    elements: l,
+    strategy: c
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: u = "viewport",
+    elementContext: m = "floating",
+    altBoundary: g = !1,
+    padding: f = 0
+  } = Z(e, t), d = ze(f), p = l[g ? m === "floating" ? "reference" : "floating" : m], x = gt(await i.getClippingRect({
+    element: (o = await (i.isElement == null ? void 0 : i.isElement(p))) == null || o ? p : p.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(l.floating)),
+    boundary: a,
+    rootBoundary: u,
+    strategy: c
+  })), y = m === "floating" ? {
+    x: n,
+    y: r,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, w = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), b = await (i.isElement == null ? void 0 : i.isElement(w)) ? await (i.getScale == null ? void 0 : i.getScale(w)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, R = gt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: y,
+    offsetParent: w,
+    strategy: c
+  }) : y);
+  return {
+    top: (x.top - R.top + d.top) / b.y,
+    bottom: (R.bottom - x.bottom + d.bottom) / b.y,
+    left: (x.left - R.left + d.left) / b.x,
+    right: (R.right - x.right + d.right) / b.x
+  };
 }
 const Ye = async (t, e, o) => {
   const {
@@ -307,7 +352,7 @@ const Ye = async (t, e, o) => {
     strategy: r = "absolute",
     middleware: i = [],
     platform: s
-  } = o, l = i.filter(Boolean), f = await (s.isRTL == null ? void 0 : s.isRTL(e));
+  } = o, l = i.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(e));
   let a = await s.getElementRects({
     reference: t,
     floating: e,
@@ -315,99 +360,57 @@ const Ye = async (t, e, o) => {
   }), {
     x: u,
     y: m
-  } = kt(a, n, f), g = n, c = {}, d = 0;
-  for (let h = 0; h < l.length; h++) {
+  } = Wt(a, n, c), g = n, f = {}, d = 0;
+  for (let p = 0; p < l.length; p++) {
+    var h;
     const {
-      name: p,
-      fn: v
-    } = l[h], {
-      x: y,
-      y: w,
-      data: b,
-      reset: R
-    } = await v({
+      name: x,
+      fn: y
+    } = l[p], {
+      x: w,
+      y: b,
+      data: R,
+      reset: C
+    } = await y({
       x: u,
       y: m,
       initialPlacement: n,
       placement: g,
       strategy: r,
-      middlewareData: c,
+      middlewareData: f,
       rects: a,
-      platform: s,
+      platform: {
+        ...s,
+        detectOverflow: (h = s.detectOverflow) != null ? h : se
+      },
       elements: {
         reference: t,
         floating: e
       }
     });
-    u = y ?? u, m = w ?? m, c = {
-      ...c,
-      [p]: {
-        ...c[p],
-        ...b
+    u = w ?? u, m = b ?? m, f = {
+      ...f,
+      [x]: {
+        ...f[x],
+        ...R
       }
-    }, R && d <= 50 && (d++, typeof R == "object" && (R.placement && (g = R.placement), R.rects && (a = R.rects === !0 ? await s.getElementRects({
+    }, C && d <= 50 && (d++, typeof C == "object" && (C.placement && (g = C.placement), C.rects && (a = C.rects === !0 ? await s.getElementRects({
       reference: t,
       floating: e,
       strategy: r
-    }) : R.rects), {
+    }) : C.rects), {
       x: u,
       y: m
-    } = kt(a, g, f)), h = -1);
+    } = Wt(a, g, c)), p = -1);
   }
   return {
     x: u,
     y: m,
     placement: g,
     strategy: r,
-    middlewareData: c
+    middlewareData: f
   };
-};
-async function vt(t, e) {
-  var o;
-  e === void 0 && (e = {});
-  const {
-    x: n,
-    y: r,
-    platform: i,
-    rects: s,
-    elements: l,
-    strategy: f
-  } = t, {
-    boundary: a = "clippingAncestors",
-    rootBoundary: u = "viewport",
-    elementContext: m = "floating",
-    altBoundary: g = !1,
-    padding: c = 0
-  } = Z(e, t), d = ze(c), p = l[g ? m === "floating" ? "reference" : "floating" : m], v = gt(await i.getClippingRect({
-    element: (o = await (i.isElement == null ? void 0 : i.isElement(p))) == null || o ? p : p.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(l.floating)),
-    boundary: a,
-    rootBoundary: u,
-    strategy: f
-  })), y = m === "floating" ? {
-    x: n,
-    y: r,
-    width: s.floating.width,
-    height: s.floating.height
-  } : s.reference, w = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), b = await (i.isElement == null ? void 0 : i.isElement(w)) ? await (i.getScale == null ? void 0 : i.getScale(w)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, R = gt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: y,
-    offsetParent: w,
-    strategy: f
-  }) : y);
-  return {
-    top: (v.top - R.top + d.top) / b.y,
-    bottom: (R.bottom - v.bottom + d.bottom) / b.y,
-    left: (v.left - R.left + d.left) / b.x,
-    right: (R.right - v.right + d.right) / b.x
-  };
-}
-const qe = function(t) {
+}, qe = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -418,24 +421,24 @@ const qe = function(t) {
         middlewareData: i,
         rects: s,
         initialPlacement: l,
-        platform: f,
+        platform: c,
         elements: a
       } = e, {
         mainAxis: u = !0,
         crossAxis: m = !0,
         fallbackPlacements: g,
-        fallbackStrategy: c = "bestFit",
+        fallbackStrategy: f = "bestFit",
         fallbackAxisSideDirection: d = "none",
         flipAlignment: h = !0,
         ...p
       } = Z(t, e);
       if ((o = i.arrow) != null && o.alignmentOffset)
         return {};
-      const v = U(r), y = Y(l), w = U(l) === l, b = await (f.isRTL == null ? void 0 : f.isRTL(a.floating)), R = g || (w || !h ? [mt(l)] : Be(l)), S = d !== "none";
-      !g && S && R.push(..._e(l, h, d, b));
-      const A = [l, ...R], H = await vt(e, p), V = [];
+      const x = U(r), y = Y(l), w = U(l) === l, b = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), R = g || (w || !h ? [mt(l)] : Be(l)), C = d !== "none";
+      !g && C && R.push(..._e(l, h, d, b));
+      const A = [l, ...R], H = await c.detectOverflow(e, p), V = [];
       let T = ((n = i.flip) == null ? void 0 : n.overflows) || [];
-      if (u && V.push(H[v]), m) {
+      if (u && V.push(H[x]), m) {
         const F = Ie(r, s, b);
         V.push(H[F[0]], H[F[1]]);
       }
@@ -443,11 +446,11 @@ const qe = function(t) {
         placement: r,
         overflows: V
       }], !V.every((F) => F <= 0)) {
-        var O, $;
-        const F = (((O = i.flip) == null ? void 0 : O.index) || 0) + 1, z = A[F];
+        var E, $;
+        const F = (((E = i.flip) == null ? void 0 : E.index) || 0) + 1, z = A[F];
         if (z && (!(m === "alignment" ? y !== Y(z) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        T.every((C) => Y(C.placement) === y ? C.overflows[0] > 0 : !0)))
+        T.every((S) => Y(S.placement) === y ? S.overflows[0] > 0 : !0)))
           return {
             data: {
               index: F,
@@ -457,20 +460,20 @@ const qe = function(t) {
               placement: z
             }
           };
-        let M = ($ = T.filter((I) => I.overflows[0] <= 0).sort((I, C) => I.overflows[1] - C.overflows[1])[0]) == null ? void 0 : $.placement;
+        let M = ($ = T.filter((I) => I.overflows[0] <= 0).sort((I, S) => I.overflows[1] - S.overflows[1])[0]) == null ? void 0 : $.placement;
         if (!M)
-          switch (c) {
+          switch (f) {
             case "bestFit": {
               var P;
-              const I = (P = T.filter((C) => {
-                if (S) {
-                  const E = Y(C.placement);
-                  return E === y || // Create a bias to the `y` side axis due to horizontal
+              const I = (P = T.filter((S) => {
+                if (C) {
+                  const O = Y(S.placement);
+                  return O === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  E === "y";
+                  O === "y";
                 }
                 return !0;
-              }).map((C) => [C.placement, C.overflows.filter((E) => E > 0).reduce((E, N) => E + N, 0)]).sort((C, E) => C[1] - E[1])[0]) == null ? void 0 : P[0];
+              }).map((S) => [S.placement, S.overflows.filter((O) => O > 0).reduce((O, N) => O + N, 0)]).sort((S, O) => S[1] - O[1])[0]) == null ? void 0 : P[0];
               I && (M = I);
               break;
             }
@@ -494,10 +497,10 @@ async function Xe(t, e) {
     placement: o,
     platform: n,
     elements: r
-  } = t, i = await (n.isRTL == null ? void 0 : n.isRTL(r.floating)), s = U(o), l = ft(o), f = Y(o) === "y", a = Ue.has(s) ? -1 : 1, u = i && f ? -1 : 1, m = Z(e, t);
+  } = t, i = await (n.isRTL == null ? void 0 : n.isRTL(r.floating)), s = U(o), l = ft(o), c = Y(o) === "y", a = Ue.has(s) ? -1 : 1, u = i && c ? -1 : 1, m = Z(e, t);
   let {
     mainAxis: g,
-    crossAxis: c,
+    crossAxis: f,
     alignmentAxis: d
   } = typeof m == "number" ? {
     mainAxis: m,
@@ -508,12 +511,12 @@ async function Xe(t, e) {
     crossAxis: m.crossAxis || 0,
     alignmentAxis: m.alignmentAxis
   };
-  return l && typeof d == "number" && (c = l === "end" ? d * -1 : d), f ? {
-    x: c * u,
+  return l && typeof d == "number" && (f = l === "end" ? d * -1 : d), c ? {
+    x: f * u,
     y: g * a
   } : {
     x: g * a,
-    y: c * u
+    y: f * u
   };
 }
 const Ke = function(t) {
@@ -527,12 +530,12 @@ const Ke = function(t) {
         y: i,
         placement: s,
         middlewareData: l
-      } = e, f = await Xe(e, t);
+      } = e, c = await Xe(e, t);
       return s === ((o = l.offset) == null ? void 0 : o.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
-        x: r + f.x,
-        y: i + f.y,
+        x: r + c.x,
+        y: i + c.y,
         data: {
-          ...f,
+          ...c,
           placement: s
         }
       };
@@ -546,49 +549,50 @@ const Ke = function(t) {
       const {
         x: o,
         y: n,
-        placement: r
+        placement: r,
+        platform: i
       } = e, {
-        mainAxis: i = !0,
-        crossAxis: s = !1,
-        limiter: l = {
-          fn: (p) => {
+        mainAxis: s = !0,
+        crossAxis: l = !1,
+        limiter: c = {
+          fn: (x) => {
             let {
-              x: v,
-              y
-            } = p;
+              x: y,
+              y: w
+            } = x;
             return {
-              x: v,
-              y
+              x: y,
+              y: w
             };
           }
         },
-        ...f
-      } = Z(t, e), a = {
+        ...a
+      } = Z(t, e), u = {
         x: o,
         y: n
-      }, u = await vt(e, f), m = Y(U(r)), g = re(m);
-      let c = a[g], d = a[m];
-      if (i) {
-        const p = g === "y" ? "top" : "left", v = g === "y" ? "bottom" : "right", y = c + u[p], w = c - u[v];
-        c = Bt(y, c, w);
-      }
+      }, m = await i.detectOverflow(e, a), g = Y(U(r)), f = oe(g);
+      let d = u[f], h = u[g];
       if (s) {
-        const p = m === "y" ? "top" : "left", v = m === "y" ? "bottom" : "right", y = d + u[p], w = d - u[v];
-        d = Bt(y, d, w);
+        const x = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", w = d + m[x], b = d - m[y];
+        d = It(w, d, b);
+      }
+      if (l) {
+        const x = g === "y" ? "top" : "left", y = g === "y" ? "bottom" : "right", w = h + m[x], b = h - m[y];
+        h = It(w, h, b);
       }
-      const h = l.fn({
+      const p = c.fn({
         ...e,
-        [g]: c,
-        [m]: d
+        [f]: d,
+        [g]: h
       });
       return {
-        ...h,
+        ...p,
         data: {
-          x: h.x - o,
-          y: h.y - n,
+          x: p.x - o,
+          y: p.y - n,
           enabled: {
-            [g]: i,
-            [m]: s
+            [f]: s,
+            [g]: l
           }
         }
       };
@@ -606,22 +610,22 @@ const Ke = function(t) {
         platform: s,
         elements: l
       } = e, {
-        apply: f = () => {
+        apply: c = () => {
         },
         ...a
-      } = Z(t, e), u = await vt(e, a), m = U(r), g = ft(r), c = Y(r) === "y", {
+      } = Z(t, e), u = await s.detectOverflow(e, a), m = U(r), g = ft(r), f = Y(r) === "y", {
         width: d,
         height: h
       } = i.floating;
-      let p, v;
-      m === "top" || m === "bottom" ? (p = m, v = g === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (v = m, p = g === "end" ? "top" : "bottom");
-      const y = h - u.top - u.bottom, w = d - u.left - u.right, b = X(h - u[p], y), R = X(d - u[v], w), S = !e.middlewareData.shift;
+      let p, x;
+      m === "top" || m === "bottom" ? (p = m, x = g === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (x = m, p = g === "end" ? "top" : "bottom");
+      const y = h - u.top - u.bottom, w = d - u.left - u.right, b = X(h - u[p], y), R = X(d - u[x], w), C = !e.middlewareData.shift;
       let A = b, H = R;
-      if ((o = e.middlewareData.shift) != null && o.enabled.x && (H = w), (n = e.middlewareData.shift) != null && n.enabled.y && (A = y), S && !g) {
-        const T = D(u.left, 0), O = D(u.right, 0), $ = D(u.top, 0), P = D(u.bottom, 0);
-        c ? H = d - 2 * (T !== 0 || O !== 0 ? T + O : D(u.left, u.right)) : A = h - 2 * ($ !== 0 || P !== 0 ? $ + P : D(u.top, u.bottom));
+      if ((o = e.middlewareData.shift) != null && o.enabled.x && (H = w), (n = e.middlewareData.shift) != null && n.enabled.y && (A = y), C && !g) {
+        const T = D(u.left, 0), E = D(u.right, 0), $ = D(u.top, 0), P = D(u.bottom, 0);
+        f ? H = d - 2 * (T !== 0 || E !== 0 ? T + E : D(u.left, u.right)) : A = h - 2 * ($ !== 0 || P !== 0 ? $ + P : D(u.top, u.bottom));
       }
-      await f({
+      await c({
         ...e,
         availableWidth: H,
         availableHeight: A
@@ -645,11 +649,11 @@ function le(t) {
     $: l
   };
 }
-function Dt(t) {
+function Pt(t) {
   return L(t) ? t : t.contextElement;
 }
 function G(t) {
-  const e = Dt(t);
+  const e = Pt(t);
   if (!_(e))
     return k(1);
   const o = e.getBoundingClientRect(), {
@@ -666,7 +670,7 @@ function G(t) {
 const Qe = /* @__PURE__ */ k(0);
 function ce(t) {
   const e = B(t);
-  return !Pt() || !e.visualViewport ? Qe : {
+  return !Mt() || !e.visualViewport ? Qe : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
@@ -676,32 +680,32 @@ function Ze(t, e, o) {
 }
 function K(t, e, o, n) {
   e === void 0 && (e = !1), o === void 0 && (o = !1);
-  const r = t.getBoundingClientRect(), i = Dt(t);
+  const r = t.getBoundingClientRect(), i = Pt(t);
   let s = k(1);
   e && (n ? L(n) && (s = G(n)) : s = G(t));
   const l = Ze(i, o, n) ? ce(i) : k(0);
-  let f = (r.left + l.x) / s.x, a = (r.top + l.y) / s.y, u = r.width / s.x, m = r.height / s.y;
+  let c = (r.left + l.x) / s.x, a = (r.top + l.y) / s.y, u = r.width / s.x, m = r.height / s.y;
   if (i) {
-    const g = B(i), c = n && L(n) ? B(n) : n;
+    const g = B(i), f = n && L(n) ? B(n) : n;
     let d = g, h = Ot(d);
-    for (; h && n && c !== d; ) {
-      const p = G(h), v = h.getBoundingClientRect(), y = W(h), w = v.left + (h.clientLeft + parseFloat(y.paddingLeft)) * p.x, b = v.top + (h.clientTop + parseFloat(y.paddingTop)) * p.y;
-      f *= p.x, a *= p.y, u *= p.x, m *= p.y, f += w, a += b, d = B(h), h = Ot(d);
+    for (; h && n && f !== d; ) {
+      const p = G(h), x = h.getBoundingClientRect(), y = W(h), w = x.left + (h.clientLeft + parseFloat(y.paddingLeft)) * p.x, b = x.top + (h.clientTop + parseFloat(y.paddingTop)) * p.y;
+      c *= p.x, a *= p.y, u *= p.x, m *= p.y, c += w, a += b, d = B(h), h = Ot(d);
     }
   }
   return gt({
     width: u,
     height: m,
-    x: f,
+    x: c,
     y: a
   });
 }
-function yt(t, e) {
+function vt(t, e) {
   const o = xt(t).scrollLeft;
   return e ? e.left + o : K(j(t)).left + o;
 }
 function fe(t, e) {
-  const o = t.getBoundingClientRect(), n = o.left + e.scrollLeft - yt(t, o), r = o.top + e.scrollTop;
+  const o = t.getBoundingClientRect(), n = o.left + e.scrollLeft - vt(t, o), r = o.top + e.scrollTop;
   return {
     x: n,
     y: r
@@ -717,21 +721,21 @@ function tn(t) {
   const i = r === "fixed", s = j(n), l = e ? wt(e.floating) : !1;
   if (n === s || l && i)
     return o;
-  let f = {
+  let c = {
     scrollLeft: 0,
     scrollTop: 0
   }, a = k(1);
   const u = k(0), m = _(n);
-  if ((m || !m && !i) && ((Q(n) !== "body" || ct(s)) && (f = xt(n)), _(n))) {
-    const c = K(n);
-    a = G(n), u.x = c.x + n.clientLeft, u.y = c.y + n.clientTop;
+  if ((m || !m && !i) && ((Q(n) !== "body" || ct(s)) && (c = xt(n)), _(n))) {
+    const f = K(n);
+    a = G(n), u.x = f.x + n.clientLeft, u.y = f.y + n.clientTop;
   }
-  const g = s && !m && !i ? fe(s, f) : k(0);
+  const g = s && !m && !i ? fe(s, c) : k(0);
   return {
     width: o.width * a.x,
     height: o.height * a.y,
-    x: o.x * a.x - f.scrollLeft * a.x + u.x + g.x,
-    y: o.y * a.y - f.scrollTop * a.y + u.y + g.y
+    x: o.x * a.x - c.scrollLeft * a.x + u.x + g.x,
+    y: o.y * a.y - c.scrollTop * a.y + u.y + g.y
   };
 }
 function en(t) {
@@ -739,7 +743,7 @@ function en(t) {
 }
 function nn(t) {
   const e = j(t), o = xt(t), n = t.ownerDocument.body, r = D(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), i = D(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
-  let s = -o.scrollLeft + yt(t);
+  let s = -o.scrollLeft + vt(t);
   const l = -o.scrollTop;
   return W(n).direction === "rtl" && (s += D(e.clientWidth, n.clientWidth) - r), {
     width: r,
@@ -748,38 +752,38 @@ function nn(t) {
     y: l
   };
 }
-const _t = 25;
+const kt = 25;
 function on(t, e) {
   const o = B(t), n = j(t), r = o.visualViewport;
-  let i = n.clientWidth, s = n.clientHeight, l = 0, f = 0;
+  let i = n.clientWidth, s = n.clientHeight, l = 0, c = 0;
   if (r) {
     i = r.width, s = r.height;
-    const u = Pt();
-    (!u || u && e === "fixed") && (l = r.offsetLeft, f = r.offsetTop);
+    const u = Mt();
+    (!u || u && e === "fixed") && (l = r.offsetLeft, c = r.offsetTop);
   }
-  const a = yt(n);
+  const a = vt(n);
   if (a <= 0) {
-    const u = n.ownerDocument, m = u.body, g = getComputedStyle(m), c = u.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, d = Math.abs(n.clientWidth - m.clientWidth - c);
-    d <= _t && (i -= d);
-  } else a <= _t && (i += a);
+    const u = n.ownerDocument, m = u.body, g = getComputedStyle(m), f = u.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, d = Math.abs(n.clientWidth - m.clientWidth - f);
+    d <= kt && (i -= d);
+  } else a <= kt && (i += a);
   return {
     width: i,
     height: s,
     x: l,
-    y: f
+    y: c
   };
 }
 const rn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function sn(t, e) {
-  const o = K(t, !0, e === "fixed"), n = o.top + t.clientTop, r = o.left + t.clientLeft, i = _(t) ? G(t) : k(1), s = t.clientWidth * i.x, l = t.clientHeight * i.y, f = r * i.x, a = n * i.y;
+  const o = K(t, !0, e === "fixed"), n = o.top + t.clientTop, r = o.left + t.clientLeft, i = _(t) ? G(t) : k(1), s = t.clientWidth * i.x, l = t.clientHeight * i.y, c = r * i.x, a = n * i.y;
   return {
     width: s,
     height: l,
-    x: f,
+    x: c,
     y: a
   };
 }
-function jt(t, e, o) {
+function _t(t, e, o) {
   let n;
   if (e === "viewport")
     n = on(t, o);
@@ -810,8 +814,8 @@ function ln(t, e) {
   const i = W(t).position === "fixed";
   let s = i ? q(t) : t;
   for (; L(s) && !J(s); ) {
-    const l = W(s), f = Mt(s);
-    !f && l.position === "fixed" && (r = null), (i ? !f && !r : !f && l.position === "static" && !!r && rn.has(r.position) || ct(s) && !f && ae(t, s)) ? n = n.filter((u) => u !== s) : r = l, s = q(s);
+    const l = W(s), c = Ft(s);
+    !c && l.position === "fixed" && (r = null), (i ? !c && !r : !c && l.position === "static" && !!r && rn.has(r.position) || ct(s) && !c && ae(t, s)) ? n = n.filter((u) => u !== s) : r = l, s = q(s);
   }
   return e.set(t, n), n;
 }
@@ -822,15 +826,15 @@ function cn(t) {
     rootBoundary: n,
     strategy: r
   } = t;
-  const s = [...o === "clippingAncestors" ? wt(e) ? [] : ln(e, this._c) : [].concat(o), n], l = s[0], f = s.reduce((a, u) => {
-    const m = jt(e, u, r);
+  const s = [...o === "clippingAncestors" ? wt(e) ? [] : ln(e, this._c) : [].concat(o), n], l = s[0], c = s.reduce((a, u) => {
+    const m = _t(e, u, r);
     return a.top = D(m.top, a.top), a.right = X(m.right, a.right), a.bottom = X(m.bottom, a.bottom), a.left = D(m.left, a.left), a;
-  }, jt(e, l, r));
+  }, _t(e, l, r));
   return {
-    width: f.right - f.left,
-    height: f.bottom - f.top,
-    x: f.left,
-    y: f.top
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
   };
 }
 function fn(t) {
@@ -849,17 +853,17 @@ function an(t, e, o) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const f = k(0);
+  const c = k(0);
   function a() {
-    f.x = yt(r);
+    c.x = vt(r);
   }
   if (n || !n && !i)
     if ((Q(e) !== "body" || ct(r)) && (l = xt(e)), n) {
-      const c = K(e, !0, i, e);
-      f.x = c.x + e.clientLeft, f.y = c.y + e.clientTop;
+      const f = K(e, !0, i, e);
+      c.x = f.x + e.clientLeft, c.y = f.y + e.clientTop;
     } else r && a();
   i && !n && r && a();
-  const u = r && !n && !i ? fe(r, l) : k(0), m = s.left + l.scrollLeft - f.x - u.x, g = s.top + l.scrollTop - f.y - u.y;
+  const u = r && !n && !i ? fe(r, l) : k(0), m = s.left + l.scrollLeft - c.x - u.x, g = s.top + l.scrollTop - c.y - u.y;
   return {
     x: m,
     y: g,
@@ -867,10 +871,10 @@ function an(t, e, o) {
     height: s.height
   };
 }
-function Rt(t) {
+function bt(t) {
   return W(t).position === "static";
 }
-function zt(t, e) {
+function jt(t, e) {
   if (!_(t) || W(t).position === "fixed")
     return null;
   if (e)
@@ -885,16 +889,16 @@ function ue(t, e) {
   if (!_(t)) {
     let r = q(t);
     for (; r && !J(r); ) {
-      if (L(r) && !Rt(r))
+      if (L(r) && !bt(r))
         return r;
       r = q(r);
     }
     return o;
   }
-  let n = zt(t, e);
-  for (; n && Ee(n) && Rt(n); )
-    n = zt(n, e);
-  return n && J(n) && Rt(n) && !Mt(n) ? o : n || Pe(t) || o;
+  let n = jt(t, e);
+  for (; n && Oe(n) && bt(n); )
+    n = jt(n, e);
+  return n && J(n) && bt(n) && !Ft(n) ? o : n || Pe(t) || o;
 }
 const un = async function(t) {
   const e = this.getOffsetParent || ue, o = this.getDimensions, n = await o(t.floating);
@@ -933,24 +937,24 @@ function gn(t, e) {
     var l;
     clearTimeout(n), (l = o) == null || l.disconnect(), o = null;
   }
-  function s(l, f) {
-    l === void 0 && (l = !1), f === void 0 && (f = 1), i();
+  function s(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), i();
     const a = t.getBoundingClientRect(), {
       left: u,
       top: m,
       width: g,
-      height: c
+      height: f
     } = a;
-    if (l || e(), !g || !c)
+    if (l || e(), !g || !f)
       return;
-    const d = at(m), h = at(r.clientWidth - (u + g)), p = at(r.clientHeight - (m + c)), v = at(u), w = {
-      rootMargin: -d + "px " + -h + "px " + -p + "px " + -v + "px",
-      threshold: D(0, X(1, f)) || 1
+    const d = at(m), h = at(r.clientWidth - (u + g)), p = at(r.clientHeight - (m + f)), x = at(u), w = {
+      rootMargin: -d + "px " + -h + "px " + -p + "px " + -x + "px",
+      threshold: D(0, X(1, c)) || 1
     };
     let b = !0;
-    function R(S) {
-      const A = S[0].intersectionRatio;
-      if (A !== f) {
+    function R(C) {
+      const A = C[0].intersectionRatio;
+      if (A !== c) {
         if (!b)
           return s();
         A ? s(!1, A) : n = setTimeout(() => {
@@ -979,36 +983,36 @@ function hn(t, e, o, n) {
     ancestorResize: i = !0,
     elementResize: s = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: f = !1
-  } = n, a = Dt(t), u = r || i ? [...a ? rt(a) : [], ...rt(e)] : [];
-  u.forEach((v) => {
-    r && v.addEventListener("scroll", o, {
+    animationFrame: c = !1
+  } = n, a = Pt(t), u = r || i ? [...a ? rt(a) : [], ...rt(e)] : [];
+  u.forEach((x) => {
+    r && x.addEventListener("scroll", o, {
       passive: !0
-    }), i && v.addEventListener("resize", o);
+    }), i && x.addEventListener("resize", o);
   });
   const m = a && l ? gn(a, o) : null;
-  let g = -1, c = null;
-  s && (c = new ResizeObserver((v) => {
-    let [y] = v;
-    y && y.target === a && c && (c.unobserve(e), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+  let g = -1, f = null;
+  s && (f = new ResizeObserver((x) => {
+    let [y] = x;
+    y && y.target === a && f && (f.unobserve(e), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
       var w;
-      (w = c) == null || w.observe(e);
+      (w = f) == null || w.observe(e);
     })), o();
-  }), a && !f && c.observe(a), c.observe(e));
-  let d, h = f ? K(t) : null;
-  f && p();
+  }), a && !c && f.observe(a), f.observe(e));
+  let d, h = c ? K(t) : null;
+  c && p();
   function p() {
-    const v = K(t);
-    h && !de(h, v) && o(), h = v, d = requestAnimationFrame(p);
+    const x = K(t);
+    h && !de(h, x) && o(), h = x, d = requestAnimationFrame(p);
   }
   return o(), () => {
-    var v;
+    var x;
     u.forEach((y) => {
       r && y.removeEventListener("scroll", o), i && y.removeEventListener("resize", o);
-    }), m?.(), (v = c) == null || v.disconnect(), c = null, f && cancelAnimationFrame(d);
+    }), m?.(), (x = f) == null || x.disconnect(), f = null, c && cancelAnimationFrame(d);
   };
 }
-const Ct = vt, pn = Ke, wn = Ge, xn = qe, vn = Je, yn = (t, e, o) => {
+const Rt = se, pn = Ke, wn = Ge, xn = qe, vn = Je, yn = (t, e, o) => {
   const n = /* @__PURE__ */ new Map(), r = {
     platform: mn,
     ...o
@@ -1022,7 +1026,7 @@ const Ct = vt, pn = Ke, wn = Ge, xn = qe, vn = Je, yn = (t, e, o) => {
   });
 };
 var bn = typeof document < "u", Rn = function() {
-}, ut = bn ? Zt : Rn;
+}, ut = bn ? Qt : Rn;
 function ht(t, e) {
   if (t === e)
     return !0;
@@ -1056,12 +1060,12 @@ function ht(t, e) {
 function me(t) {
   return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Yt(t, e) {
+function zt(t, e) {
   const o = me(t);
   return Math.round(e * o) / o;
 }
-function St(t) {
-  const e = x.useRef(t);
+function Ct(t) {
+  const e = v.useRef(t);
   return ut(() => {
     e.current = t;
   }), e;
@@ -1078,32 +1082,32 @@ function Cn(t) {
       floating: s
     } = {},
     transform: l = !0,
-    whileElementsMounted: f,
+    whileElementsMounted: c,
     open: a
-  } = t, [u, m] = x.useState({
+  } = t, [u, m] = v.useState({
     x: 0,
     y: 0,
     strategy: o,
     placement: e,
     middlewareData: {},
     isPositioned: !1
-  }), [g, c] = x.useState(n);
-  ht(g, n) || c(n);
-  const [d, h] = x.useState(null), [p, v] = x.useState(null), y = x.useCallback((C) => {
-    C !== S.current && (S.current = C, h(C));
-  }, []), w = x.useCallback((C) => {
-    C !== A.current && (A.current = C, v(C));
-  }, []), b = i || d, R = s || p, S = x.useRef(null), A = x.useRef(null), H = x.useRef(u), V = f != null, T = St(f), O = St(r), $ = St(a), P = x.useCallback(() => {
-    if (!S.current || !A.current)
+  }), [g, f] = v.useState(n);
+  ht(g, n) || f(n);
+  const [d, h] = v.useState(null), [p, x] = v.useState(null), y = v.useCallback((S) => {
+    S !== C.current && (C.current = S, h(S));
+  }, []), w = v.useCallback((S) => {
+    S !== A.current && (A.current = S, x(S));
+  }, []), b = i || d, R = s || p, C = v.useRef(null), A = v.useRef(null), H = v.useRef(u), V = c != null, T = Ct(c), E = Ct(r), $ = Ct(a), P = v.useCallback(() => {
+    if (!C.current || !A.current)
       return;
-    const C = {
+    const S = {
       placement: e,
       strategy: o,
       middleware: g
     };
-    O.current && (C.platform = O.current), yn(S.current, A.current, C).then((E) => {
+    E.current && (S.platform = E.current), yn(C.current, A.current, S).then((O) => {
       const N = {
-        ...E,
+        ...O,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
@@ -1114,53 +1118,53 @@ function Cn(t) {
         m(N);
       }));
     });
-  }, [g, e, o, O, $]);
+  }, [g, e, o, E, $]);
   ut(() => {
-    a === !1 && H.current.isPositioned && (H.current.isPositioned = !1, m((C) => ({
-      ...C,
+    a === !1 && H.current.isPositioned && (H.current.isPositioned = !1, m((S) => ({
+      ...S,
       isPositioned: !1
     })));
   }, [a]);
-  const F = x.useRef(!1);
+  const F = v.useRef(!1);
   ut(() => (F.current = !0, () => {
     F.current = !1;
   }), []), ut(() => {
-    if (b && (S.current = b), R && (A.current = R), b && R) {
+    if (b && (C.current = b), R && (A.current = R), b && R) {
       if (T.current)
         return T.current(b, R, P);
       P();
     }
   }, [b, R, P, T, V]);
-  const z = x.useMemo(() => ({
-    reference: S,
+  const z = v.useMemo(() => ({
+    reference: C,
     floating: A,
     setReference: y,
     setFloating: w
-  }), [y, w]), M = x.useMemo(() => ({
+  }), [y, w]), M = v.useMemo(() => ({
     reference: b,
     floating: R
-  }), [b, R]), I = x.useMemo(() => {
-    const C = {
+  }), [b, R]), I = v.useMemo(() => {
+    const S = {
       position: o,
       left: 0,
       top: 0
     };
     if (!M.floating)
-      return C;
-    const E = Yt(M.floating, u.x), N = Yt(M.floating, u.y);
+      return S;
+    const O = zt(M.floating, u.x), N = zt(M.floating, u.y);
     return l ? {
-      ...C,
-      transform: "translate(" + E + "px, " + N + "px)",
+      ...S,
+      transform: "translate(" + O + "px, " + N + "px)",
       ...me(M.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: o,
-      left: E,
+      left: O,
       top: N
     };
   }, [o, l, M.floating, u.x, u.y]);
-  return x.useMemo(() => ({
+  return v.useMemo(() => ({
     ...u,
     update: P,
     refs: z,
@@ -1177,38 +1181,38 @@ const ge = (t, e) => ({
 }), An = (t, e) => ({
   ...xn(t),
   options: [t, e]
-}), En = (t, e) => ({
+}), On = (t, e) => ({
   ...vn(t),
   options: [t, e]
 }), he = {
-  ...x
-}, On = he.useInsertionEffect, Tn = On || ((t) => t());
+  ...v
+}, En = he.useInsertionEffect, Tn = En || ((t) => t());
 function pe(t) {
-  const e = x.useRef(() => {
+  const e = v.useRef(() => {
     if (process.env.NODE_ENV !== "production")
       throw new Error("Cannot call an event handler while rendering.");
   });
   return Tn(() => {
     e.current = t;
-  }), x.useCallback(function() {
+  }), v.useCallback(function() {
     for (var o = arguments.length, n = new Array(o), r = 0; r < o; r++)
       n[r] = arguments[r];
     return e.current == null ? void 0 : e.current(...n);
   }, []);
 }
-var Ft = typeof document < "u" ? Zt : xe;
-let qt = !1, Fn = 0;
-const Ut = () => (
+var Tt = typeof document < "u" ? Qt : xe;
+let Yt = !1, Fn = 0;
+const qt = () => (
   // Ensure the id is unique with multiple independent versions of Floating UI
   // on <React 18
   "floating-ui-" + Math.random().toString(36).slice(2, 6) + Fn++
 );
 function Mn() {
-  const [t, e] = x.useState(() => qt ? Ut() : void 0);
-  return Ft(() => {
-    t == null && e(Ut());
-  }, []), x.useEffect(() => {
-    qt = !0;
+  const [t, e] = v.useState(() => Yt ? qt() : void 0);
+  return Tt(() => {
+    t == null && e(qt());
+  }, []), v.useEffect(() => {
+    Yt = !0;
   }, []), t;
 }
 const Pn = he.useId, Dn = Pn || Mn;
@@ -1248,35 +1252,35 @@ function Nn() {
     }
   };
 }
-const $n = /* @__PURE__ */ x.createContext(null), In = /* @__PURE__ */ x.createContext(null), Bn = () => {
+const $n = /* @__PURE__ */ v.createContext(null), In = /* @__PURE__ */ v.createContext(null), Bn = () => {
   var t;
-  return ((t = x.useContext($n)) == null ? void 0 : t.id) || null;
-}, Vn = () => x.useContext(In), Wn = "data-floating-ui-focusable";
+  return ((t = v.useContext($n)) == null ? void 0 : t.id) || null;
+}, Vn = () => v.useContext(In), Wn = "data-floating-ui-focusable";
 function kn(t) {
   const {
     open: e = !1,
     onOpenChange: o,
     elements: n
-  } = t, r = Dn(), i = x.useRef({}), [s] = x.useState(() => Nn()), l = Bn() != null;
+  } = t, r = Dn(), i = v.useRef({}), [s] = v.useState(() => Nn()), l = Bn() != null;
   if (process.env.NODE_ENV !== "production") {
-    const c = n.reference;
-    c && !L(c) && Hn("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
+    const f = n.reference;
+    f && !L(f) && Hn("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
   }
-  const [f, a] = x.useState(n.reference), u = pe((c, d, h) => {
-    i.current.openEvent = c ? d : void 0, s.emit("openchange", {
-      open: c,
+  const [c, a] = v.useState(n.reference), u = pe((f, d, h) => {
+    i.current.openEvent = f ? d : void 0, s.emit("openchange", {
+      open: f,
       event: d,
       reason: h,
       nested: l
-    }), o?.(c, d, h);
-  }), m = x.useMemo(() => ({
+    }), o?.(f, d, h);
+  }), m = v.useMemo(() => ({
     setPositionReference: a
-  }), []), g = x.useMemo(() => ({
-    reference: f || n.reference || null,
+  }), []), g = v.useMemo(() => ({
+    reference: c || n.reference || null,
     floating: n.floating || null,
     domReference: n.reference
-  }), [f, n.reference, n.floating]);
-  return x.useMemo(() => ({
+  }), [c, n.reference, n.floating]);
+  return v.useMemo(() => ({
     dataRef: i,
     open: e,
     onOpenChange: u,
@@ -1297,11 +1301,11 @@ function _n(t) {
       floating: null,
       ...t.elements
     }
-  }), n = t.rootContext || o, r = n.elements, [i, s] = x.useState(null), [l, f] = x.useState(null), u = r?.domReference || i, m = x.useRef(null), g = Vn();
-  Ft(() => {
+  }), n = t.rootContext || o, r = n.elements, [i, s] = v.useState(null), [l, c] = v.useState(null), u = r?.domReference || i, m = v.useRef(null), g = Vn();
+  Tt(() => {
     u && (m.current = u);
   }, [u]);
-  const c = Cn({
+  const f = Cn({
     ...t,
     elements: {
       ...r,
@@ -1309,54 +1313,54 @@ function _n(t) {
         reference: l
       }
     }
-  }), d = x.useCallback((w) => {
+  }), d = v.useCallback((w) => {
     const b = L(w) ? {
       getBoundingClientRect: () => w.getBoundingClientRect(),
       contextElement: w
     } : w;
-    f(b), c.refs.setReference(b);
-  }, [c.refs]), h = x.useCallback((w) => {
-    (L(w) || w === null) && (m.current = w, s(w)), (L(c.refs.reference.current) || c.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    c(b), f.refs.setReference(b);
+  }, [f.refs]), h = v.useCallback((w) => {
+    (L(w) || w === null) && (m.current = w, s(w)), (L(f.refs.reference.current) || f.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
     // `null` to support `positionReference` + an unstable `reference`
     // callback ref.
-    w !== null && !L(w)) && c.refs.setReference(w);
-  }, [c.refs]), p = x.useMemo(() => ({
-    ...c.refs,
+    w !== null && !L(w)) && f.refs.setReference(w);
+  }, [f.refs]), p = v.useMemo(() => ({
+    ...f.refs,
     setReference: h,
     setPositionReference: d,
     domReference: m
-  }), [c.refs, h, d]), v = x.useMemo(() => ({
-    ...c.elements,
+  }), [f.refs, h, d]), x = v.useMemo(() => ({
+    ...f.elements,
     domReference: u
-  }), [c.elements, u]), y = x.useMemo(() => ({
-    ...c,
+  }), [f.elements, u]), y = v.useMemo(() => ({
+    ...f,
     ...n,
     refs: p,
-    elements: v,
+    elements: x,
     nodeId: e
-  }), [c, p, v, e, n]);
-  return Ft(() => {
+  }), [f, p, x, e, n]);
+  return Tt(() => {
     n.dataRef.current.floatingContext = y;
     const w = g?.nodesRef.current.find((b) => b.id === e);
     w && (w.context = y);
-  }), x.useMemo(() => ({
-    ...c,
+  }), v.useMemo(() => ({
+    ...f,
     context: y,
     refs: p,
-    elements: v
-  }), [c, p, v, y]);
+    elements: x
+  }), [f, p, x, y]);
 }
-const Xt = "active", Kt = "selected";
-function At(t, e, o) {
+const Ut = "active", Xt = "selected";
+function St(t, e, o) {
   const n = /* @__PURE__ */ new Map(), r = o === "item";
   let i = t;
   if (r && t) {
     const {
-      [Xt]: s,
-      [Kt]: l,
-      ...f
+      [Ut]: s,
+      [Xt]: l,
+      ...c
     } = t;
-    i = f;
+    i = c;
   }
   return {
     ...o === "floating" && {
@@ -1367,14 +1371,14 @@ function At(t, e, o) {
     ...e.map((s) => {
       const l = s ? s[o] : null;
       return typeof l == "function" ? t ? l(t) : null : l;
-    }).concat(t).reduce((s, l) => (l && Object.entries(l).forEach((f) => {
-      let [a, u] = f;
-      if (!(r && [Xt, Kt].includes(a)))
+    }).concat(t).reduce((s, l) => (l && Object.entries(l).forEach((c) => {
+      let [a, u] = c;
+      if (!(r && [Ut, Xt].includes(a)))
         if (a.indexOf("on") === 0) {
           if (n.has(a) || n.set(a, []), typeof u == "function") {
             var m;
             (m = n.get(a)) == null || m.push(u), s[a] = function() {
-              for (var g, c = arguments.length, d = new Array(c), h = 0; h < c; h++)
+              for (var g, f = arguments.length, d = new Array(f), h = 0; h < f; h++)
                 d[h] = arguments[h];
               return (g = n.get(a)) == null ? void 0 : g.map((p) => p(...d)).find((p) => p !== void 0);
             };
@@ -1386,26 +1390,26 @@ function At(t, e, o) {
 }
 function jn(t) {
   t === void 0 && (t = []);
-  const e = t.map((l) => l?.reference), o = t.map((l) => l?.floating), n = t.map((l) => l?.item), r = x.useCallback(
-    (l) => At(l, t, "reference"),
+  const e = t.map((l) => l?.reference), o = t.map((l) => l?.floating), n = t.map((l) => l?.item), r = v.useCallback(
+    (l) => St(l, t, "reference"),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     e
-  ), i = x.useCallback(
-    (l) => At(l, t, "floating"),
+  ), i = v.useCallback(
+    (l) => St(l, t, "floating"),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     o
-  ), s = x.useCallback(
-    (l) => At(l, t, "item"),
+  ), s = v.useCallback(
+    (l) => St(l, t, "item"),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     n
   );
-  return x.useMemo(() => ({
+  return v.useMemo(() => ({
     getReferenceProps: r,
     getFloatingProps: i,
     getItemProps: s
   }), [r, i, s]);
 }
-function Gt(t, e) {
+function Kt(t, e) {
   return {
     ...t,
     rects: {
@@ -1428,7 +1432,7 @@ const zn = (t) => ({
       offset: i = 0,
       index: s = 0,
       minItemsVisible: l = 4,
-      referenceOverflowThreshold: f = 0,
+      referenceOverflowThreshold: c = 0,
       scrollRef: a,
       ...u
     } = Z(t, e), {
@@ -1436,21 +1440,21 @@ const zn = (t) => ({
       elements: {
         floating: g
       }
-    } = e, c = o.current[s], d = a?.current || g, h = g.clientTop || d.clientTop, p = g.clientTop !== 0, v = d.clientTop !== 0, y = g === d;
-    if (process.env.NODE_ENV !== "production" && (e.placement.startsWith("bottom") || Ln('`placement` side must be "bottom" when using the `inner`', "middleware.")), !c)
+    } = e, f = o.current[s], d = a?.current || g, h = g.clientTop || d.clientTop, p = g.clientTop !== 0, x = d.clientTop !== 0, y = g === d;
+    if (process.env.NODE_ENV !== "production" && (e.placement.startsWith("bottom") || Ln('`placement` side must be "bottom" when using the `inner`', "middleware.")), !f)
       return {};
     const w = {
       ...e,
-      ...await ge(-c.offsetTop - g.clientTop - m.reference.height / 2 - c.offsetHeight / 2 - i).fn(e)
-    }, b = await Ct(Gt(w, d.scrollHeight + h + g.clientTop), u), R = await Ct(w, {
+      ...await ge(-f.offsetTop - g.clientTop - m.reference.height / 2 - f.offsetHeight / 2 - i).fn(e)
+    }, b = await Rt(Kt(w, d.scrollHeight + h + g.clientTop), u), R = await Rt(w, {
       ...u,
       elementContext: "reference"
-    }), S = D(0, b.top), A = w.y + S, T = (d.scrollHeight > d.clientHeight ? (O) => O : it)(D(0, d.scrollHeight + (p && y || v ? h * 2 : 0) - S - D(0, b.bottom)));
-    if (d.style.maxHeight = T + "px", d.scrollTop = S, r) {
-      const O = d.offsetHeight < c.offsetHeight * X(l, o.current.length) - 1 || R.top >= -f || R.bottom >= -f;
-      dt.flushSync(() => r(O));
+    }), C = D(0, b.top), A = w.y + C, T = (d.scrollHeight > d.clientHeight ? (E) => E : it)(D(0, d.scrollHeight + (p && y || x ? h * 2 : 0) - C - D(0, b.bottom)));
+    if (d.style.maxHeight = T + "px", d.scrollTop = C, r) {
+      const E = d.offsetHeight < f.offsetHeight * X(l, o.current.length) - 1 || R.top >= -c || R.bottom >= -c;
+      dt.flushSync(() => r(E));
     }
-    return n && (n.current = await Ct(Gt({
+    return n && (n.current = await Rt(Kt({
       ...w,
       y: A
     }, d.offsetHeight + h + g.clientTop), u)), {
@@ -1467,28 +1471,28 @@ function Yn(t, e) {
     overflowRef: i,
     scrollRef: s,
     onChange: l
-  } = e, f = pe(l), a = x.useRef(!1), u = x.useRef(null), m = x.useRef(null);
-  x.useEffect(() => {
+  } = e, c = pe(l), a = v.useRef(!1), u = v.useRef(null), m = v.useRef(null);
+  v.useEffect(() => {
     if (!r) return;
-    function c(h) {
+    function f(h) {
       if (h.ctrlKey || !d || i.current == null)
         return;
-      const p = h.deltaY, v = i.current.top >= -0.5, y = i.current.bottom >= -0.5, w = d.scrollHeight - d.clientHeight, b = p < 0 ? -1 : 1, R = p < 0 ? "max" : "min";
-      d.scrollHeight <= d.clientHeight || (!v && p > 0 || !y && p < 0 ? (h.preventDefault(), dt.flushSync(() => {
-        f((S) => S + Math[R](p, w * b));
+      const p = h.deltaY, x = i.current.top >= -0.5, y = i.current.bottom >= -0.5, w = d.scrollHeight - d.clientHeight, b = p < 0 ? -1 : 1, R = p < 0 ? "max" : "min";
+      d.scrollHeight <= d.clientHeight || (!x && p > 0 || !y && p < 0 ? (h.preventDefault(), dt.flushSync(() => {
+        c((C) => C + Math[R](p, w * b));
       })) : /firefox/i.test(Le()) && (d.scrollTop += p));
     }
     const d = s?.current || n.floating;
     if (o && d)
-      return d.addEventListener("wheel", c), requestAnimationFrame(() => {
+      return d.addEventListener("wheel", f), requestAnimationFrame(() => {
         u.current = d.scrollTop, i.current != null && (m.current = {
           ...i.current
         });
       }), () => {
-        u.current = null, m.current = null, d.removeEventListener("wheel", c);
+        u.current = null, m.current = null, d.removeEventListener("wheel", f);
       };
-  }, [r, o, n.floating, i, s, f]);
-  const g = x.useMemo(() => ({
+  }, [r, o, n.floating, i, s, c]);
+  const g = v.useMemo(() => ({
     onKeyDown() {
       a.current = !0;
     },
@@ -1499,28 +1503,28 @@ function Yn(t, e) {
       a.current = !1;
     },
     onScroll() {
-      const c = s?.current || n.floating;
-      if (!(!i.current || !c || !a.current)) {
+      const f = s?.current || n.floating;
+      if (!(!i.current || !f || !a.current)) {
         if (u.current !== null) {
-          const d = c.scrollTop - u.current;
-          (i.current.bottom < -0.5 && d < -1 || i.current.top < -0.5 && d > 1) && dt.flushSync(() => f((h) => h + d));
+          const d = f.scrollTop - u.current;
+          (i.current.bottom < -0.5 && d < -1 || i.current.top < -0.5 && d > 1) && dt.flushSync(() => c((h) => h + d));
         }
         requestAnimationFrame(() => {
-          u.current = c.scrollTop;
+          u.current = f.scrollTop;
         });
       }
     }
-  }), [n.floating, f, i, s]);
-  return x.useMemo(() => r ? {
+  }), [n.floating, c, i, s]);
+  return v.useMemo(() => r ? {
     floating: g
   } : {}, [r, g]);
 }
-let tt = te({ styles: void 0, setReference: () => {
+let tt = Zt({ styles: void 0, setReference: () => {
 }, setFloating: () => {
 }, getReferenceProps: () => ({}), getFloatingProps: () => ({}), slot: {} });
 tt.displayName = "FloatingContext";
-let Lt = te(null);
-Lt.displayName = "PlacementContext";
+let Dt = Zt(null);
+Dt.displayName = "PlacementContext";
 function Qn(t) {
   return nt(() => t ? typeof t == "string" ? { to: t } : t : null, [t]);
 }
@@ -1536,7 +1540,7 @@ function eo() {
 }
 function no(t = null) {
   t === !1 && (t = null), typeof t == "string" && (t = { to: t });
-  let e = ot(Lt), o = nt(() => t, [JSON.stringify(t, (r, i) => {
+  let e = ot(Dt), o = nt(() => t, [JSON.stringify(t, (r, i) => {
     var s;
     return (s = i?.outerHTML) != null ? s : i;
   })]);
@@ -1546,40 +1550,40 @@ function no(t = null) {
   let n = ot(tt);
   return nt(() => [n.setFloating, t ? n.styles : {}], [n.setFloating, t, n.styles]);
 }
-let Jt = 4;
+let Gt = 4;
 function oo({ children: t, enabled: e = !0 }) {
-  let [o, n] = et(null), [r, i] = et(0), s = ve(null), [l, f] = et(null);
+  let [o, n] = et(null), [r, i] = et(0), s = ve(null), [l, c] = et(null);
   qn(l);
-  let a = e && o !== null && l !== null, { to: u = "bottom", gap: m = 0, offset: g = 0, padding: c = 0, inner: d } = Un(o, l), [h, p = "center"] = u.split(" ");
+  let a = e && o !== null && l !== null, { to: u = "bottom", gap: m = 0, offset: g = 0, padding: f = 0, inner: d } = Un(o, l), [h, p = "center"] = u.split(" ");
   lt(() => {
     a && i(0);
   }, [a]);
-  let { refs: v, floatingStyles: y, context: w } = _n({ open: a, placement: h === "selection" ? p === "center" ? "bottom" : `bottom-${p}` : p === "center" ? `${h}` : `${h}-${p}`, strategy: "absolute", transform: !1, middleware: [ge({ mainAxis: h === "selection" ? 0 : m, crossAxis: g }), Sn({ padding: c }), h !== "selection" && An({ padding: c }), h === "selection" && d ? zn({ ...d, padding: c, overflowRef: s, offset: r, minItemsVisible: Jt, referenceOverflowThreshold: c, onFallbackChange(O) {
+  let { refs: x, floatingStyles: y, context: w } = _n({ open: a, placement: h === "selection" ? p === "center" ? "bottom" : `bottom-${p}` : p === "center" ? `${h}` : `${h}-${p}`, strategy: "absolute", transform: !1, middleware: [ge({ mainAxis: h === "selection" ? 0 : m, crossAxis: g }), Sn({ padding: f }), h !== "selection" && An({ padding: f }), h === "selection" && d ? zn({ ...d, padding: f, overflowRef: s, offset: r, minItemsVisible: Gt, referenceOverflowThreshold: f, onFallbackChange(E) {
     var $, P;
-    if (!O) return;
+    if (!E) return;
     let F = w.elements.floating;
     if (!F) return;
-    let z = parseFloat(getComputedStyle(F).scrollPaddingBottom) || 0, M = Math.min(Jt, F.childElementCount), I = 0, C = 0;
-    for (let E of (P = ($ = w.elements.floating) == null ? void 0 : $.childNodes) != null ? P : []) if (Ce(E)) {
-      let N = E.offsetTop, Ht = N + E.clientHeight + z, bt = F.scrollTop, Nt = bt + F.clientHeight;
-      if (N >= bt && Ht <= Nt) M--;
+    let z = parseFloat(getComputedStyle(F).scrollPaddingBottom) || 0, M = Math.min(Gt, F.childElementCount), I = 0, S = 0;
+    for (let O of (P = ($ = w.elements.floating) == null ? void 0 : $.childNodes) != null ? P : []) if (Ce(O)) {
+      let N = O.offsetTop, Lt = N + O.clientHeight + z, yt = F.scrollTop, Ht = yt + F.clientHeight;
+      if (N >= yt && Lt <= Ht) M--;
       else {
-        C = Math.max(0, Math.min(Ht, Nt) - Math.max(N, bt)), I = E.clientHeight;
+        S = Math.max(0, Math.min(Lt, Ht) - Math.max(N, yt)), I = O.clientHeight;
         break;
       }
     }
-    M >= 1 && i((E) => {
-      let N = I * M - C + z;
-      return E >= N ? E : N;
+    M >= 1 && i((O) => {
+      let N = I * M - S + z;
+      return O >= N ? O : N;
     });
-  } }) : null, En({ padding: c, apply({ availableWidth: O, availableHeight: $, elements: P }) {
-    Object.assign(P.floating.style, { overflow: "auto", maxWidth: `${O}px`, maxHeight: `min(var(--anchor-max-height, 100vh), ${$}px)` });
+  } }) : null, On({ padding: f, apply({ availableWidth: E, availableHeight: $, elements: P }) {
+    Object.assign(P.floating.style, { overflow: "auto", maxWidth: `${E}px`, maxHeight: `min(var(--anchor-max-height, 100vh), ${$}px)` });
   } })].filter(Boolean), whileElementsMounted: hn }), [b = h, R = p] = w.placement.split("-");
   h === "selection" && (b = "selection");
-  let S = nt(() => ({ anchor: [b, R].filter(Boolean).join(" ") }), [b, R]), A = Yn(w, { overflowRef: s, onChange: i }), { getReferenceProps: H, getFloatingProps: V } = jn([A]), T = ee((O) => {
-    f(O), v.setFloating(O);
+  let C = nt(() => ({ anchor: [b, R].filter(Boolean).join(" ") }), [b, R]), A = Yn(w, { overflowRef: s, onChange: i }), { getReferenceProps: H, getFloatingProps: V } = jn([A]), T = te((E) => {
+    c(E), x.setFloating(E);
   });
-  return x.createElement(Lt.Provider, { value: n }, x.createElement(tt.Provider, { value: { setFloating: T, setReference: v.setReference, styles: y, getReferenceProps: H, getFloatingProps: V, slot: S } }, t));
+  return v.createElement(Dt.Provider, { value: n }, v.createElement(tt.Provider, { value: { setFloating: T, setReference: x.setReference, styles: y, getReferenceProps: H, getFloatingProps: V, slot: C } }, t));
 }
 function qn(t) {
   lt(() => {
@@ -1597,32 +1601,32 @@ function qn(t) {
 }
 function Un(t, e) {
   var o, n, r;
-  let i = Et((o = t?.gap) != null ? o : "var(--anchor-gap, 0)", e), s = Et((n = t?.offset) != null ? n : "var(--anchor-offset, 0)", e), l = Et((r = t?.padding) != null ? r : "var(--anchor-padding, 0)", e);
+  let i = At((o = t?.gap) != null ? o : "var(--anchor-gap, 0)", e), s = At((n = t?.offset) != null ? n : "var(--anchor-offset, 0)", e), l = At((r = t?.padding) != null ? r : "var(--anchor-padding, 0)", e);
   return { ...t, gap: i, offset: s, padding: l };
 }
-function Et(t, e, o = void 0) {
-  let n = Re(), r = ee((f, a) => {
-    if (f == null) return [o, null];
-    if (typeof f == "number") return [f, null];
-    if (typeof f == "string") {
+function At(t, e, o = void 0) {
+  let n = Re(), r = te((c, a) => {
+    if (c == null) return [o, null];
+    if (typeof c == "number") return [c, null];
+    if (typeof c == "string") {
       if (!a) return [o, null];
-      let u = Qt(f, a);
+      let u = Jt(c, a);
       return [u, (m) => {
-        let g = we(f);
+        let g = we(c);
         {
-          let c = g.map((d) => window.getComputedStyle(a).getPropertyValue(d));
+          let f = g.map((d) => window.getComputedStyle(a).getPropertyValue(d));
           n.requestAnimationFrame(function d() {
             n.nextFrame(d);
             let h = !1;
-            for (let [v, y] of g.entries()) {
+            for (let [x, y] of g.entries()) {
               let w = window.getComputedStyle(a).getPropertyValue(y);
-              if (c[v] !== w) {
-                c[v] = w, h = !0;
+              if (f[x] !== w) {
+                f[x] = w, h = !0;
                 break;
               }
             }
             if (!h) return;
-            let p = Qt(f, a);
+            let p = Jt(c, a);
             u !== p && (m(p), u = p);
           });
         }
@@ -1632,8 +1636,8 @@ function Et(t, e, o = void 0) {
     return [o, null];
   }), i = nt(() => r(t, e)[0], [t, e]), [s = i, l] = et();
   return lt(() => {
-    let [f, a] = r(t, e);
-    if (l(f), !!a) return a(l);
+    let [c, a] = r(t, e);
+    if (l(c), !!a) return a(l);
   }, [t, e]), s;
 }
 function we(t) {
@@ -1646,7 +1650,7 @@ function we(t) {
   }
   return [];
 }
-function Qt(t, e) {
+function Jt(t, e) {
   let o = document.createElement("div");
   e.appendChild(o), o.style.setProperty("margin-top", "0px", "important"), o.style.setProperty("margin-top", t, "important");
   let n = parseFloat(window.getComputedStyle(o).marginTop) || 0;