mimir-ui-kit 1.38.6 → 1.38.7

package/dist/portal-WDFNoIMz.js

@@ -0,0 +1,1908 @@
+import * as v from "react";
+import He, { useReducer as $t, useMemo as _, useSyncExternalStore as Dt, useId as Ft, useEffect as Y, useCallback as st, useRef as oe, useLayoutEffect as ct, createContext as me, useContext as X, useState as te, Fragment as at } from "react";
+import { n as j, s as ge, d as Ne, u as Ht, o as ae, p as Nt, t as It, e as ce, W as Ie, y as We, T as Wt, H as ke } from "./keyboard-B0lm_zyn.js";
+import { A as kt, h as Vt } from "./focus-management-DE4t_lW3.js";
+import * as ue from "react-dom";
+import { createPortal as Bt } from "react-dom";
+function _t(e) {
+  if (e === null) return { width: 0, height: 0 };
+  let { width: t, height: o } = e.getBoundingClientRect();
+  return { width: t, height: o };
+}
+function Oo(e, t = !1) {
+  let [o, n] = $t(() => ({}), {}), r = _(() => _t(e), [e, o]);
+  return j(() => {
+    if (!e) return;
+    let i = new ResizeObserver(n);
+    return i.observe(e), () => {
+      i.disconnect();
+    };
+  }, [e]), t ? { width: `${r.width}px`, height: `${r.height}px` } : r;
+}
+let Yt = class extends Map {
+  constructor(t) {
+    super(), this.factory = t;
+  }
+  get(t) {
+    let o = super.get(t);
+    return o === void 0 && (o = this.factory(t), this.set(t, o)), o;
+  }
+};
+function ut(e, t) {
+  let o = e(), n = /* @__PURE__ */ new Set();
+  return { getSnapshot() {
+    return o;
+  }, subscribe(r) {
+    return n.add(r), () => n.delete(r);
+  }, dispatch(r, ...i) {
+    let l = t[r].call(o, ...i);
+    l && (o = l, n.forEach((c) => c()));
+  } };
+}
+function ft(e) {
+  return Dt(e.subscribe, e.getSnapshot, e.getSnapshot);
+}
+let jt = new Yt(() => ut(() => [], { ADD(e) {
+  return this.includes(e) ? this : [...this, e];
+}, REMOVE(e) {
+  let t = this.indexOf(e);
+  if (t === -1) return this;
+  let o = this.slice();
+  return o.splice(t, 1), o;
+} }));
+function dt(e, t) {
+  let o = jt.get(t), n = Ft(), r = ft(o);
+  if (j(() => {
+    if (e) return o.dispatch("ADD", n), () => o.dispatch("REMOVE", n);
+  }, [o, e]), !e) return !1;
+  let i = r.indexOf(n), l = r.length;
+  return i === -1 && (i = l, l += 1), i === l - 1;
+}
+function Ao(e, t, o) {
+  let n = ge((r) => {
+    let i = r.getBoundingClientRect();
+    i.x === 0 && i.y === 0 && i.width === 0 && i.height === 0 && o();
+  });
+  Y(() => {
+    if (!e) return;
+    let r = t === null ? null : t instanceof HTMLElement ? t : t.current;
+    if (!r) return;
+    let i = Ne();
+    if (typeof ResizeObserver < "u") {
+      let l = new ResizeObserver(() => n.current(r));
+      l.observe(r), i.add(() => l.disconnect());
+    }
+    if (typeof IntersectionObserver < "u") {
+      let l = new IntersectionObserver(() => n.current(r));
+      l.observe(r), i.add(() => l.disconnect());
+    }
+    return () => i.dispose();
+  }, [t, n, e]);
+}
+function mt() {
+  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
+}
+function zt() {
+  return /Android/gi.test(window.navigator.userAgent);
+}
+function Ut() {
+  return mt() || zt();
+}
+function se(e, t, o, n) {
+  let r = ge(o);
+  Y(() => {
+    if (!e) return;
+    function i(l) {
+      r.current(l);
+    }
+    return document.addEventListener(t, i, n), () => document.removeEventListener(t, i, n);
+  }, [e, t, n]);
+}
+function qt(e, t, o, n) {
+  let r = ge(o);
+  Y(() => {
+    if (!e) return;
+    function i(l) {
+      r.current(l);
+    }
+    return window.addEventListener(t, i, n), () => window.removeEventListener(t, i, n);
+  }, [e, t, n]);
+}
+const Ue = 30;
+function Po(e, t, o) {
+  let n = dt(e, "outside-click"), r = ge(o), i = st(function(s, a) {
+    if (s.defaultPrevented) return;
+    let u = a(s);
+    if (u === null || !u.getRootNode().contains(u) || !u.isConnected) return;
+    let g = function h(f) {
+      return typeof f == "function" ? h(f()) : Array.isArray(f) || f instanceof Set ? f : [f];
+    }(t);
+    for (let h of g) if (h !== null && (h.contains(u) || s.composed && s.composedPath().includes(h))) return;
+    return !kt(u, Vt.Loose) && u.tabIndex !== -1 && s.preventDefault(), r.current(s, u);
+  }, [r, t]), l = oe(null);
+  se(n, "pointerdown", (s) => {
+    var a, u;
+    l.current = ((u = (a = s.composedPath) == null ? void 0 : a.call(s)) == null ? void 0 : u[0]) || s.target;
+  }, !0), se(n, "mousedown", (s) => {
+    var a, u;
+    l.current = ((u = (a = s.composedPath) == null ? void 0 : a.call(s)) == null ? void 0 : u[0]) || s.target;
+  }, !0), se(n, "click", (s) => {
+    Ut() || l.current && (i(s, () => l.current), l.current = null);
+  }, !0);
+  let c = oe({ x: 0, y: 0 });
+  se(n, "touchstart", (s) => {
+    c.current.x = s.touches[0].clientX, c.current.y = s.touches[0].clientY;
+  }, !0), se(n, "touchend", (s) => {
+    let a = { x: s.changedTouches[0].clientX, y: s.changedTouches[0].clientY };
+    if (!(Math.abs(a.x - c.current.x) >= Ue || Math.abs(a.y - c.current.y) >= Ue)) return i(s, () => s.target instanceof HTMLElement ? s.target : null);
+  }, !0), qt(n, "blur", (s) => i(s, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+}
+function gt(...e) {
+  return _(() => Ht(...e), [...e]);
+}
+function Mo(e, t, o, n) {
+  let r = ge(o);
+  Y(() => {
+    e = e ?? window;
+    function i(l) {
+      r.current(l);
+    }
+    return e.addEventListener(t, i, n), () => e.removeEventListener(t, i, n);
+  }, [e, t, n]);
+}
+function Xt() {
+  let e;
+  return { before({ doc: t }) {
+    var o;
+    let n = t.documentElement, r = (o = t.defaultView) != null ? o : window;
+    e = Math.max(0, r.innerWidth - n.clientWidth);
+  }, after({ doc: t, d: o }) {
+    let n = t.documentElement, r = Math.max(0, n.clientWidth - n.offsetWidth), i = Math.max(0, e - r);
+    o.style(n, "paddingRight", `${i}px`);
+  } };
+}
+function Gt() {
+  return mt() ? { before({ doc: e, d: t, meta: o }) {
+    function n(r) {
+      return o.containers.flatMap((i) => i()).some((i) => i.contains(r));
+    }
+    t.microTask(() => {
+      var r;
+      if (window.getComputedStyle(e.documentElement).scrollBehavior !== "auto") {
+        let c = Ne();
+        c.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => c.dispose()));
+      }
+      let i = (r = window.scrollY) != null ? r : window.pageYOffset, l = null;
+      t.addEventListener(e, "click", (c) => {
+        if (c.target instanceof HTMLElement) try {
+          let s = c.target.closest("a");
+          if (!s) return;
+          let { hash: a } = new URL(s.href), u = e.querySelector(a);
+          u && !n(u) && (l = u);
+        } catch {
+        }
+      }, !0), t.addEventListener(e, "touchstart", (c) => {
+        if (c.target instanceof HTMLElement) if (n(c.target)) {
+          let s = c.target;
+          for (; s.parentElement && n(s.parentElement); ) s = s.parentElement;
+          t.style(s, "overscrollBehavior", "contain");
+        } else t.style(c.target, "touchAction", "none");
+      }), t.addEventListener(e, "touchmove", (c) => {
+        if (c.target instanceof HTMLElement) {
+          if (c.target.tagName === "INPUT") return;
+          if (n(c.target)) {
+            let s = c.target;
+            for (; s.parentElement && s.dataset.headlessuiPortal !== "" && !(s.scrollHeight > s.clientHeight || s.scrollWidth > s.clientWidth); ) s = s.parentElement;
+            s.dataset.headlessuiPortal === "" && c.preventDefault();
+          } else c.preventDefault();
+        }
+      }, { passive: !1 }), t.add(() => {
+        var c;
+        let s = (c = window.scrollY) != null ? c : window.pageYOffset;
+        i !== s && window.scrollTo(0, i), l && l.isConnected && (l.scrollIntoView({ block: "nearest" }), l = null);
+      });
+    });
+  } } : {};
+}
+function Kt() {
+  return { before({ doc: e, d: t }) {
+    t.style(e.documentElement, "overflow", "hidden");
+  } };
+}
+function Jt(e) {
+  let t = {};
+  for (let o of e) Object.assign(t, o(t));
+  return t;
+}
+let Q = ut(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
+  var o;
+  let n = (o = this.get(e)) != null ? o : { doc: e, count: 0, d: Ne(), meta: /* @__PURE__ */ new Set() };
+  return n.count++, n.meta.add(t), this.set(e, n), this;
+}, POP(e, t) {
+  let o = this.get(e);
+  return o && (o.count--, o.meta.delete(t)), this;
+}, SCROLL_PREVENT({ doc: e, d: t, meta: o }) {
+  let n = { doc: e, d: t, meta: Jt(o) }, r = [Gt(), Xt(), Kt()];
+  r.forEach(({ before: i }) => i == null ? void 0 : i(n)), r.forEach(({ after: i }) => i == null ? void 0 : i(n));
+}, SCROLL_ALLOW({ d: e }) {
+  e.dispose();
+}, TEARDOWN({ doc: e }) {
+  this.delete(e);
+} });
+Q.subscribe(() => {
+  let e = Q.getSnapshot(), t = /* @__PURE__ */ new Map();
+  for (let [o] of e) t.set(o, o.documentElement.style.overflow);
+  for (let o of e.values()) {
+    let n = t.get(o.doc) === "hidden", r = o.count !== 0;
+    (r && !n || !r && n) && Q.dispatch(o.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", o), o.count === 0 && Q.dispatch("TEARDOWN", o);
+  }
+});
+function Qt(e, t, o = () => ({ containers: [] })) {
+  let n = ft(Q), r = t ? n.get(t) : void 0, i = r ? r.count > 0 : !1;
+  return j(() => {
+    if (!(!t || !e)) return Q.dispatch("PUSH", t, o), () => Q.dispatch("POP", t, o);
+  }, [e, t]), i;
+}
+function To(e, t, o = () => [document.body]) {
+  let n = dt(e, "scroll-lock");
+  Qt(n, t, (r) => {
+    var i;
+    return { containers: [...(i = r.containers) != null ? i : [], o] };
+  });
+}
+function ie(e) {
+  return ht(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function N(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function z(e) {
+  var t;
+  return (t = (ht(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function ht(e) {
+  return e instanceof Node || e instanceof N(e).Node;
+}
+function M(e) {
+  return e instanceof Element || e instanceof N(e).Element;
+}
+function B(e) {
+  return e instanceof HTMLElement || e instanceof N(e).HTMLElement;
+}
+function qe(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof N(e).ShadowRoot;
+}
+function he(e) {
+  const {
+    overflow: t,
+    overflowX: o,
+    overflowY: n,
+    display: r
+  } = V(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !["inline", "contents"].includes(r);
+}
+function Zt(e) {
+  return ["table", "td", "th"].includes(ie(e));
+}
+function Ce(e) {
+  return [":popover-open", ":modal"].some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+function Ve(e) {
+  const t = Be(), o = V(e);
+  return o.transform !== "none" || o.perspective !== "none" || (o.containerType ? o.containerType !== "normal" : !1) || !t && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !t && (o.filter ? o.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
+}
+function en(e) {
+  let t = G(e);
+  for (; B(t) && !re(t); ) {
+    if (Ce(t))
+      return null;
+    if (Ve(t))
+      return t;
+    t = G(t);
+  }
+  return null;
+}
+function Be() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function re(e) {
+  return ["html", "body", "#document"].includes(ie(e));
+}
+function V(e) {
+  return N(e).getComputedStyle(e);
+}
+function Oe(e) {
+  return M(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function G(e) {
+  if (ie(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    qe(e) && e.host || // Fallback.
+    z(e)
+  );
+  return qe(t) ? t.host : t;
+}
+function pt(e) {
+  const t = G(e);
+  return re(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : B(t) && he(t) ? t : pt(t);
+}
+function fe(e, t, o) {
+  var n;
+  t === void 0 && (t = []), o === void 0 && (o = !0);
+  const r = pt(e), i = r === ((n = e.ownerDocument) == null ? void 0 : n.body), l = N(r);
+  return i ? t.concat(l, l.visualViewport || [], he(r) ? r : [], l.frameElement && o ? fe(l.frameElement) : []) : t.concat(r, fe(r, [], o));
+}
+function tn() {
+  const e = navigator.userAgentData;
+  return e && Array.isArray(e.brands) ? e.brands.map((t) => {
+    let {
+      brand: o,
+      version: n
+    } = t;
+    return o + "/" + n;
+  }).join(" ") : navigator.userAgent;
+}
+const q = Math.min, H = Math.max, ye = Math.round, we = Math.floor, K = (e) => ({
+  x: e,
+  y: e
+}), nn = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, on = {
+  start: "end",
+  end: "start"
+};
+function Xe(e, t, o) {
+  return H(e, q(t, o));
+}
+function le(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function J(e) {
+  return e.split("-")[0];
+}
+function pe(e) {
+  return e.split("-")[1];
+}
+function vt(e) {
+  return e === "x" ? "y" : "x";
+}
+function wt(e) {
+  return e === "y" ? "height" : "width";
+}
+function Z(e) {
+  return ["top", "bottom"].includes(J(e)) ? "y" : "x";
+}
+function xt(e) {
+  return vt(Z(e));
+}
+function rn(e, t, o) {
+  o === void 0 && (o = !1);
+  const n = pe(e), r = xt(e), i = wt(r);
+  let l = r === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return t.reference[i] > t.floating[i] && (l = be(l)), [l, be(l)];
+}
+function ln(e) {
+  const t = be(e);
+  return [$e(e), t, $e(t)];
+}
+function $e(e) {
+  return e.replace(/start|end/g, (t) => on[t]);
+}
+function sn(e, t, o) {
+  const n = ["left", "right"], r = ["right", "left"], i = ["top", "bottom"], l = ["bottom", "top"];
+  switch (e) {
+    case "top":
+    case "bottom":
+      return o ? t ? r : n : t ? n : r;
+    case "left":
+    case "right":
+      return t ? i : l;
+    default:
+      return [];
+  }
+}
+function cn(e, t, o, n) {
+  const r = pe(e);
+  let i = sn(J(e), o === "start", n);
+  return r && (i = i.map((l) => l + "-" + r), t && (i = i.concat(i.map($e)))), i;
+}
+function be(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => nn[t]);
+}
+function an(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function un(e) {
+  return typeof e != "number" ? an(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function Re(e) {
+  const {
+    x: t,
+    y: o,
+    width: n,
+    height: r
+  } = e;
+  return {
+    width: n,
+    height: r,
+    top: o,
+    left: t,
+    right: t + n,
+    bottom: o + r,
+    x: t,
+    y: o
+  };
+}
+function Ge(e, t, o) {
+  let {
+    reference: n,
+    floating: r
+  } = e;
+  const i = Z(t), l = xt(t), c = wt(l), s = J(t), a = i === "y", u = n.x + n.width / 2 - r.width / 2, g = n.y + n.height / 2 - r.height / 2, h = n[c] / 2 - r[c] / 2;
+  let f;
+  switch (s) {
+    case "top":
+      f = {
+        x: u,
+        y: n.y - r.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: u,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      f = {
+        x: n.x + n.width,
+        y: g
+      };
+      break;
+    case "left":
+      f = {
+        x: n.x - r.width,
+        y: g
+      };
+      break;
+    default:
+      f = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (pe(t)) {
+    case "start":
+      f[l] -= h * (o && a ? -1 : 1);
+      break;
+    case "end":
+      f[l] += h * (o && a ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const fn = async (e, t, o) => {
+  const {
+    placement: n = "bottom",
+    strategy: r = "absolute",
+    middleware: i = [],
+    platform: l
+  } = o, c = i.filter(Boolean), s = await (l.isRTL == null ? void 0 : l.isRTL(t));
+  let a = await l.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: r
+  }), {
+    x: u,
+    y: g
+  } = Ge(a, n, s), h = n, f = {}, d = 0;
+  for (let m = 0; m < c.length; m++) {
+    const {
+      name: p,
+      fn: x
+    } = c[m], {
+      x: y,
+      y: w,
+      data: b,
+      reset: R
+    } = await x({
+      x: u,
+      y: g,
+      initialPlacement: n,
+      placement: h,
+      strategy: r,
+      middlewareData: f,
+      rects: a,
+      platform: l,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    u = y ?? u, g = w ?? g, f = {
+      ...f,
+      [p]: {
+        ...f[p],
+        ...b
+      }
+    }, R && d <= 50 && (d++, typeof R == "object" && (R.placement && (h = R.placement), R.rects && (a = R.rects === !0 ? await l.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: r
+    }) : R.rects), {
+      x: u,
+      y: g
+    } = Ge(a, h, s)), m = -1);
+  }
+  return {
+    x: u,
+    y: g,
+    placement: h,
+    strategy: r,
+    middlewareData: f
+  };
+};
+async function Se(e, t) {
+  var o;
+  t === void 0 && (t = {});
+  const {
+    x: n,
+    y: r,
+    platform: i,
+    rects: l,
+    elements: c,
+    strategy: s
+  } = e, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: u = "viewport",
+    elementContext: g = "floating",
+    altBoundary: h = !1,
+    padding: f = 0
+  } = le(t, e), d = un(f), p = c[h ? g === "floating" ? "reference" : "floating" : g], x = Re(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(c.floating)),
+    boundary: a,
+    rootBoundary: u,
+    strategy: s
+  })), y = g === "floating" ? {
+    x: n,
+    y: r,
+    width: l.floating.width,
+    height: l.floating.height
+  } : l.reference, w = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.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 = Re(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: c,
+    rect: y,
+    offsetParent: w,
+    strategy: s
+  }) : 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 dn = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var o, n;
+      const {
+        placement: r,
+        middlewareData: i,
+        rects: l,
+        initialPlacement: c,
+        platform: s,
+        elements: a
+      } = t, {
+        mainAxis: u = !0,
+        crossAxis: g = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: d = "none",
+        flipAlignment: m = !0,
+        ...p
+      } = le(e, t);
+      if ((o = i.arrow) != null && o.alignmentOffset)
+        return {};
+      const x = J(r), y = Z(c), w = J(c) === c, b = await (s.isRTL == null ? void 0 : s.isRTL(a.floating)), R = h || (w || !m ? [be(c)] : ln(c)), O = d !== "none";
+      !h && O && R.push(...cn(c, m, d, b));
+      const L = [c, ...R], $ = await Se(t, p), W = [];
+      let T = ((n = i.flip) == null ? void 0 : n.overflows) || [];
+      if (u && W.push($[x]), g) {
+        const A = rn(r, l, b);
+        W.push($[A[0]], $[A[1]]);
+      }
+      if (T = [...T, {
+        placement: r,
+        overflows: W
+      }], !W.every((A) => A <= 0)) {
+        var S, D;
+        const A = (((S = i.flip) == null ? void 0 : S.index) || 0) + 1, F = L[A];
+        if (F)
+          return {
+            data: {
+              index: A,
+              overflows: T
+            },
+            reset: {
+              placement: F
+            }
+          };
+        let I = (D = T.filter((E) => E.overflows[0] <= 0).sort((E, P) => E.overflows[1] - P.overflows[1])[0]) == null ? void 0 : D.placement;
+        if (!I)
+          switch (f) {
+            case "bestFit": {
+              var k;
+              const E = (k = T.filter((P) => {
+                if (O) {
+                  const C = Z(P.placement);
+                  return C === y || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  C === "y";
+                }
+                return !0;
+              }).map((P) => [P.placement, P.overflows.filter((C) => C > 0).reduce((C, U) => C + U, 0)]).sort((P, C) => P[1] - C[1])[0]) == null ? void 0 : k[0];
+              E && (I = E);
+              break;
+            }
+            case "initialPlacement":
+              I = c;
+              break;
+          }
+        if (r !== I)
+          return {
+            reset: {
+              placement: I
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function mn(e, t) {
+  const {
+    placement: o,
+    platform: n,
+    elements: r
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(r.floating)), l = J(o), c = pe(o), s = Z(o) === "y", a = ["left", "top"].includes(l) ? -1 : 1, u = i && s ? -1 : 1, g = le(t, e);
+  let {
+    mainAxis: h,
+    crossAxis: f,
+    alignmentAxis: d
+  } = typeof g == "number" ? {
+    mainAxis: g,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...g
+  };
+  return c && typeof d == "number" && (f = c === "end" ? d * -1 : d), s ? {
+    x: f * u,
+    y: h * a
+  } : {
+    x: h * a,
+    y: f * u
+  };
+}
+const gn = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var o, n;
+      const {
+        x: r,
+        y: i,
+        placement: l,
+        middlewareData: c
+      } = t, s = await mn(t, e);
+      return l === ((o = c.offset) == null ? void 0 : o.placement) && (n = c.arrow) != null && n.alignmentOffset ? {} : {
+        x: r + s.x,
+        y: i + s.y,
+        data: {
+          ...s,
+          placement: l
+        }
+      };
+    }
+  };
+}, hn = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: o,
+        y: n,
+        placement: r
+      } = t, {
+        mainAxis: i = !0,
+        crossAxis: l = !1,
+        limiter: c = {
+          fn: (p) => {
+            let {
+              x,
+              y
+            } = p;
+            return {
+              x,
+              y
+            };
+          }
+        },
+        ...s
+      } = le(e, t), a = {
+        x: o,
+        y: n
+      }, u = await Se(t, s), g = Z(J(r)), h = vt(g);
+      let f = a[h], d = a[g];
+      if (i) {
+        const p = h === "y" ? "top" : "left", x = h === "y" ? "bottom" : "right", y = f + u[p], w = f - u[x];
+        f = Xe(y, f, w);
+      }
+      if (l) {
+        const p = g === "y" ? "top" : "left", x = g === "y" ? "bottom" : "right", y = d + u[p], w = d - u[x];
+        d = Xe(y, d, w);
+      }
+      const m = c.fn({
+        ...t,
+        [h]: f,
+        [g]: d
+      });
+      return {
+        ...m,
+        data: {
+          x: m.x - o,
+          y: m.y - n
+        }
+      };
+    }
+  };
+}, pn = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      const {
+        placement: o,
+        rects: n,
+        platform: r,
+        elements: i
+      } = t, {
+        apply: l = () => {
+        },
+        ...c
+      } = le(e, t), s = await Se(t, c), a = J(o), u = pe(o), g = Z(o) === "y", {
+        width: h,
+        height: f
+      } = n.floating;
+      let d, m;
+      a === "top" || a === "bottom" ? (d = a, m = u === (await (r.isRTL == null ? void 0 : r.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (m = a, d = u === "end" ? "top" : "bottom");
+      const p = f - s.top - s.bottom, x = h - s.left - s.right, y = q(f - s[d], p), w = q(h - s[m], x), b = !t.middlewareData.shift;
+      let R = y, O = w;
+      if (g ? O = u || b ? q(w, x) : x : R = u || b ? q(y, p) : p, b && !u) {
+        const $ = H(s.left, 0), W = H(s.right, 0), T = H(s.top, 0), S = H(s.bottom, 0);
+        g ? O = h - 2 * ($ !== 0 || W !== 0 ? $ + W : H(s.left, s.right)) : R = f - 2 * (T !== 0 || S !== 0 ? T + S : H(s.top, s.bottom));
+      }
+      await l({
+        ...t,
+        availableWidth: O,
+        availableHeight: R
+      });
+      const L = await r.getDimensions(i.floating);
+      return h !== L.width || f !== L.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function yt(e) {
+  const t = V(e);
+  let o = parseFloat(t.width) || 0, n = parseFloat(t.height) || 0;
+  const r = B(e), i = r ? e.offsetWidth : o, l = r ? e.offsetHeight : n, c = ye(o) !== i || ye(n) !== l;
+  return c && (o = i, n = l), {
+    width: o,
+    height: n,
+    $: c
+  };
+}
+function _e(e) {
+  return M(e) ? e : e.contextElement;
+}
+function ne(e) {
+  const t = _e(e);
+  if (!B(t))
+    return K(1);
+  const o = t.getBoundingClientRect(), {
+    width: n,
+    height: r,
+    $: i
+  } = yt(t);
+  let l = (i ? ye(o.width) : o.width) / n, c = (i ? ye(o.height) : o.height) / r;
+  return (!l || !Number.isFinite(l)) && (l = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: l,
+    y: c
+  };
+}
+const vn = /* @__PURE__ */ K(0);
+function bt(e) {
+  const t = N(e);
+  return !Be() || !t.visualViewport ? vn : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function wn(e, t, o) {
+  return t === void 0 && (t = !1), !o || t && o !== N(e) ? !1 : t;
+}
+function ee(e, t, o, n) {
+  t === void 0 && (t = !1), o === void 0 && (o = !1);
+  const r = e.getBoundingClientRect(), i = _e(e);
+  let l = K(1);
+  t && (n ? M(n) && (l = ne(n)) : l = ne(e));
+  const c = wn(i, o, n) ? bt(i) : K(0);
+  let s = (r.left + c.x) / l.x, a = (r.top + c.y) / l.y, u = r.width / l.x, g = r.height / l.y;
+  if (i) {
+    const h = N(i), f = n && M(n) ? N(n) : n;
+    let d = h, m = d.frameElement;
+    for (; m && n && f !== d; ) {
+      const p = ne(m), x = m.getBoundingClientRect(), y = V(m), w = x.left + (m.clientLeft + parseFloat(y.paddingLeft)) * p.x, b = x.top + (m.clientTop + parseFloat(y.paddingTop)) * p.y;
+      s *= p.x, a *= p.y, u *= p.x, g *= p.y, s += w, a += b, d = N(m), m = d.frameElement;
+    }
+  }
+  return Re({
+    width: u,
+    height: g,
+    x: s,
+    y: a
+  });
+}
+function xn(e) {
+  let {
+    elements: t,
+    rect: o,
+    offsetParent: n,
+    strategy: r
+  } = e;
+  const i = r === "fixed", l = z(n), c = t ? Ce(t.floating) : !1;
+  if (n === l || c && i)
+    return o;
+  let s = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = K(1);
+  const u = K(0), g = B(n);
+  if ((g || !g && !i) && ((ie(n) !== "body" || he(l)) && (s = Oe(n)), B(n))) {
+    const h = ee(n);
+    a = ne(n), u.x = h.x + n.clientLeft, u.y = h.y + n.clientTop;
+  }
+  return {
+    width: o.width * a.x,
+    height: o.height * a.y,
+    x: o.x * a.x - s.scrollLeft * a.x + u.x,
+    y: o.y * a.y - s.scrollTop * a.y + u.y
+  };
+}
+function yn(e) {
+  return Array.from(e.getClientRects());
+}
+function Rt(e) {
+  return ee(z(e)).left + Oe(e).scrollLeft;
+}
+function bn(e) {
+  const t = z(e), o = Oe(e), n = e.ownerDocument.body, r = H(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), i = H(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
+  let l = -o.scrollLeft + Rt(e);
+  const c = -o.scrollTop;
+  return V(n).direction === "rtl" && (l += H(t.clientWidth, n.clientWidth) - r), {
+    width: r,
+    height: i,
+    x: l,
+    y: c
+  };
+}
+function Rn(e, t) {
+  const o = N(e), n = z(e), r = o.visualViewport;
+  let i = n.clientWidth, l = n.clientHeight, c = 0, s = 0;
+  if (r) {
+    i = r.width, l = r.height;
+    const a = Be();
+    (!a || a && t === "fixed") && (c = r.offsetLeft, s = r.offsetTop);
+  }
+  return {
+    width: i,
+    height: l,
+    x: c,
+    y: s
+  };
+}
+function En(e, t) {
+  const o = ee(e, !0, t === "fixed"), n = o.top + e.clientTop, r = o.left + e.clientLeft, i = B(e) ? ne(e) : K(1), l = e.clientWidth * i.x, c = e.clientHeight * i.y, s = r * i.x, a = n * i.y;
+  return {
+    width: l,
+    height: c,
+    x: s,
+    y: a
+  };
+}
+function Ke(e, t, o) {
+  let n;
+  if (t === "viewport")
+    n = Rn(e, o);
+  else if (t === "document")
+    n = bn(z(e));
+  else if (M(t))
+    n = En(t, o);
+  else {
+    const r = bt(e);
+    n = {
+      ...t,
+      x: t.x - r.x,
+      y: t.y - r.y
+    };
+  }
+  return Re(n);
+}
+function Et(e, t) {
+  const o = G(e);
+  return o === t || !M(o) || re(o) ? !1 : V(o).position === "fixed" || Et(o, t);
+}
+function Cn(e, t) {
+  const o = t.get(e);
+  if (o)
+    return o;
+  let n = fe(e, [], !1).filter((c) => M(c) && ie(c) !== "body"), r = null;
+  const i = V(e).position === "fixed";
+  let l = i ? G(e) : e;
+  for (; M(l) && !re(l); ) {
+    const c = V(l), s = Ve(l);
+    !s && c.position === "fixed" && (r = null), (i ? !s && !r : !s && c.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || he(l) && !s && Et(e, l)) ? n = n.filter((u) => u !== l) : r = c, l = G(l);
+  }
+  return t.set(e, n), n;
+}
+function On(e) {
+  let {
+    element: t,
+    boundary: o,
+    rootBoundary: n,
+    strategy: r
+  } = e;
+  const l = [...o === "clippingAncestors" ? Ce(t) ? [] : Cn(t, this._c) : [].concat(o), n], c = l[0], s = l.reduce((a, u) => {
+    const g = Ke(t, u, r);
+    return a.top = H(g.top, a.top), a.right = q(g.right, a.right), a.bottom = q(g.bottom, a.bottom), a.left = H(g.left, a.left), a;
+  }, Ke(t, c, r));
+  return {
+    width: s.right - s.left,
+    height: s.bottom - s.top,
+    x: s.left,
+    y: s.top
+  };
+}
+function Sn(e) {
+  const {
+    width: t,
+    height: o
+  } = yt(e);
+  return {
+    width: t,
+    height: o
+  };
+}
+function An(e, t, o) {
+  const n = B(t), r = z(t), i = o === "fixed", l = ee(e, !0, i, t);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const s = K(0);
+  if (n || !n && !i)
+    if ((ie(t) !== "body" || he(r)) && (c = Oe(t)), n) {
+      const g = ee(t, !0, i, t);
+      s.x = g.x + t.clientLeft, s.y = g.y + t.clientTop;
+    } else r && (s.x = Rt(r));
+  const a = l.left + c.scrollLeft - s.x, u = l.top + c.scrollTop - s.y;
+  return {
+    x: a,
+    y: u,
+    width: l.width,
+    height: l.height
+  };
+}
+function Pe(e) {
+  return V(e).position === "static";
+}
+function Je(e, t) {
+  return !B(e) || V(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
+}
+function Ct(e, t) {
+  const o = N(e);
+  if (Ce(e))
+    return o;
+  if (!B(e)) {
+    let r = G(e);
+    for (; r && !re(r); ) {
+      if (M(r) && !Pe(r))
+        return r;
+      r = G(r);
+    }
+    return o;
+  }
+  let n = Je(e, t);
+  for (; n && Zt(n) && Pe(n); )
+    n = Je(n, t);
+  return n && re(n) && Pe(n) && !Ve(n) ? o : n || en(e) || o;
+}
+const Pn = async function(e) {
+  const t = this.getOffsetParent || Ct, o = this.getDimensions, n = await o(e.floating);
+  return {
+    reference: An(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: n.width,
+      height: n.height
+    }
+  };
+};
+function Mn(e) {
+  return V(e).direction === "rtl";
+}
+const Tn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: xn,
+  getDocumentElement: z,
+  getClippingRect: On,
+  getOffsetParent: Ct,
+  getElementRects: Pn,
+  getClientRects: yn,
+  getDimensions: Sn,
+  getScale: ne,
+  isElement: M,
+  isRTL: Mn
+};
+function Ln(e, t) {
+  let o = null, n;
+  const r = z(e);
+  function i() {
+    var c;
+    clearTimeout(n), (c = o) == null || c.disconnect(), o = null;
+  }
+  function l(c, s) {
+    c === void 0 && (c = !1), s === void 0 && (s = 1), i();
+    const {
+      left: a,
+      top: u,
+      width: g,
+      height: h
+    } = e.getBoundingClientRect();
+    if (c || t(), !g || !h)
+      return;
+    const f = we(u), d = we(r.clientWidth - (a + g)), m = we(r.clientHeight - (u + h)), p = we(a), y = {
+      rootMargin: -f + "px " + -d + "px " + -m + "px " + -p + "px",
+      threshold: H(0, q(1, s)) || 1
+    };
+    let w = !0;
+    function b(R) {
+      const O = R[0].intersectionRatio;
+      if (O !== s) {
+        if (!w)
+          return l();
+        O ? l(!1, O) : n = setTimeout(() => {
+          l(!1, 1e-7);
+        }, 1e3);
+      }
+      w = !1;
+    }
+    try {
+      o = new IntersectionObserver(b, {
+        ...y,
+        // Handle <iframe>s
+        root: r.ownerDocument
+      });
+    } catch {
+      o = new IntersectionObserver(b, y);
+    }
+    o.observe(e);
+  }
+  return l(!0), i;
+}
+function $n(e, t, o, n) {
+  n === void 0 && (n = {});
+  const {
+    ancestorScroll: r = !0,
+    ancestorResize: i = !0,
+    elementResize: l = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: s = !1
+  } = n, a = _e(e), u = r || i ? [...a ? fe(a) : [], ...fe(t)] : [];
+  u.forEach((x) => {
+    r && x.addEventListener("scroll", o, {
+      passive: !0
+    }), i && x.addEventListener("resize", o);
+  });
+  const g = a && c ? Ln(a, o) : null;
+  let h = -1, f = null;
+  l && (f = new ResizeObserver((x) => {
+    let [y] = x;
+    y && y.target === a && f && (f.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+      var w;
+      (w = f) == null || w.observe(t);
+    })), o();
+  }), a && !s && f.observe(a), f.observe(t));
+  let d, m = s ? ee(e) : null;
+  s && p();
+  function p() {
+    const x = ee(e);
+    m && (x.x !== m.x || x.y !== m.y || x.width !== m.width || x.height !== m.height) && o(), m = x, d = requestAnimationFrame(p);
+  }
+  return o(), () => {
+    var x;
+    u.forEach((y) => {
+      r && y.removeEventListener("scroll", o), i && y.removeEventListener("resize", o);
+    }), g == null || g(), (x = f) == null || x.disconnect(), f = null, s && cancelAnimationFrame(d);
+  };
+}
+const Me = Se, Dn = gn, Fn = hn, Hn = dn, Nn = pn, In = (e, t, o) => {
+  const n = /* @__PURE__ */ new Map(), r = {
+    platform: Tn,
+    ...o
+  }, i = {
+    ...r.platform,
+    _c: n
+  };
+  return fn(e, t, {
+    ...r,
+    platform: i
+  });
+};
+var xe = typeof document < "u" ? ct : Y;
+function Ee(e, t) {
+  if (e === t)
+    return !0;
+  if (typeof e != typeof t)
+    return !1;
+  if (typeof e == "function" && e.toString() === t.toString())
+    return !0;
+  let o, n, r;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (o = e.length, o !== t.length) return !1;
+      for (n = o; n-- !== 0; )
+        if (!Ee(e[n], t[n]))
+          return !1;
+      return !0;
+    }
+    if (r = Object.keys(e), o = r.length, o !== Object.keys(t).length)
+      return !1;
+    for (n = o; n-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, r[n]))
+        return !1;
+    for (n = o; n-- !== 0; ) {
+      const i = r[n];
+      if (!(i === "_owner" && e.$$typeof) && !Ee(e[i], t[i]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function Ot(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Qe(e, t) {
+  const o = Ot(e);
+  return Math.round(t * o) / o;
+}
+function Ze(e) {
+  const t = v.useRef(e);
+  return xe(() => {
+    t.current = e;
+  }), t;
+}
+function Wn(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: o = "absolute",
+    middleware: n = [],
+    platform: r,
+    elements: {
+      reference: i,
+      floating: l
+    } = {},
+    transform: c = !0,
+    whileElementsMounted: s,
+    open: a
+  } = e, [u, g] = v.useState({
+    x: 0,
+    y: 0,
+    strategy: o,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [h, f] = v.useState(n);
+  Ee(h, n) || f(n);
+  const [d, m] = v.useState(null), [p, x] = v.useState(null), y = v.useCallback((E) => {
+    E !== O.current && (O.current = E, m(E));
+  }, []), w = v.useCallback((E) => {
+    E !== L.current && (L.current = E, x(E));
+  }, []), b = i || d, R = l || p, O = v.useRef(null), L = v.useRef(null), $ = v.useRef(u), W = s != null, T = Ze(s), S = Ze(r), D = v.useCallback(() => {
+    if (!O.current || !L.current)
+      return;
+    const E = {
+      placement: t,
+      strategy: o,
+      middleware: h
+    };
+    S.current && (E.platform = S.current), In(O.current, L.current, E).then((P) => {
+      const C = {
+        ...P,
+        isPositioned: !0
+      };
+      k.current && !Ee($.current, C) && ($.current = C, ue.flushSync(() => {
+        g(C);
+      }));
+    });
+  }, [h, t, o, S]);
+  xe(() => {
+    a === !1 && $.current.isPositioned && ($.current.isPositioned = !1, g((E) => ({
+      ...E,
+      isPositioned: !1
+    })));
+  }, [a]);
+  const k = v.useRef(!1);
+  xe(() => (k.current = !0, () => {
+    k.current = !1;
+  }), []), xe(() => {
+    if (b && (O.current = b), R && (L.current = R), b && R) {
+      if (T.current)
+        return T.current(b, R, D);
+      D();
+    }
+  }, [b, R, D, T, W]);
+  const A = v.useMemo(() => ({
+    reference: O,
+    floating: L,
+    setReference: y,
+    setFloating: w
+  }), [y, w]), F = v.useMemo(() => ({
+    reference: b,
+    floating: R
+  }), [b, R]), I = v.useMemo(() => {
+    const E = {
+      position: o,
+      left: 0,
+      top: 0
+    };
+    if (!F.floating)
+      return E;
+    const P = Qe(F.floating, u.x), C = Qe(F.floating, u.y);
+    return c ? {
+      ...E,
+      transform: "translate(" + P + "px, " + C + "px)",
+      ...Ot(F.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: o,
+      left: P,
+      top: C
+    };
+  }, [o, c, F.floating, u.x, u.y]);
+  return v.useMemo(() => ({
+    ...u,
+    update: D,
+    refs: A,
+    elements: F,
+    floatingStyles: I
+  }), [u, D, A, F, I]);
+}
+const St = (e, t) => ({
+  ...Dn(e),
+  options: [e, t]
+}), kn = (e, t) => ({
+  ...Fn(e),
+  options: [e, t]
+}), Vn = (e, t) => ({
+  ...Hn(e),
+  options: [e, t]
+}), Bn = (e, t) => ({
+  ...Nn(e),
+  options: [e, t]
+}), At = {
+  ...v
+}, _n = At.useInsertionEffect, Yn = _n || ((e) => e());
+function Pt(e) {
+  const t = v.useRef(() => {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("Cannot call an event handler while rendering.");
+  });
+  return Yn(() => {
+    t.current = e;
+  }), v.useCallback(function() {
+    for (var o = arguments.length, n = new Array(o), r = 0; r < o; r++)
+      n[r] = arguments[r];
+    return t.current == null ? void 0 : t.current(...n);
+  }, []);
+}
+var De = typeof document < "u" ? ct : Y;
+let et = !1, jn = 0;
+const tt = () => (
+  // Ensure the id is unique with multiple independent versions of Floating UI
+  // on <React 18
+  "floating-ui-" + Math.random().toString(36).slice(2, 6) + jn++
+);
+function zn() {
+  const [e, t] = v.useState(() => et ? tt() : void 0);
+  return De(() => {
+    e == null && t(tt());
+  }, []), v.useEffect(() => {
+    et = !0;
+  }, []), e;
+}
+const Un = At.useId, qn = Un || zn;
+let de;
+process.env.NODE_ENV !== "production" && (de = /* @__PURE__ */ new Set());
+function Xn() {
+  for (var e, t = arguments.length, o = new Array(t), n = 0; n < t; n++)
+    o[n] = arguments[n];
+  const r = "Floating UI: " + o.join(" ");
+  if (!((e = de) != null && e.has(r))) {
+    var i;
+    (i = de) == null || i.add(r), console.warn(r);
+  }
+}
+function Gn() {
+  for (var e, t = arguments.length, o = new Array(t), n = 0; n < t; n++)
+    o[n] = arguments[n];
+  const r = "Floating UI: " + o.join(" ");
+  if (!((e = de) != null && e.has(r))) {
+    var i;
+    (i = de) == null || i.add(r), console.error(r);
+  }
+}
+function Kn() {
+  const e = /* @__PURE__ */ new Map();
+  return {
+    emit(t, o) {
+      var n;
+      (n = e.get(t)) == null || n.forEach((r) => r(o));
+    },
+    on(t, o) {
+      e.set(t, [...e.get(t) || [], o]);
+    },
+    off(t, o) {
+      var n;
+      e.set(t, ((n = e.get(t)) == null ? void 0 : n.filter((r) => r !== o)) || []);
+    }
+  };
+}
+const Jn = /* @__PURE__ */ v.createContext(null), Qn = /* @__PURE__ */ v.createContext(null), Zn = () => {
+  var e;
+  return ((e = v.useContext(Jn)) == null ? void 0 : e.id) || null;
+}, eo = () => v.useContext(Qn);
+function to(e) {
+  const {
+    open: t = !1,
+    onOpenChange: o,
+    elements: n
+  } = e, r = qn(), i = v.useRef({}), [l] = v.useState(() => Kn()), c = Zn() != null;
+  if (process.env.NODE_ENV !== "production") {
+    const f = n.reference;
+    f && !M(f) && Gn("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
+  }
+  const [s, a] = v.useState(n.reference), u = Pt((f, d, m) => {
+    i.current.openEvent = f ? d : void 0, l.emit("openchange", {
+      open: f,
+      event: d,
+      reason: m,
+      nested: c
+    }), o == null || o(f, d, m);
+  }), g = v.useMemo(() => ({
+    setPositionReference: a
+  }), []), h = v.useMemo(() => ({
+    reference: s || n.reference || null,
+    floating: n.floating || null,
+    domReference: n.reference
+  }), [s, n.reference, n.floating]);
+  return v.useMemo(() => ({
+    dataRef: i,
+    open: t,
+    onOpenChange: u,
+    elements: h,
+    events: l,
+    floatingId: r,
+    refs: g
+  }), [t, u, h, l, r, g]);
+}
+function no(e) {
+  e === void 0 && (e = {});
+  const {
+    nodeId: t
+  } = e, o = to({
+    ...e,
+    elements: {
+      reference: null,
+      floating: null,
+      ...e.elements
+    }
+  }), n = e.rootContext || o, r = n.elements, [i, l] = v.useState(null), [c, s] = v.useState(null), u = (r == null ? void 0 : r.reference) || i, g = v.useRef(null), h = eo();
+  De(() => {
+    u && (g.current = u);
+  }, [u]);
+  const f = Wn({
+    ...e,
+    elements: {
+      ...r,
+      ...c && {
+        reference: c
+      }
+    }
+  }), d = v.useCallback((w) => {
+    const b = M(w) ? {
+      getBoundingClientRect: () => w.getBoundingClientRect(),
+      contextElement: w
+    } : w;
+    s(b), f.refs.setReference(b);
+  }, [f.refs]), m = v.useCallback((w) => {
+    (M(w) || w === null) && (g.current = w, l(w)), (M(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 && !M(w)) && f.refs.setReference(w);
+  }, [f.refs]), p = v.useMemo(() => ({
+    ...f.refs,
+    setReference: m,
+    setPositionReference: d,
+    domReference: g
+  }), [f.refs, m, d]), x = v.useMemo(() => ({
+    ...f.elements,
+    domReference: u
+  }), [f.elements, u]), y = v.useMemo(() => ({
+    ...f,
+    ...n,
+    refs: p,
+    elements: x,
+    nodeId: t
+  }), [f, p, x, t, n]);
+  return De(() => {
+    n.dataRef.current.floatingContext = y;
+    const w = h == null ? void 0 : h.nodesRef.current.find((b) => b.id === t);
+    w && (w.context = y);
+  }), v.useMemo(() => ({
+    ...f,
+    context: y,
+    refs: p,
+    elements: x
+  }), [f, p, x, y]);
+}
+const nt = "active", ot = "selected";
+function Te(e, t, o) {
+  const n = /* @__PURE__ */ new Map(), r = o === "item";
+  let i = e;
+  if (r && e) {
+    const {
+      [nt]: l,
+      [ot]: c,
+      ...s
+    } = e;
+    i = s;
+  }
+  return {
+    ...o === "floating" && {
+      tabIndex: -1
+    },
+    ...i,
+    ...t.map((l) => {
+      const c = l ? l[o] : null;
+      return typeof c == "function" ? e ? c(e) : null : c;
+    }).concat(e).reduce((l, c) => (c && Object.entries(c).forEach((s) => {
+      let [a, u] = s;
+      if (!(r && [nt, ot].includes(a)))
+        if (a.indexOf("on") === 0) {
+          if (n.has(a) || n.set(a, []), typeof u == "function") {
+            var g;
+            (g = n.get(a)) == null || g.push(u), l[a] = function() {
+              for (var h, f = arguments.length, d = new Array(f), m = 0; m < f; m++)
+                d[m] = arguments[m];
+              return (h = n.get(a)) == null ? void 0 : h.map((p) => p(...d)).find((p) => p !== void 0);
+            };
+          }
+        } else
+          l[a] = u;
+    }), l), {})
+  };
+}
+function oo(e) {
+  e === void 0 && (e = []);
+  const t = e.map((c) => c == null ? void 0 : c.reference), o = e.map((c) => c == null ? void 0 : c.floating), n = e.map((c) => c == null ? void 0 : c.item), r = v.useCallback(
+    (c) => Te(c, e, "reference"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  ), i = v.useCallback(
+    (c) => Te(c, e, "floating"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    o
+  ), l = v.useCallback(
+    (c) => Te(c, e, "item"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    n
+  );
+  return v.useMemo(() => ({
+    getReferenceProps: r,
+    getFloatingProps: i,
+    getItemProps: l
+  }), [r, i, l]);
+}
+function rt(e, t) {
+  return {
+    ...e,
+    rects: {
+      ...e.rects,
+      floating: {
+        ...e.rects.floating,
+        height: t
+      }
+    }
+  };
+}
+const ro = (e) => ({
+  name: "inner",
+  options: e,
+  async fn(t) {
+    const {
+      listRef: o,
+      overflowRef: n,
+      onFallbackChange: r,
+      offset: i = 0,
+      index: l = 0,
+      minItemsVisible: c = 4,
+      referenceOverflowThreshold: s = 0,
+      scrollRef: a,
+      ...u
+    } = le(e, t), {
+      rects: g,
+      elements: {
+        floating: h
+      }
+    } = t, f = o.current[l];
+    if (process.env.NODE_ENV !== "production" && (t.placement.startsWith("bottom") || Xn('`placement` side must be "bottom" when using the `inner`', "middleware.")), !f)
+      return {};
+    const d = {
+      ...t,
+      ...await St(-f.offsetTop - h.clientTop - g.reference.height / 2 - f.offsetHeight / 2 - i).fn(t)
+    }, m = (a == null ? void 0 : a.current) || h, p = await Me(rt(d, m.scrollHeight), u), x = await Me(d, {
+      ...u,
+      elementContext: "reference"
+    }), y = Math.max(0, p.top), w = d.y + y, b = Math.max(0, m.scrollHeight - y - Math.max(0, p.bottom));
+    return m.style.maxHeight = b + "px", m.scrollTop = y, r && (m.offsetHeight < f.offsetHeight * Math.min(c, o.current.length - 1) - 1 || x.top >= -s || x.bottom >= -s ? ue.flushSync(() => r(!0)) : ue.flushSync(() => r(!1))), n && (n.current = await Me(rt({
+      ...d,
+      y: w
+    }, m.offsetHeight), u)), {
+      y: w
+    };
+  }
+});
+function io(e, t) {
+  const {
+    open: o,
+    elements: n
+  } = e, {
+    enabled: r = !0,
+    overflowRef: i,
+    scrollRef: l,
+    onChange: c
+  } = t, s = Pt(c), a = v.useRef(!1), u = v.useRef(null), g = v.useRef(null);
+  v.useEffect(() => {
+    if (!r) return;
+    function f(m) {
+      if (m.ctrlKey || !d || i.current == null)
+        return;
+      const p = m.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 ? (m.preventDefault(), ue.flushSync(() => {
+        s((O) => O + Math[R](p, w * b));
+      })) : /firefox/i.test(tn()) && (d.scrollTop += p));
+    }
+    const d = (l == null ? void 0 : l.current) || n.floating;
+    if (o && d)
+      return d.addEventListener("wheel", f), requestAnimationFrame(() => {
+        u.current = d.scrollTop, i.current != null && (g.current = {
+          ...i.current
+        });
+      }), () => {
+        u.current = null, g.current = null, d.removeEventListener("wheel", f);
+      };
+  }, [r, o, n.floating, i, l, s]);
+  const h = v.useMemo(() => ({
+    onKeyDown() {
+      a.current = !0;
+    },
+    onWheel() {
+      a.current = !1;
+    },
+    onPointerMove() {
+      a.current = !1;
+    },
+    onScroll() {
+      const f = (l == null ? void 0 : l.current) || n.floating;
+      if (!(!i.current || !f || !a.current)) {
+        if (u.current !== null) {
+          const d = f.scrollTop - u.current;
+          (i.current.bottom < -0.5 && d < -1 || i.current.top < -0.5 && d > 1) && ue.flushSync(() => s((m) => m + d));
+        }
+        requestAnimationFrame(() => {
+          u.current = f.scrollTop;
+        });
+      }
+    }
+  }), [n.floating, s, i, l]);
+  return v.useMemo(() => r ? {
+    floating: h
+  } : {}, [r, h]);
+}
+let ve = me({ styles: void 0, setReference: () => {
+}, setFloating: () => {
+}, getReferenceProps: () => ({}), getFloatingProps: () => ({}), slot: {} });
+ve.displayName = "FloatingContext";
+let Ye = me(null);
+Ye.displayName = "PlacementContext";
+function Lo(e) {
+  return _(() => e ? typeof e == "string" ? { to: e } : e : null, [e]);
+}
+function $o() {
+  return X(ve).setReference;
+}
+function Do() {
+  let { getFloatingProps: e, slot: t } = X(ve);
+  return st((...o) => Object.assign({}, e(...o), { "data-anchor": t.anchor }), [e, t]);
+}
+function Fo(e = null) {
+  e === !1 && (e = null), typeof e == "string" && (e = { to: e });
+  let t = X(Ye), o = _(() => e, [JSON.stringify(e, typeof HTMLElement < "u" ? (r, i) => i instanceof HTMLElement ? i.outerHTML : i : void 0)]);
+  j(() => {
+    t == null || t(o ?? null);
+  }, [t, o]);
+  let n = X(ve);
+  return _(() => [n.setFloating, e ? n.styles : {}], [n.setFloating, e, n.styles]);
+}
+let it = 4;
+function Ho({ children: e, enabled: t = !0 }) {
+  let [o, n] = te(null), [r, i] = te(0), l = oe(null), [c, s] = te(null);
+  lo(c);
+  let a = t && o !== null && c !== null, { to: u = "bottom", gap: g = 0, offset: h = 0, padding: f = 0, inner: d } = so(o, c), [m, p = "center"] = u.split(" ");
+  j(() => {
+    a && i(0);
+  }, [a]);
+  let { refs: x, floatingStyles: y, context: w } = no({ open: a, placement: m === "selection" ? p === "center" ? "bottom" : `bottom-${p}` : p === "center" ? `${m}` : `${m}-${p}`, strategy: "absolute", transform: !1, middleware: [St({ mainAxis: m === "selection" ? 0 : g, crossAxis: h }), kn({ padding: f }), m !== "selection" && Vn({ padding: f }), m === "selection" && d ? ro({ ...d, padding: f, overflowRef: l, offset: r, minItemsVisible: it, referenceOverflowThreshold: f, onFallbackChange(S) {
+    var D, k;
+    if (!S) return;
+    let A = w.elements.floating;
+    if (!A) return;
+    let F = parseFloat(getComputedStyle(A).scrollPaddingBottom) || 0, I = Math.min(it, A.childElementCount), E = 0, P = 0;
+    for (let C of (k = (D = w.elements.floating) == null ? void 0 : D.childNodes) != null ? k : []) if (C instanceof HTMLElement) {
+      let U = C.offsetTop, je = U + C.clientHeight + F, Ae = A.scrollTop, ze = Ae + A.clientHeight;
+      if (U >= Ae && je <= ze) I--;
+      else {
+        P = Math.max(0, Math.min(je, ze) - Math.max(U, Ae)), E = C.clientHeight;
+        break;
+      }
+    }
+    I >= 1 && i((C) => {
+      let U = E * I - P + F;
+      return C >= U ? C : U;
+    });
+  } }) : null, Bn({ padding: f, apply({ availableWidth: S, availableHeight: D, elements: k }) {
+    Object.assign(k.floating.style, { overflow: "auto", maxWidth: `${S}px`, maxHeight: `min(var(--anchor-max-height, 100vh), ${D}px)` });
+  } })].filter(Boolean), whileElementsMounted: $n }), [b = m, R = p] = w.placement.split("-");
+  m === "selection" && (b = "selection");
+  let O = _(() => ({ anchor: [b, R].filter(Boolean).join(" ") }), [b, R]), L = io(w, { overflowRef: l, onChange: i }), { getReferenceProps: $, getFloatingProps: W } = oo([L]), T = ae((S) => {
+    s(S), x.setFloating(S);
+  });
+  return v.createElement(Ye.Provider, { value: n }, v.createElement(ve.Provider, { value: { setFloating: T, setReference: x.setReference, styles: y, getReferenceProps: $, getFloatingProps: W, slot: O } }, e));
+}
+function lo(e) {
+  j(() => {
+    if (!e) return;
+    let t = new MutationObserver(() => {
+      let o = window.getComputedStyle(e).maxHeight, n = parseFloat(o);
+      if (isNaN(n)) return;
+      let r = parseInt(o);
+      isNaN(r) || n !== r && (e.style.maxHeight = `${Math.ceil(n)}px`);
+    });
+    return t.observe(e, { attributes: !0, attributeFilter: ["style"] }), () => {
+      t.disconnect();
+    };
+  }, [e]);
+}
+function so(e, t) {
+  var o, n, r;
+  let i = Le((o = e == null ? void 0 : e.gap) != null ? o : "var(--anchor-gap, 0)", t), l = Le((n = e == null ? void 0 : e.offset) != null ? n : "var(--anchor-offset, 0)", t), c = Le((r = e == null ? void 0 : e.padding) != null ? r : "var(--anchor-padding, 0)", t);
+  return { ...e, gap: i, offset: l, padding: c };
+}
+function Le(e, t, o = void 0) {
+  let n = Nt(), r = ae((s, a) => {
+    if (s == null) return [o, null];
+    if (typeof s == "number") return [s, null];
+    if (typeof s == "string") {
+      if (!a) return [o, null];
+      let u = lt(s, a);
+      return [u, (g) => {
+        let h = Mt(s);
+        {
+          let f = h.map((d) => window.getComputedStyle(a).getPropertyValue(d));
+          n.requestAnimationFrame(function d() {
+            n.nextFrame(d);
+            let m = !1;
+            for (let [x, y] of h.entries()) {
+              let w = window.getComputedStyle(a).getPropertyValue(y);
+              if (f[x] !== w) {
+                f[x] = w, m = !0;
+                break;
+              }
+            }
+            if (!m) return;
+            let p = lt(s, a);
+            u !== p && (g(p), u = p);
+          });
+        }
+        return n.dispose;
+      }];
+    }
+    return [o, null];
+  }), i = _(() => r(e, t)[0], [e, t]), [l = i, c] = te();
+  return j(() => {
+    let [s, a] = r(e, t);
+    if (c(s), !!a) return a(c);
+  }, [e, t]), l;
+}
+function Mt(e) {
+  let t = /var\((.*)\)/.exec(e);
+  if (t) {
+    let o = t[1].indexOf(",");
+    if (o === -1) return [t[1]];
+    let n = t[1].slice(0, o).trim(), r = t[1].slice(o + 1).trim();
+    return r ? [n, ...Mt(r)] : [n];
+  }
+  return [];
+}
+function lt(e, t) {
+  let o = document.createElement("div");
+  t.appendChild(o), o.style.setProperty("margin-top", "0px", "important"), o.style.setProperty("margin-top", e, "important");
+  let n = parseFloat(window.getComputedStyle(o).marginTop) || 0;
+  return t.removeChild(o), n;
+}
+function co(e) {
+  let t = ae(e), o = oe(!1);
+  Y(() => (o.current = !1, () => {
+    o.current = !0, It(() => {
+      o.current && t();
+    });
+  }), [t]);
+}
+function ao() {
+  let e = typeof document > "u";
+  return "useSyncExternalStore" in v ? ((t) => t.useSyncExternalStore)(v)(() => () => {
+  }, () => !1, () => !e) : !1;
+}
+function uo() {
+  let e = ao(), [t, o] = v.useState(ce.isHandoffComplete);
+  return t && ce.isHandoffComplete === !1 && o(!1), v.useEffect(() => {
+    t !== !0 && o(!0);
+  }, [t]), v.useEffect(() => ce.handoff(), []), e ? !1 : t;
+}
+let fo = me(!1);
+function mo() {
+  return X(fo);
+}
+function go(e) {
+  let t = mo(), o = X(Lt), n = gt(e), [r, i] = te(() => {
+    var l;
+    if (!t && o !== null) return (l = o.current) != null ? l : null;
+    if (ce.isServer) return null;
+    let c = n == null ? void 0 : n.getElementById("headlessui-portal-root");
+    if (c) return c;
+    if (n === null) return null;
+    let s = n.createElement("div");
+    return s.setAttribute("id", "headlessui-portal-root"), n.body.appendChild(s);
+  });
+  return Y(() => {
+    r !== null && (n != null && n.body.contains(r) || n == null || n.body.appendChild(r));
+  }, [r, n]), Y(() => {
+    t || o !== null && i(o.current);
+  }, [o, i, t]), r;
+}
+let Tt = at, ho = Ie(function(e, t) {
+  let o = e, n = oe(null), r = We(Wt((u) => {
+    n.current = u;
+  }), t), i = gt(n), l = go(n), [c] = te(() => {
+    var u;
+    return ce.isServer ? null : (u = i == null ? void 0 : i.createElement("div")) != null ? u : null;
+  }), s = X(Fe), a = uo();
+  return j(() => {
+    !l || !c || l.contains(c) || (c.setAttribute("data-headlessui-portal", ""), l.appendChild(c));
+  }, [l, c]), j(() => {
+    if (c && s) return s.register(c);
+  }, [s, c]), co(() => {
+    var u;
+    !l || !c || (c instanceof Node && l.contains(c) && l.removeChild(c), l.childNodes.length <= 0 && ((u = l.parentElement) == null || u.removeChild(l)));
+  }), a ? !l || !c ? null : Bt(ke({ ourProps: { ref: r }, theirProps: o, slot: {}, defaultTag: Tt, name: "Portal" }), c) : null;
+});
+function po(e, t) {
+  let o = We(t), { enabled: n = !0, ...r } = e;
+  return n ? He.createElement(ho, { ...r, ref: o }) : ke({ ourProps: { ref: o }, theirProps: r, slot: {}, defaultTag: Tt, name: "Portal" });
+}
+let vo = at, Lt = me(null);
+function wo(e, t) {
+  let { target: o, ...n } = e, r = { ref: We(t) };
+  return He.createElement(Lt.Provider, { value: o }, ke({ ourProps: r, theirProps: n, defaultTag: vo, name: "Popover.Group" }));
+}
+let Fe = me(null);
+function No() {
+  let e = X(Fe), t = oe([]), o = ae((i) => (t.current.push(i), e && e.register(i), () => n(i))), n = ae((i) => {
+    let l = t.current.indexOf(i);
+    l !== -1 && t.current.splice(l, 1), e && e.unregister(i);
+  }), r = _(() => ({ register: o, unregister: n, portals: t }), [o, n, t]);
+  return [t, _(() => function({ children: i }) {
+    return He.createElement(Fe.Provider, { value: r }, i);
+  }, [r])];
+}
+let xo = Ie(po), yo = Ie(wo), Io = Object.assign(xo, { Group: yo });
+export {
+  Mo as E,
+  Po as R,
+  Fo as a,
+  Do as b,
+  dt as c,
+  Oo as d,
+  No as e,
+  To as f,
+  Ut as g,
+  Ao as m,
+  gt as n,
+  qt as s,
+  Io as t,
+  Ho as v,
+  Lo as x,
+  $o as y
+};