@pittorica/popover-react 0.22.0

package/dist/index.js

@@ -0,0 +1,2223 @@
+import { jsxs as Zt, jsx as j } from "react/jsx-runtime";
+import * as g from "react";
+import { useLayoutEffect as gt, createContext as Jt, useState as Qt, useMemo as en, use as tn } from "react";
+import * as ht from "react-dom";
+function vt(e) {
+  var t, n, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var r = e.length;
+    for (t = 0; t < r; t++) e[t] && (n = vt(e[t])) && (o && (o += " "), o += n);
+  } else for (n in e) e[n] && (o && (o += " "), o += n);
+  return o;
+}
+function nn() {
+  for (var e, t, n = 0, o = "", r = arguments.length; n < r; n++) (e = arguments[n]) && (t = vt(e)) && (o && (o += " "), o += t);
+  return o;
+}
+function we() {
+  return typeof window < "u";
+}
+function re(e) {
+  return _e(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function B(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function K(e) {
+  var t;
+  return (t = (_e(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function _e(e) {
+  return we() ? e instanceof Node || e instanceof B(e).Node : !1;
+}
+function D(e) {
+  return we() ? e instanceof Element || e instanceof B(e).Element : !1;
+}
+function L(e) {
+  return we() ? e instanceof HTMLElement || e instanceof B(e).HTMLElement : !1;
+}
+function Me(e) {
+  return !we() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof B(e).ShadowRoot;
+}
+const on = /* @__PURE__ */ new Set(["inline", "contents"]);
+function ae(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = W(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !on.has(r);
+}
+const rn = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function sn(e) {
+  return rn.has(re(e));
+}
+const cn = [":popover-open", ":modal"];
+function xe(e) {
+  return cn.some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+const ln = ["transform", "translate", "scale", "rotate", "perspective"], an = ["transform", "translate", "scale", "rotate", "perspective", "filter"], un = ["paint", "layout", "strict", "content"];
+function Ve(e) {
+  const t = Re(), n = D(e) ? W(e) : e;
+  return ln.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || an.some((o) => (n.willChange || "").includes(o)) || un.some((o) => (n.contain || "").includes(o));
+}
+function fn(e) {
+  let t = Y(e);
+  for (; L(t) && !q(t); ) {
+    if (Ve(t))
+      return t;
+    if (xe(t))
+      return null;
+    t = Y(t);
+  }
+  return null;
+}
+function Re() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const dn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function q(e) {
+  return dn.has(re(e));
+}
+function W(e) {
+  return B(e).getComputedStyle(e);
+}
+function Ee(e) {
+  return D(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function Y(e) {
+  if (re(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.
+    Me(e) && e.host || // Fallback.
+    K(e)
+  );
+  return Me(t) ? t.host : t;
+}
+function bt(e) {
+  const t = Y(e);
+  return q(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : L(t) && ae(t) ? t : bt(t);
+}
+function Z(e, t, n) {
+  var o;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const r = bt(e), i = r === ((o = e.ownerDocument) == null ? void 0 : o.body), s = B(r);
+  if (i) {
+    const c = ke(s);
+    return t.concat(s, s.visualViewport || [], ae(r) ? r : [], c && n ? Z(c) : []);
+  }
+  return t.concat(r, Z(r, [], n));
+}
+function ke(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+const pe = Math.min, J = Math.max, me = Math.round, ue = Math.floor, H = (e) => ({
+  x: e,
+  y: e
+}), pn = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, mn = {
+  start: "end",
+  end: "start"
+};
+function Ye(e, t, n) {
+  return J(e, pe(t, n));
+}
+function Se(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function ee(e) {
+  return e.split("-")[0];
+}
+function Ce(e) {
+  return e.split("-")[1];
+}
+function yt(e) {
+  return e === "x" ? "y" : "x";
+}
+function wt(e) {
+  return e === "y" ? "height" : "width";
+}
+const gn = /* @__PURE__ */ new Set(["top", "bottom"]);
+function G(e) {
+  return gn.has(ee(e)) ? "y" : "x";
+}
+function xt(e) {
+  return yt(G(e));
+}
+function hn(e, t, n) {
+  n === void 0 && (n = !1);
+  const o = Ce(e), r = xt(e), i = wt(r);
+  let s = r === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return t.reference[i] > t.floating[i] && (s = ge(s)), [s, ge(s)];
+}
+function vn(e) {
+  const t = ge(e);
+  return [Fe(e), t, Fe(t)];
+}
+function Fe(e) {
+  return e.replace(/start|end/g, (t) => mn[t]);
+}
+const Xe = ["left", "right"], ze = ["right", "left"], bn = ["top", "bottom"], yn = ["bottom", "top"];
+function wn(e, t, n) {
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? ze : Xe : t ? Xe : ze;
+    case "left":
+    case "right":
+      return t ? bn : yn;
+    default:
+      return [];
+  }
+}
+function xn(e, t, n, o) {
+  const r = Ce(e);
+  let i = wn(ee(e), n === "start", o);
+  return r && (i = i.map((s) => s + "-" + r), t && (i = i.concat(i.map(Fe)))), i;
+}
+function ge(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => pn[t]);
+}
+function Rn(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function En(e) {
+  return typeof e != "number" ? Rn(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function he(e) {
+  const {
+    x: t,
+    y: n,
+    width: o,
+    height: r
+  } = e;
+  return {
+    width: o,
+    height: r,
+    top: n,
+    left: t,
+    right: t + o,
+    bottom: n + r,
+    x: t,
+    y: n
+  };
+}
+/*!
+* tabbable 6.4.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var Sn = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], Le = /* @__PURE__ */ Sn.join(","), Rt = typeof Element > "u", ce = Rt ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, ve = !Rt && Element.prototype.getRootNode ? function(e) {
+  var t;
+  return e == null || (t = e.getRootNode) === null || t === void 0 ? void 0 : t.call(e);
+} : function(e) {
+  return e == null ? void 0 : e.ownerDocument;
+}, be = function(t, n) {
+  var o;
+  n === void 0 && (n = !0);
+  var r = t == null || (o = t.getAttribute) === null || o === void 0 ? void 0 : o.call(t, "inert"), i = r === "" || r === "true", s = i || n && t && // closest does not exist on shadow roots, so we fall back to a manual
+  // lookup upward, in case it is not defined.
+  (typeof t.closest == "function" ? t.closest("[inert]") : be(t.parentNode));
+  return s;
+}, Cn = function(t) {
+  var n, o = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "contenteditable");
+  return o === "" || o === "true";
+}, Tn = function(t, n, o) {
+  if (be(t))
+    return [];
+  var r = Array.prototype.slice.apply(t.querySelectorAll(Le));
+  return n && ce.call(t, Le) && r.unshift(t), r = r.filter(o), r;
+}, Ne = function(t, n, o) {
+  for (var r = [], i = Array.from(t); i.length; ) {
+    var s = i.shift();
+    if (!be(s, !1))
+      if (s.tagName === "SLOT") {
+        var c = s.assignedElements(), l = c.length ? c : s.children, a = Ne(l, !0, o);
+        o.flatten ? r.push.apply(r, a) : r.push({
+          scopeParent: s,
+          candidates: a
+        });
+      } else {
+        var u = ce.call(s, Le);
+        u && o.filter(s) && (n || !t.includes(s)) && r.push(s);
+        var f = s.shadowRoot || // check for an undisclosed shadow
+        typeof o.getShadowRoot == "function" && o.getShadowRoot(s), m = !be(f, !1) && (!o.shadowRootFilter || o.shadowRootFilter(s));
+        if (f && m) {
+          var d = Ne(f === !0 ? s.children : f.children, !0, o);
+          o.flatten ? r.push.apply(r, d) : r.push({
+            scopeParent: s,
+            candidates: d
+          });
+        } else
+          i.unshift.apply(i, s.children);
+      }
+  }
+  return r;
+}, Et = function(t) {
+  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
+}, St = function(t) {
+  if (!t)
+    throw new Error("No node provided");
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || Cn(t)) && !Et(t) ? 0 : t.tabIndex;
+}, An = function(t, n) {
+  var o = St(t);
+  return o < 0 && n && !Et(t) ? 0 : o;
+}, On = function(t, n) {
+  return t.tabIndex === n.tabIndex ? t.documentOrder - n.documentOrder : t.tabIndex - n.tabIndex;
+}, Ct = function(t) {
+  return t.tagName === "INPUT";
+}, Pn = function(t) {
+  return Ct(t) && t.type === "hidden";
+}, In = function(t) {
+  var n = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(o) {
+    return o.tagName === "SUMMARY";
+  });
+  return n;
+}, Dn = function(t, n) {
+  for (var o = 0; o < t.length; o++)
+    if (t[o].checked && t[o].form === n)
+      return t[o];
+}, Mn = function(t) {
+  if (!t.name)
+    return !0;
+  var n = t.form || ve(t), o = function(c) {
+    return n.querySelectorAll('input[type="radio"][name="' + c + '"]');
+  }, r;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    r = o(window.CSS.escape(t.name));
+  else
+    try {
+      r = o(t.name);
+    } catch (s) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", s.message), !1;
+    }
+  var i = Dn(r, t.form);
+  return !i || i === t;
+}, kn = function(t) {
+  return Ct(t) && t.type === "radio";
+}, Fn = function(t) {
+  return kn(t) && !Mn(t);
+}, Ln = function(t) {
+  var n, o = t && ve(t), r = (n = o) === null || n === void 0 ? void 0 : n.host, i = !1;
+  if (o && o !== t) {
+    var s, c, l;
+    for (i = !!((s = r) !== null && s !== void 0 && (c = s.ownerDocument) !== null && c !== void 0 && c.contains(r) || t != null && (l = t.ownerDocument) !== null && l !== void 0 && l.contains(t)); !i && r; ) {
+      var a, u, f;
+      o = ve(r), r = (a = o) === null || a === void 0 ? void 0 : a.host, i = !!((u = r) !== null && u !== void 0 && (f = u.ownerDocument) !== null && f !== void 0 && f.contains(r));
+    }
+  }
+  return i;
+}, Ge = function(t) {
+  var n = t.getBoundingClientRect(), o = n.width, r = n.height;
+  return o === 0 && r === 0;
+}, Nn = function(t, n) {
+  var o = n.displayCheck, r = n.getShadowRoot;
+  if (o === "full-native" && "checkVisibility" in t) {
+    var i = t.checkVisibility({
+      // Checking opacity might be desirable for some use cases, but natively,
+      // opacity zero elements _are_ focusable and tabbable.
+      checkOpacity: !1,
+      opacityProperty: !1,
+      contentVisibilityAuto: !0,
+      visibilityProperty: !0,
+      // This is an alias for `visibilityProperty`. Contemporary browsers
+      // support both. However, this alias has wider browser support (Chrome
+      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+      // we include it anyway.
+      checkVisibilityCSS: !0
+    });
+    return !i;
+  }
+  if (getComputedStyle(t).visibility === "hidden")
+    return !0;
+  var s = ce.call(t, "details>summary:first-of-type"), c = s ? t.parentElement : t;
+  if (ce.call(c, "details:not([open]) *"))
+    return !0;
+  if (!o || o === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  o === "full-native" || o === "legacy-full") {
+    if (typeof r == "function") {
+      for (var l = t; t; ) {
+        var a = t.parentElement, u = ve(t);
+        if (a && !a.shadowRoot && r(a) === !0)
+          return Ge(t);
+        t.assignedSlot ? t = t.assignedSlot : !a && u !== t.ownerDocument ? t = u.host : t = a;
+      }
+      t = l;
+    }
+    if (Ln(t))
+      return !t.getClientRects().length;
+    if (o !== "legacy-full")
+      return !0;
+  } else if (o === "non-zero-area")
+    return Ge(t);
+  return !1;
+}, Bn = function(t) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
+    for (var n = t.parentElement; n; ) {
+      if (n.tagName === "FIELDSET" && n.disabled) {
+        for (var o = 0; o < n.children.length; o++) {
+          var r = n.children.item(o);
+          if (r.tagName === "LEGEND")
+            return ce.call(n, "fieldset[disabled] *") ? !0 : !r.contains(t);
+        }
+        return !0;
+      }
+      n = n.parentElement;
+    }
+  return !1;
+}, $n = function(t, n) {
+  return !(n.disabled || Pn(n) || Nn(n, t) || // For a details element with a summary, the summary element gets the focus
+  In(n) || Bn(n));
+}, Ze = function(t, n) {
+  return !(Fn(n) || St(n) < 0 || !$n(t, n));
+}, _n = function(t) {
+  var n = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(n) || n >= 0);
+}, Tt = function(t) {
+  var n = [], o = [];
+  return t.forEach(function(r, i) {
+    var s = !!r.scopeParent, c = s ? r.scopeParent : r, l = An(c, s), a = s ? Tt(r.candidates) : c;
+    l === 0 ? s ? n.push.apply(n, a) : n.push(c) : o.push({
+      documentOrder: i,
+      tabIndex: l,
+      item: r,
+      isScope: s,
+      content: a
+    });
+  }), o.sort(On).reduce(function(r, i) {
+    return i.isScope ? r.push.apply(r, i.content) : r.push(i.content), r;
+  }, []).concat(n);
+}, At = function(t, n) {
+  n = n || {};
+  var o;
+  return n.getShadowRoot ? o = Ne([t], n.includeContainer, {
+    filter: Ze.bind(null, n),
+    flatten: !1,
+    getShadowRoot: n.getShadowRoot,
+    shadowRootFilter: _n
+  }) : o = Tn(t, n.includeContainer, Ze.bind(null, n)), Tt(o);
+};
+function Vn() {
+  return /apple/i.test(navigator.vendor);
+}
+const Je = "data-floating-ui-focusable", Wn = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";
+function Hn(e) {
+  let t = e.activeElement;
+  for (; ((n = t) == null || (n = n.shadowRoot) == null ? void 0 : n.activeElement) != null; ) {
+    var n;
+    t = t.shadowRoot.activeElement;
+  }
+  return t;
+}
+function Be(e, t) {
+  if (!e || !t)
+    return !1;
+  const n = t.getRootNode == null ? void 0 : t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (n && Me(n)) {
+    let o = t;
+    for (; o; ) {
+      if (e === o)
+        return !0;
+      o = o.parentNode || o.host;
+    }
+  }
+  return !1;
+}
+function se(e) {
+  return "composedPath" in e ? e.composedPath()[0] : e.target;
+}
+function Ae(e, t) {
+  if (t == null)
+    return !1;
+  if ("composedPath" in e)
+    return e.composedPath().includes(t);
+  const n = e;
+  return n.target != null && t.contains(n.target);
+}
+function Kn(e) {
+  return e.matches("html,body");
+}
+function le(e) {
+  return (e == null ? void 0 : e.ownerDocument) || document;
+}
+function Un(e) {
+  return L(e) && e.matches(Wn);
+}
+function jn(e) {
+  return e ? e.hasAttribute(Je) ? e : e.querySelector("[" + Je + "]") || e : null;
+}
+function fe(e, t, n) {
+  return n === void 0 && (n = !0), e.filter((r) => {
+    var i;
+    return r.parentId === t && (!n || ((i = r.context) == null ? void 0 : i.open));
+  }).flatMap((r) => [r, ...fe(e, r.id, n)]);
+}
+function qn(e) {
+  return "nativeEvent" in e;
+}
+function Qe(e, t) {
+  return ["mouse", "pen"].includes(e);
+}
+var Yn = typeof document < "u", Xn = function() {
+}, Q = Yn ? gt : Xn;
+const zn = {
+  ...g
+}, Gn = zn.useInsertionEffect, Zn = Gn || ((e) => e());
+function ne(e) {
+  const t = g.useRef(() => {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("Cannot call an event handler while rendering.");
+  });
+  return Zn(() => {
+    t.current = e;
+  }), g.useCallback(function() {
+    for (var n = arguments.length, o = new Array(n), r = 0; r < n; r++)
+      o[r] = arguments[r];
+    return t.current == null ? void 0 : t.current(...o);
+  }, []);
+}
+const Ot = () => ({
+  getShadowRoot: !0,
+  displayCheck: (
+    // JSDOM does not support the `tabbable` library. To solve this we can
+    // check if `ResizeObserver` is a real function (not polyfilled), which
+    // determines if the current environment is JSDOM-like.
+    typeof ResizeObserver == "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
+  )
+});
+function Pt(e, t) {
+  const n = At(e, Ot()), o = n.length;
+  if (o === 0) return;
+  const r = Hn(le(e)), i = n.indexOf(r), s = i === -1 ? t === 1 ? 0 : o - 1 : i + t;
+  return n[s];
+}
+function Jn(e) {
+  return Pt(le(e).body, 1) || e;
+}
+function Qn(e) {
+  return Pt(le(e).body, -1) || e;
+}
+function Oe(e, t) {
+  const n = t || e.currentTarget, o = e.relatedTarget;
+  return !o || !Be(n, o);
+}
+function eo(e) {
+  At(e, Ot()).forEach((n) => {
+    n.dataset.tabindex = n.getAttribute("tabindex") || "", n.setAttribute("tabindex", "-1");
+  });
+}
+function et(e) {
+  e.querySelectorAll("[data-tabindex]").forEach((n) => {
+    const o = n.dataset.tabindex;
+    delete n.dataset.tabindex, o ? n.setAttribute("tabindex", o) : n.removeAttribute("tabindex");
+  });
+}
+function tt(e, t, n) {
+  let {
+    reference: o,
+    floating: r
+  } = e;
+  const i = G(t), s = xt(t), c = wt(s), l = ee(t), a = i === "y", u = o.x + o.width / 2 - r.width / 2, f = o.y + o.height / 2 - r.height / 2, m = o[c] / 2 - r[c] / 2;
+  let d;
+  switch (l) {
+    case "top":
+      d = {
+        x: u,
+        y: o.y - r.height
+      };
+      break;
+    case "bottom":
+      d = {
+        x: u,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      d = {
+        x: o.x + o.width,
+        y: f
+      };
+      break;
+    case "left":
+      d = {
+        x: o.x - r.width,
+        y: f
+      };
+      break;
+    default:
+      d = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (Ce(t)) {
+    case "start":
+      d[s] -= m * (n && a ? -1 : 1);
+      break;
+    case "end":
+      d[s] += m * (n && a ? -1 : 1);
+      break;
+  }
+  return d;
+}
+async function to(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: o,
+    y: r,
+    platform: i,
+    rects: s,
+    elements: c,
+    strategy: l
+  } = e, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: u = "viewport",
+    elementContext: f = "floating",
+    altBoundary: m = !1,
+    padding: d = 0
+  } = Se(t, e), h = En(d), b = c[m ? f === "floating" ? "reference" : "floating" : f], y = he(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(b))) == null || n ? b : b.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(c.floating)),
+    boundary: a,
+    rootBoundary: u,
+    strategy: l
+  })), w = f === "floating" ? {
+    x: o,
+    y: r,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, x = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(c.floating)), E = await (i.isElement == null ? void 0 : i.isElement(x)) ? await (i.getScale == null ? void 0 : i.getScale(x)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, C = he(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: c,
+    rect: w,
+    offsetParent: x,
+    strategy: l
+  }) : w);
+  return {
+    top: (y.top - C.top + h.top) / E.y,
+    bottom: (C.bottom - y.bottom + h.bottom) / E.y,
+    left: (y.left - C.left + h.left) / E.x,
+    right: (C.right - y.right + h.right) / E.x
+  };
+}
+const no = async (e, t, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: r = "absolute",
+    middleware: i = [],
+    platform: s
+  } = n, c = i.filter(Boolean), l = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  let a = await s.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: r
+  }), {
+    x: u,
+    y: f
+  } = tt(a, o, l), m = o, d = {}, h = 0;
+  for (let b = 0; b < c.length; b++) {
+    var p;
+    const {
+      name: y,
+      fn: w
+    } = c[b], {
+      x,
+      y: E,
+      data: C,
+      reset: T
+    } = await w({
+      x: u,
+      y: f,
+      initialPlacement: o,
+      placement: m,
+      strategy: r,
+      middlewareData: d,
+      rects: a,
+      platform: {
+        ...s,
+        detectOverflow: (p = s.detectOverflow) != null ? p : to
+      },
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    u = x ?? u, f = E ?? f, d = {
+      ...d,
+      [y]: {
+        ...d[y],
+        ...C
+      }
+    }, T && h <= 50 && (h++, typeof T == "object" && (T.placement && (m = T.placement), T.rects && (a = T.rects === !0 ? await s.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: r
+    }) : T.rects), {
+      x: u,
+      y: f
+    } = tt(a, m, l)), b = -1);
+  }
+  return {
+    x: u,
+    y: f,
+    placement: m,
+    strategy: r,
+    middlewareData: d
+  };
+}, oo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        placement: r,
+        middlewareData: i,
+        rects: s,
+        initialPlacement: c,
+        platform: l,
+        elements: a
+      } = t, {
+        mainAxis: u = !0,
+        crossAxis: f = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: p = !0,
+        ...b
+      } = Se(e, t);
+      if ((n = i.arrow) != null && n.alignmentOffset)
+        return {};
+      const y = ee(r), w = G(c), x = ee(c) === c, E = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), C = m || (x || !p ? [ge(c)] : vn(c)), T = h !== "none";
+      !m && T && C.push(...xn(c, p, h, E));
+      const k = [c, ...C], F = await l.detectOverflow(t, b), $ = [];
+      let S = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (u && $.push(F[y]), f) {
+        const R = hn(r, s, E);
+        $.push(F[R[0]], F[R[1]]);
+      }
+      if (S = [...S, {
+        placement: r,
+        overflows: $
+      }], !$.every((R) => R <= 0)) {
+        var _, X;
+        const R = (((_ = i.flip) == null ? void 0 : _.index) || 0) + 1, M = k[R];
+        if (M && (!(f === "alignment" ? w !== G(M) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        S.every((v) => G(v.placement) === w ? v.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: R,
+              overflows: S
+            },
+            reset: {
+              placement: M
+            }
+          };
+        let O = (X = S.filter((P) => P.overflows[0] <= 0).sort((P, v) => P.overflows[1] - v.overflows[1])[0]) == null ? void 0 : X.placement;
+        if (!O)
+          switch (d) {
+            case "bestFit": {
+              var V;
+              const P = (V = S.filter((v) => {
+                if (T) {
+                  const A = G(v.placement);
+                  return A === w || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  A === "y";
+                }
+                return !0;
+              }).map((v) => [v.placement, v.overflows.filter((A) => A > 0).reduce((A, I) => A + I, 0)]).sort((v, A) => v[1] - A[1])[0]) == null ? void 0 : V[0];
+              P && (O = P);
+              break;
+            }
+            case "initialPlacement":
+              O = c;
+              break;
+          }
+        if (r !== O)
+          return {
+            reset: {
+              placement: O
+            }
+          };
+      }
+      return {};
+    }
+  };
+}, ro = /* @__PURE__ */ new Set(["left", "top"]);
+async function io(e, t) {
+  const {
+    placement: n,
+    platform: o,
+    elements: r
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), s = ee(n), c = Ce(n), l = G(n) === "y", a = ro.has(s) ? -1 : 1, u = i && l ? -1 : 1, f = Se(t, e);
+  let {
+    mainAxis: m,
+    crossAxis: d,
+    alignmentAxis: h
+  } = typeof f == "number" ? {
+    mainAxis: f,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: f.mainAxis || 0,
+    crossAxis: f.crossAxis || 0,
+    alignmentAxis: f.alignmentAxis
+  };
+  return c && typeof h == "number" && (d = c === "end" ? h * -1 : h), l ? {
+    x: d * u,
+    y: m * a
+  } : {
+    x: m * a,
+    y: d * u
+  };
+}
+const so = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, o;
+      const {
+        x: r,
+        y: i,
+        placement: s,
+        middlewareData: c
+      } = t, l = await io(t, e);
+      return s === ((n = c.offset) == null ? void 0 : n.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
+        x: r + l.x,
+        y: i + l.y,
+        data: {
+          ...l,
+          placement: s
+        }
+      };
+    }
+  };
+}, co = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: o,
+        placement: r,
+        platform: i
+      } = t, {
+        mainAxis: s = !0,
+        crossAxis: c = !1,
+        limiter: l = {
+          fn: (y) => {
+            let {
+              x: w,
+              y: x
+            } = y;
+            return {
+              x: w,
+              y: x
+            };
+          }
+        },
+        ...a
+      } = Se(e, t), u = {
+        x: n,
+        y: o
+      }, f = await i.detectOverflow(t, a), m = G(ee(r)), d = yt(m);
+      let h = u[d], p = u[m];
+      if (s) {
+        const y = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", x = h + f[y], E = h - f[w];
+        h = Ye(x, h, E);
+      }
+      if (c) {
+        const y = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", x = p + f[y], E = p - f[w];
+        p = Ye(x, p, E);
+      }
+      const b = l.fn({
+        ...t,
+        [d]: h,
+        [m]: p
+      });
+      return {
+        ...b,
+        data: {
+          x: b.x - n,
+          y: b.y - o,
+          enabled: {
+            [d]: s,
+            [m]: c
+          }
+        }
+      };
+    }
+  };
+};
+function It(e) {
+  const t = W(e);
+  let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
+  const r = L(e), i = r ? e.offsetWidth : n, s = r ? e.offsetHeight : o, c = me(n) !== i || me(o) !== s;
+  return c && (n = i, o = s), {
+    width: n,
+    height: o,
+    $: c
+  };
+}
+function We(e) {
+  return D(e) ? e : e.contextElement;
+}
+function oe(e) {
+  const t = We(e);
+  if (!L(t))
+    return H(1);
+  const n = t.getBoundingClientRect(), {
+    width: o,
+    height: r,
+    $: i
+  } = It(t);
+  let s = (i ? me(n.width) : n.width) / o, c = (i ? me(n.height) : n.height) / r;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: s,
+    y: c
+  };
+}
+const lo = /* @__PURE__ */ H(0);
+function Dt(e) {
+  const t = B(e);
+  return !Re() || !t.visualViewport ? lo : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function ao(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== B(e) ? !1 : t;
+}
+function te(e, t, n, o) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const r = e.getBoundingClientRect(), i = We(e);
+  let s = H(1);
+  t && (o ? D(o) && (s = oe(o)) : s = oe(e));
+  const c = ao(i, n, o) ? Dt(i) : H(0);
+  let l = (r.left + c.x) / s.x, a = (r.top + c.y) / s.y, u = r.width / s.x, f = r.height / s.y;
+  if (i) {
+    const m = B(i), d = o && D(o) ? B(o) : o;
+    let h = m, p = ke(h);
+    for (; p && o && d !== h; ) {
+      const b = oe(p), y = p.getBoundingClientRect(), w = W(p), x = y.left + (p.clientLeft + parseFloat(w.paddingLeft)) * b.x, E = y.top + (p.clientTop + parseFloat(w.paddingTop)) * b.y;
+      l *= b.x, a *= b.y, u *= b.x, f *= b.y, l += x, a += E, h = B(p), p = ke(h);
+    }
+  }
+  return he({
+    width: u,
+    height: f,
+    x: l,
+    y: a
+  });
+}
+function Te(e, t) {
+  const n = Ee(e).scrollLeft;
+  return t ? t.left + n : te(K(e)).left + n;
+}
+function Mt(e, t) {
+  const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - Te(e, n), r = n.top + t.scrollTop;
+  return {
+    x: o,
+    y: r
+  };
+}
+function uo(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: o,
+    strategy: r
+  } = e;
+  const i = r === "fixed", s = K(o), c = t ? xe(t.floating) : !1;
+  if (o === s || c && i)
+    return n;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = H(1);
+  const u = H(0), f = L(o);
+  if ((f || !f && !i) && ((re(o) !== "body" || ae(s)) && (l = Ee(o)), L(o))) {
+    const d = te(o);
+    a = oe(o), u.x = d.x + o.clientLeft, u.y = d.y + o.clientTop;
+  }
+  const m = s && !f && !i ? Mt(s, l) : H(0);
+  return {
+    width: n.width * a.x,
+    height: n.height * a.y,
+    x: n.x * a.x - l.scrollLeft * a.x + u.x + m.x,
+    y: n.y * a.y - l.scrollTop * a.y + u.y + m.y
+  };
+}
+function fo(e) {
+  return Array.from(e.getClientRects());
+}
+function po(e) {
+  const t = K(e), n = Ee(e), o = e.ownerDocument.body, r = J(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = J(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + Te(e);
+  const c = -n.scrollTop;
+  return W(o).direction === "rtl" && (s += J(t.clientWidth, o.clientWidth) - r), {
+    width: r,
+    height: i,
+    x: s,
+    y: c
+  };
+}
+const nt = 25;
+function mo(e, t) {
+  const n = B(e), o = K(e), r = n.visualViewport;
+  let i = o.clientWidth, s = o.clientHeight, c = 0, l = 0;
+  if (r) {
+    i = r.width, s = r.height;
+    const u = Re();
+    (!u || u && t === "fixed") && (c = r.offsetLeft, l = r.offsetTop);
+  }
+  const a = Te(o);
+  if (a <= 0) {
+    const u = o.ownerDocument, f = u.body, m = getComputedStyle(f), d = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, h = Math.abs(o.clientWidth - f.clientWidth - d);
+    h <= nt && (i -= h);
+  } else a <= nt && (i += a);
+  return {
+    width: i,
+    height: s,
+    x: c,
+    y: l
+  };
+}
+const go = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function ho(e, t) {
+  const n = te(e, !0, t === "fixed"), o = n.top + e.clientTop, r = n.left + e.clientLeft, i = L(e) ? oe(e) : H(1), s = e.clientWidth * i.x, c = e.clientHeight * i.y, l = r * i.x, a = o * i.y;
+  return {
+    width: s,
+    height: c,
+    x: l,
+    y: a
+  };
+}
+function ot(e, t, n) {
+  let o;
+  if (t === "viewport")
+    o = mo(e, n);
+  else if (t === "document")
+    o = po(K(e));
+  else if (D(t))
+    o = ho(t, n);
+  else {
+    const r = Dt(e);
+    o = {
+      x: t.x - r.x,
+      y: t.y - r.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return he(o);
+}
+function kt(e, t) {
+  const n = Y(e);
+  return n === t || !D(n) || q(n) ? !1 : W(n).position === "fixed" || kt(n, t);
+}
+function vo(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let o = Z(e, [], !1).filter((c) => D(c) && re(c) !== "body"), r = null;
+  const i = W(e).position === "fixed";
+  let s = i ? Y(e) : e;
+  for (; D(s) && !q(s); ) {
+    const c = W(s), l = Ve(s);
+    !l && c.position === "fixed" && (r = null), (i ? !l && !r : !l && c.position === "static" && !!r && go.has(r.position) || ae(s) && !l && kt(e, s)) ? o = o.filter((u) => u !== s) : r = c, s = Y(s);
+  }
+  return t.set(e, o), o;
+}
+function bo(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: o,
+    strategy: r
+  } = e;
+  const s = [...n === "clippingAncestors" ? xe(t) ? [] : vo(t, this._c) : [].concat(n), o], c = s[0], l = s.reduce((a, u) => {
+    const f = ot(t, u, r);
+    return a.top = J(f.top, a.top), a.right = pe(f.right, a.right), a.bottom = pe(f.bottom, a.bottom), a.left = J(f.left, a.left), a;
+  }, ot(t, c, r));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function yo(e) {
+  const {
+    width: t,
+    height: n
+  } = It(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function wo(e, t, n) {
+  const o = L(t), r = K(t), i = n === "fixed", s = te(e, !0, i, t);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = H(0);
+  function a() {
+    l.x = Te(r);
+  }
+  if (o || !o && !i)
+    if ((re(t) !== "body" || ae(r)) && (c = Ee(t)), o) {
+      const d = te(t, !0, i, t);
+      l.x = d.x + t.clientLeft, l.y = d.y + t.clientTop;
+    } else r && a();
+  i && !o && r && a();
+  const u = r && !o && !i ? Mt(r, c) : H(0), f = s.left + c.scrollLeft - l.x - u.x, m = s.top + c.scrollTop - l.y - u.y;
+  return {
+    x: f,
+    y: m,
+    width: s.width,
+    height: s.height
+  };
+}
+function Pe(e) {
+  return W(e).position === "static";
+}
+function rt(e, t) {
+  if (!L(e) || W(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return K(e) === n && (n = n.ownerDocument.body), n;
+}
+function Ft(e, t) {
+  const n = B(e);
+  if (xe(e))
+    return n;
+  if (!L(e)) {
+    let r = Y(e);
+    for (; r && !q(r); ) {
+      if (D(r) && !Pe(r))
+        return r;
+      r = Y(r);
+    }
+    return n;
+  }
+  let o = rt(e, t);
+  for (; o && sn(o) && Pe(o); )
+    o = rt(o, t);
+  return o && q(o) && Pe(o) && !Ve(o) ? n : o || fn(e) || n;
+}
+const xo = async function(e) {
+  const t = this.getOffsetParent || Ft, n = this.getDimensions, o = await n(e.floating);
+  return {
+    reference: wo(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function Ro(e) {
+  return W(e).direction === "rtl";
+}
+const Eo = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: uo,
+  getDocumentElement: K,
+  getClippingRect: bo,
+  getOffsetParent: Ft,
+  getElementRects: xo,
+  getClientRects: fo,
+  getDimensions: yo,
+  getScale: oe,
+  isElement: D,
+  isRTL: Ro
+};
+function Lt(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function So(e, t) {
+  let n = null, o;
+  const r = K(e);
+  function i() {
+    var c;
+    clearTimeout(o), (c = n) == null || c.disconnect(), n = null;
+  }
+  function s(c, l) {
+    c === void 0 && (c = !1), l === void 0 && (l = 1), i();
+    const a = e.getBoundingClientRect(), {
+      left: u,
+      top: f,
+      width: m,
+      height: d
+    } = a;
+    if (c || t(), !m || !d)
+      return;
+    const h = ue(f), p = ue(r.clientWidth - (u + m)), b = ue(r.clientHeight - (f + d)), y = ue(u), x = {
+      rootMargin: -h + "px " + -p + "px " + -b + "px " + -y + "px",
+      threshold: J(0, pe(1, l)) || 1
+    };
+    let E = !0;
+    function C(T) {
+      const k = T[0].intersectionRatio;
+      if (k !== l) {
+        if (!E)
+          return s();
+        k ? s(!1, k) : o = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      k === 1 && !Lt(a, e.getBoundingClientRect()) && s(), E = !1;
+    }
+    try {
+      n = new IntersectionObserver(C, {
+        ...x,
+        // Handle <iframe>s
+        root: r.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(C, x);
+    }
+    n.observe(e);
+  }
+  return s(!0), i;
+}
+function Co(e, t, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: r = !0,
+    ancestorResize: i = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = o, a = We(e), u = r || i ? [...a ? Z(a) : [], ...Z(t)] : [];
+  u.forEach((y) => {
+    r && y.addEventListener("scroll", n, {
+      passive: !0
+    }), i && y.addEventListener("resize", n);
+  });
+  const f = a && c ? So(a, n) : null;
+  let m = -1, d = null;
+  s && (d = new ResizeObserver((y) => {
+    let [w] = y;
+    w && w.target === a && d && (d.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var x;
+      (x = d) == null || x.observe(t);
+    })), n();
+  }), a && !l && d.observe(a), d.observe(t));
+  let h, p = l ? te(e) : null;
+  l && b();
+  function b() {
+    const y = te(e);
+    p && !Lt(p, y) && n(), p = y, h = requestAnimationFrame(b);
+  }
+  return n(), () => {
+    var y;
+    u.forEach((w) => {
+      r && w.removeEventListener("scroll", n), i && w.removeEventListener("resize", n);
+    }), f == null || f(), (y = d) == null || y.disconnect(), d = null, l && cancelAnimationFrame(h);
+  };
+}
+const To = so, Ao = co, Oo = oo, Po = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), r = {
+    platform: Eo,
+    ...n
+  }, i = {
+    ...r.platform,
+    _c: o
+  };
+  return no(e, t, {
+    ...r,
+    platform: i
+  });
+};
+var Io = typeof document < "u", Do = function() {
+}, de = Io ? gt : Do;
+function ye(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 n, o, r;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (n = e.length, n !== t.length) return !1;
+      for (o = n; o-- !== 0; )
+        if (!ye(e[o], t[o]))
+          return !1;
+      return !0;
+    }
+    if (r = Object.keys(e), n = r.length, n !== Object.keys(t).length)
+      return !1;
+    for (o = n; o-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, r[o]))
+        return !1;
+    for (o = n; o-- !== 0; ) {
+      const i = r[o];
+      if (!(i === "_owner" && e.$$typeof) && !ye(e[i], t[i]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function Nt(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function it(e, t) {
+  const n = Nt(e);
+  return Math.round(t * n) / n;
+}
+function Ie(e) {
+  const t = g.useRef(e);
+  return de(() => {
+    t.current = e;
+  }), t;
+}
+function Mo(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: o = [],
+    platform: r,
+    elements: {
+      reference: i,
+      floating: s
+    } = {},
+    transform: c = !0,
+    whileElementsMounted: l,
+    open: a
+  } = e, [u, f] = g.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [m, d] = g.useState(o);
+  ye(m, o) || d(o);
+  const [h, p] = g.useState(null), [b, y] = g.useState(null), w = g.useCallback((v) => {
+    v !== T.current && (T.current = v, p(v));
+  }, []), x = g.useCallback((v) => {
+    v !== k.current && (k.current = v, y(v));
+  }, []), E = i || h, C = s || b, T = g.useRef(null), k = g.useRef(null), F = g.useRef(u), $ = l != null, S = Ie(l), _ = Ie(r), X = Ie(a), V = g.useCallback(() => {
+    if (!T.current || !k.current)
+      return;
+    const v = {
+      placement: t,
+      strategy: n,
+      middleware: m
+    };
+    _.current && (v.platform = _.current), Po(T.current, k.current, v).then((A) => {
+      const I = {
+        ...A,
+        // 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
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: X.current !== !1
+      };
+      R.current && !ye(F.current, I) && (F.current = I, ht.flushSync(() => {
+        f(I);
+      }));
+    });
+  }, [m, t, n, _, X]);
+  de(() => {
+    a === !1 && F.current.isPositioned && (F.current.isPositioned = !1, f((v) => ({
+      ...v,
+      isPositioned: !1
+    })));
+  }, [a]);
+  const R = g.useRef(!1);
+  de(() => (R.current = !0, () => {
+    R.current = !1;
+  }), []), de(() => {
+    if (E && (T.current = E), C && (k.current = C), E && C) {
+      if (S.current)
+        return S.current(E, C, V);
+      V();
+    }
+  }, [E, C, V, S, $]);
+  const M = g.useMemo(() => ({
+    reference: T,
+    floating: k,
+    setReference: w,
+    setFloating: x
+  }), [w, x]), O = g.useMemo(() => ({
+    reference: E,
+    floating: C
+  }), [E, C]), P = g.useMemo(() => {
+    const v = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!O.floating)
+      return v;
+    const A = it(O.floating, u.x), I = it(O.floating, u.y);
+    return c ? {
+      ...v,
+      transform: "translate(" + A + "px, " + I + "px)",
+      ...Nt(O.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: A,
+      top: I
+    };
+  }, [n, c, O.floating, u.x, u.y]);
+  return g.useMemo(() => ({
+    ...u,
+    update: V,
+    refs: M,
+    elements: O,
+    floatingStyles: P
+  }), [u, V, M, O, P]);
+}
+const ko = (e, t) => ({
+  ...To(e),
+  options: [e, t]
+}), Fo = (e, t) => ({
+  ...Ao(e),
+  options: [e, t]
+}), Lo = (e, t) => ({
+  ...Oo(e),
+  options: [e, t]
+}), No = "data-floating-ui-focusable", st = "active", ct = "selected", Bo = {
+  ...g
+};
+let lt = !1, $o = 0;
+const at = () => (
+  // Ensure the id is unique with multiple independent versions of Floating UI
+  // on <React 18
+  "floating-ui-" + Math.random().toString(36).slice(2, 6) + $o++
+);
+function _o() {
+  const [e, t] = g.useState(() => lt ? at() : void 0);
+  return Q(() => {
+    e == null && t(at());
+  }, []), g.useEffect(() => {
+    lt = !0;
+  }, []), e;
+}
+const Vo = Bo.useId, He = Vo || _o;
+let $e;
+process.env.NODE_ENV !== "production" && ($e = /* @__PURE__ */ new Set());
+function Wo() {
+  for (var e, t = arguments.length, n = new Array(t), o = 0; o < t; o++)
+    n[o] = arguments[o];
+  const r = "Floating UI: " + n.join(" ");
+  if (!((e = $e) != null && e.has(r))) {
+    var i;
+    (i = $e) == null || i.add(r), console.error(r);
+  }
+}
+function Ho() {
+  const e = /* @__PURE__ */ new Map();
+  return {
+    emit(t, n) {
+      var o;
+      (o = e.get(t)) == null || o.forEach((r) => r(n));
+    },
+    on(t, n) {
+      e.has(t) || e.set(t, /* @__PURE__ */ new Set()), e.get(t).add(n);
+    },
+    off(t, n) {
+      var o;
+      (o = e.get(t)) == null || o.delete(n);
+    }
+  };
+}
+const Ko = /* @__PURE__ */ g.createContext(null), Uo = /* @__PURE__ */ g.createContext(null), Bt = () => {
+  var e;
+  return ((e = g.useContext(Ko)) == null ? void 0 : e.id) || null;
+}, $t = () => g.useContext(Uo);
+function Ke(e) {
+  return "data-floating-ui-" + e;
+}
+const jo = {
+  border: 0,
+  clip: "rect(0 0 0 0)",
+  height: "1px",
+  margin: "-1px",
+  overflow: "hidden",
+  padding: 0,
+  position: "fixed",
+  whiteSpace: "nowrap",
+  width: "1px",
+  top: 0,
+  left: 0
+}, ut = /* @__PURE__ */ g.forwardRef(function(t, n) {
+  const [o, r] = g.useState();
+  Q(() => {
+    Vn() && r("button");
+  }, []);
+  const i = {
+    ref: n,
+    tabIndex: 0,
+    // Role is only for VoiceOver
+    role: o,
+    "aria-hidden": o ? void 0 : !0,
+    [Ke("focus-guard")]: "",
+    style: jo
+  };
+  return /* @__PURE__ */ j("span", {
+    ...t,
+    ...i
+  });
+}), qo = {
+  clipPath: "inset(50%)",
+  position: "fixed",
+  top: 0,
+  left: 0
+}, _t = /* @__PURE__ */ g.createContext(null), ft = /* @__PURE__ */ Ke("portal");
+function Yo(e) {
+  e === void 0 && (e = {});
+  const {
+    id: t,
+    root: n
+  } = e, o = He(), r = zo(), [i, s] = g.useState(null), c = g.useRef(null);
+  return Q(() => () => {
+    i == null || i.remove(), queueMicrotask(() => {
+      c.current = null;
+    });
+  }, [i]), Q(() => {
+    if (!o || c.current) return;
+    const l = t ? document.getElementById(t) : null;
+    if (!l) return;
+    const a = document.createElement("div");
+    a.id = o, a.setAttribute(ft, ""), l.appendChild(a), c.current = a, s(a);
+  }, [t, o]), Q(() => {
+    if (n === null || !o || c.current) return;
+    let l = n || (r == null ? void 0 : r.portalNode);
+    l && !_e(l) && (l = l.current), l = l || document.body;
+    let a = null;
+    t && (a = document.createElement("div"), a.id = t, l.appendChild(a));
+    const u = document.createElement("div");
+    u.id = o, u.setAttribute(ft, ""), l = a || l, l.appendChild(u), c.current = u, s(u);
+  }, [t, n, o, r]), i;
+}
+function Xo(e) {
+  const {
+    children: t,
+    id: n,
+    root: o,
+    preserveTabOrder: r = !0
+  } = e, i = Yo({
+    id: n,
+    root: o
+  }), [s, c] = g.useState(null), l = g.useRef(null), a = g.useRef(null), u = g.useRef(null), f = g.useRef(null), m = s == null ? void 0 : s.modal, d = s == null ? void 0 : s.open, h = (
+    // The FocusManager and therefore floating element are currently open/
+    // rendered.
+    !!s && // Guards are only for non-modal focus management.
+    !s.modal && // Don't render if unmount is transitioning.
+    s.open && r && !!(o || i)
+  );
+  return g.useEffect(() => {
+    if (!i || !r || m)
+      return;
+    function p(b) {
+      i && Oe(b) && (b.type === "focusin" ? et : eo)(i);
+    }
+    return i.addEventListener("focusin", p, !0), i.addEventListener("focusout", p, !0), () => {
+      i.removeEventListener("focusin", p, !0), i.removeEventListener("focusout", p, !0);
+    };
+  }, [i, r, m]), g.useEffect(() => {
+    i && (d || et(i));
+  }, [d, i]), /* @__PURE__ */ Zt(_t.Provider, {
+    value: g.useMemo(() => ({
+      preserveTabOrder: r,
+      beforeOutsideRef: l,
+      afterOutsideRef: a,
+      beforeInsideRef: u,
+      afterInsideRef: f,
+      portalNode: i,
+      setFocusManagerState: c
+    }), [r, i]),
+    children: [h && i && /* @__PURE__ */ j(ut, {
+      "data-type": "outside",
+      ref: l,
+      onFocus: (p) => {
+        if (Oe(p, i)) {
+          var b;
+          (b = u.current) == null || b.focus();
+        } else {
+          const y = s ? s.domReference : null, w = Qn(y);
+          w == null || w.focus();
+        }
+      }
+    }), h && i && /* @__PURE__ */ j("span", {
+      "aria-owns": i.id,
+      style: qo
+    }), i && /* @__PURE__ */ ht.createPortal(t, i), h && i && /* @__PURE__ */ j(ut, {
+      "data-type": "outside",
+      ref: a,
+      onFocus: (p) => {
+        if (Oe(p, i)) {
+          var b;
+          (b = f.current) == null || b.focus();
+        } else {
+          const y = s ? s.domReference : null, w = Jn(y);
+          w == null || w.focus(), s != null && s.closeOnFocusOut && (s == null || s.onOpenChange(!1, p.nativeEvent, "focus-out"));
+        }
+      }
+    })]
+  });
+}
+const zo = () => g.useContext(_t);
+function dt(e) {
+  return L(e.target) && e.target.tagName === "BUTTON";
+}
+function Go(e) {
+  return L(e.target) && e.target.tagName === "A";
+}
+function pt(e) {
+  return Un(e);
+}
+function Zo(e, t) {
+  t === void 0 && (t = {});
+  const {
+    open: n,
+    onOpenChange: o,
+    dataRef: r,
+    elements: {
+      domReference: i
+    }
+  } = e, {
+    enabled: s = !0,
+    event: c = "click",
+    toggle: l = !0,
+    ignoreMouse: a = !1,
+    keyboardHandlers: u = !0,
+    stickIfOpen: f = !0
+  } = t, m = g.useRef(), d = g.useRef(!1), h = g.useMemo(() => ({
+    onPointerDown(p) {
+      m.current = p.pointerType;
+    },
+    onMouseDown(p) {
+      const b = m.current;
+      p.button === 0 && c !== "click" && (Qe(b) && a || (n && l && (!(r.current.openEvent && f) || r.current.openEvent.type === "mousedown") ? o(!1, p.nativeEvent, "click") : (p.preventDefault(), o(!0, p.nativeEvent, "click"))));
+    },
+    onClick(p) {
+      const b = m.current;
+      if (c === "mousedown" && m.current) {
+        m.current = void 0;
+        return;
+      }
+      Qe(b) && a || (n && l && (!(r.current.openEvent && f) || r.current.openEvent.type === "click") ? o(!1, p.nativeEvent, "click") : o(!0, p.nativeEvent, "click"));
+    },
+    onKeyDown(p) {
+      m.current = void 0, !(p.defaultPrevented || !u || dt(p)) && (p.key === " " && !pt(i) && (p.preventDefault(), d.current = !0), !Go(p) && p.key === "Enter" && o(!(n && l), p.nativeEvent, "click"));
+    },
+    onKeyUp(p) {
+      p.defaultPrevented || !u || dt(p) || pt(i) || p.key === " " && d.current && (d.current = !1, o(!(n && l), p.nativeEvent, "click"));
+    }
+  }), [r, i, c, a, u, o, n, f, l]);
+  return g.useMemo(() => s ? {
+    reference: h
+  } : {}, [s, h]);
+}
+const Jo = {
+  pointerdown: "onPointerDown",
+  mousedown: "onMouseDown",
+  click: "onClick"
+}, Qo = {
+  pointerdown: "onPointerDownCapture",
+  mousedown: "onMouseDownCapture",
+  click: "onClickCapture"
+}, mt = (e) => {
+  var t, n;
+  return {
+    escapeKey: typeof e == "boolean" ? e : (t = e == null ? void 0 : e.escapeKey) != null ? t : !1,
+    outsidePress: typeof e == "boolean" ? e : (n = e == null ? void 0 : e.outsidePress) != null ? n : !0
+  };
+};
+function er(e, t) {
+  t === void 0 && (t = {});
+  const {
+    open: n,
+    onOpenChange: o,
+    elements: r,
+    dataRef: i
+  } = e, {
+    enabled: s = !0,
+    escapeKey: c = !0,
+    outsidePress: l = !0,
+    outsidePressEvent: a = "pointerdown",
+    referencePress: u = !1,
+    referencePressEvent: f = "pointerdown",
+    ancestorScroll: m = !1,
+    bubbles: d,
+    capture: h
+  } = t, p = $t(), b = ne(typeof l == "function" ? l : () => !1), y = typeof l == "function" ? b : l, w = g.useRef(!1), {
+    escapeKey: x,
+    outsidePress: E
+  } = mt(d), {
+    escapeKey: C,
+    outsidePress: T
+  } = mt(h), k = g.useRef(!1), F = ne((R) => {
+    var M;
+    if (!n || !s || !c || R.key !== "Escape" || k.current)
+      return;
+    const O = (M = i.current.floatingContext) == null ? void 0 : M.nodeId, P = p ? fe(p.nodesRef.current, O) : [];
+    if (!x && (R.stopPropagation(), P.length > 0)) {
+      let v = !0;
+      if (P.forEach((A) => {
+        var I;
+        if ((I = A.context) != null && I.open && !A.context.dataRef.current.__escapeKeyBubbles) {
+          v = !1;
+          return;
+        }
+      }), !v)
+        return;
+    }
+    o(!1, qn(R) ? R.nativeEvent : R, "escape-key");
+  }), $ = ne((R) => {
+    var M;
+    const O = () => {
+      var P;
+      F(R), (P = se(R)) == null || P.removeEventListener("keydown", O);
+    };
+    (M = se(R)) == null || M.addEventListener("keydown", O);
+  }), S = ne((R) => {
+    var M;
+    const O = i.current.insideReactTree;
+    i.current.insideReactTree = !1;
+    const P = w.current;
+    if (w.current = !1, a === "click" && P || O || typeof y == "function" && !y(R))
+      return;
+    const v = se(R), A = "[" + Ke("inert") + "]", I = le(r.floating).querySelectorAll(A);
+    let z = D(v) ? v : null;
+    for (; z && !q(z); ) {
+      const N = Y(z);
+      if (q(N) || !D(N))
+        break;
+      z = N;
+    }
+    if (I.length && D(v) && !Kn(v) && // Clicked on a direct ancestor (e.g. FloatingOverlay).
+    !Be(v, r.floating) && // If the target root element contains none of the markers, then the
+    // element was injected after the floating element rendered.
+    Array.from(I).every((N) => !Be(z, N)))
+      return;
+    if (L(v) && V) {
+      const N = q(v), U = W(v), ie = /auto|scroll/, Ut = N || ie.test(U.overflowX), jt = N || ie.test(U.overflowY), qt = Ut && v.clientWidth > 0 && v.scrollWidth > v.clientWidth, Yt = jt && v.clientHeight > 0 && v.scrollHeight > v.clientHeight, Xt = U.direction === "rtl", zt = Yt && (Xt ? R.offsetX <= v.offsetWidth - v.clientWidth : R.offsetX > v.clientWidth), Gt = qt && R.offsetY > v.clientHeight;
+      if (zt || Gt)
+        return;
+    }
+    const je = (M = i.current.floatingContext) == null ? void 0 : M.nodeId, Kt = p && fe(p.nodesRef.current, je).some((N) => {
+      var U;
+      return Ae(R, (U = N.context) == null ? void 0 : U.elements.floating);
+    });
+    if (Ae(R, r.floating) || Ae(R, r.domReference) || Kt)
+      return;
+    const qe = p ? fe(p.nodesRef.current, je) : [];
+    if (qe.length > 0) {
+      let N = !0;
+      if (qe.forEach((U) => {
+        var ie;
+        if ((ie = U.context) != null && ie.open && !U.context.dataRef.current.__outsidePressBubbles) {
+          N = !1;
+          return;
+        }
+      }), !N)
+        return;
+    }
+    o(!1, R, "outside-press");
+  }), _ = ne((R) => {
+    var M;
+    const O = () => {
+      var P;
+      S(R), (P = se(R)) == null || P.removeEventListener(a, O);
+    };
+    (M = se(R)) == null || M.addEventListener(a, O);
+  });
+  g.useEffect(() => {
+    if (!n || !s)
+      return;
+    i.current.__escapeKeyBubbles = x, i.current.__outsidePressBubbles = E;
+    let R = -1;
+    function M(I) {
+      o(!1, I, "ancestor-scroll");
+    }
+    function O() {
+      window.clearTimeout(R), k.current = !0;
+    }
+    function P() {
+      R = window.setTimeout(
+        () => {
+          k.current = !1;
+        },
+        // 0ms or 1ms don't work in Safari. 5ms appears to consistently work.
+        // Only apply to WebKit for the test to remain 0ms.
+        Re() ? 5 : 0
+      );
+    }
+    const v = le(r.floating);
+    c && (v.addEventListener("keydown", C ? $ : F, C), v.addEventListener("compositionstart", O), v.addEventListener("compositionend", P)), y && v.addEventListener(a, T ? _ : S, T);
+    let A = [];
+    return m && (D(r.domReference) && (A = Z(r.domReference)), D(r.floating) && (A = A.concat(Z(r.floating))), !D(r.reference) && r.reference && r.reference.contextElement && (A = A.concat(Z(r.reference.contextElement)))), A = A.filter((I) => {
+      var z;
+      return I !== ((z = v.defaultView) == null ? void 0 : z.visualViewport);
+    }), A.forEach((I) => {
+      I.addEventListener("scroll", M, {
+        passive: !0
+      });
+    }), () => {
+      c && (v.removeEventListener("keydown", C ? $ : F, C), v.removeEventListener("compositionstart", O), v.removeEventListener("compositionend", P)), y && v.removeEventListener(a, T ? _ : S, T), A.forEach((I) => {
+        I.removeEventListener("scroll", M);
+      }), window.clearTimeout(R);
+    };
+  }, [i, r, c, y, a, n, o, m, s, x, E, F, C, $, S, T, _]), g.useEffect(() => {
+    i.current.insideReactTree = !1;
+  }, [i, y, a]);
+  const X = g.useMemo(() => ({
+    onKeyDown: F,
+    ...u && {
+      [Jo[f]]: (R) => {
+        o(!1, R.nativeEvent, "reference-press");
+      },
+      ...f !== "click" && {
+        onClick(R) {
+          o(!1, R.nativeEvent, "reference-press");
+        }
+      }
+    }
+  }), [F, o, u, f]), V = g.useMemo(() => ({
+    onKeyDown: F,
+    onMouseDown() {
+      w.current = !0;
+    },
+    onMouseUp() {
+      w.current = !0;
+    },
+    [Qo[a]]: () => {
+      i.current.insideReactTree = !0;
+    }
+  }), [F, a, i]);
+  return g.useMemo(() => s ? {
+    reference: X,
+    floating: V
+  } : {}, [s, X, V]);
+}
+function tr(e) {
+  const {
+    open: t = !1,
+    onOpenChange: n,
+    elements: o
+  } = e, r = He(), i = g.useRef({}), [s] = g.useState(() => Ho()), c = Bt() != null;
+  if (process.env.NODE_ENV !== "production") {
+    const d = o.reference;
+    d && !D(d) && Wo("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
+  }
+  const [l, a] = g.useState(o.reference), u = ne((d, h, p) => {
+    i.current.openEvent = d ? h : void 0, s.emit("openchange", {
+      open: d,
+      event: h,
+      reason: p,
+      nested: c
+    }), n == null || n(d, h, p);
+  }), f = g.useMemo(() => ({
+    setPositionReference: a
+  }), []), m = g.useMemo(() => ({
+    reference: l || o.reference || null,
+    floating: o.floating || null,
+    domReference: o.reference
+  }), [l, o.reference, o.floating]);
+  return g.useMemo(() => ({
+    dataRef: i,
+    open: t,
+    onOpenChange: u,
+    elements: m,
+    events: s,
+    floatingId: r,
+    refs: f
+  }), [t, u, m, s, r, f]);
+}
+function nr(e) {
+  e === void 0 && (e = {});
+  const {
+    nodeId: t
+  } = e, n = tr({
+    ...e,
+    elements: {
+      reference: null,
+      floating: null,
+      ...e.elements
+    }
+  }), o = e.rootContext || n, r = o.elements, [i, s] = g.useState(null), [c, l] = g.useState(null), u = (r == null ? void 0 : r.domReference) || i, f = g.useRef(null), m = $t();
+  Q(() => {
+    u && (f.current = u);
+  }, [u]);
+  const d = Mo({
+    ...e,
+    elements: {
+      ...r,
+      ...c && {
+        reference: c
+      }
+    }
+  }), h = g.useCallback((x) => {
+    const E = D(x) ? {
+      getBoundingClientRect: () => x.getBoundingClientRect(),
+      getClientRects: () => x.getClientRects(),
+      contextElement: x
+    } : x;
+    l(E), d.refs.setReference(E);
+  }, [d.refs]), p = g.useCallback((x) => {
+    (D(x) || x === null) && (f.current = x, s(x)), (D(d.refs.reference.current) || d.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.
+    x !== null && !D(x)) && d.refs.setReference(x);
+  }, [d.refs]), b = g.useMemo(() => ({
+    ...d.refs,
+    setReference: p,
+    setPositionReference: h,
+    domReference: f
+  }), [d.refs, p, h]), y = g.useMemo(() => ({
+    ...d.elements,
+    domReference: u
+  }), [d.elements, u]), w = g.useMemo(() => ({
+    ...d,
+    ...o,
+    refs: b,
+    elements: y,
+    nodeId: t
+  }), [d, b, y, t, o]);
+  return Q(() => {
+    o.dataRef.current.floatingContext = w;
+    const x = m == null ? void 0 : m.nodesRef.current.find((E) => E.id === t);
+    x && (x.context = w);
+  }), g.useMemo(() => ({
+    ...d,
+    context: w,
+    refs: b,
+    elements: y
+  }), [d, b, y, w]);
+}
+function De(e, t, n) {
+  const o = /* @__PURE__ */ new Map(), r = n === "item";
+  let i = e;
+  if (r && e) {
+    const {
+      [st]: s,
+      [ct]: c,
+      ...l
+    } = e;
+    i = l;
+  }
+  return {
+    ...n === "floating" && {
+      tabIndex: -1,
+      [No]: ""
+    },
+    ...i,
+    ...t.map((s) => {
+      const c = s ? s[n] : null;
+      return typeof c == "function" ? e ? c(e) : null : c;
+    }).concat(e).reduce((s, c) => (c && Object.entries(c).forEach((l) => {
+      let [a, u] = l;
+      if (!(r && [st, ct].includes(a)))
+        if (a.indexOf("on") === 0) {
+          if (o.has(a) || o.set(a, []), typeof u == "function") {
+            var f;
+            (f = o.get(a)) == null || f.push(u), s[a] = function() {
+              for (var m, d = arguments.length, h = new Array(d), p = 0; p < d; p++)
+                h[p] = arguments[p];
+              return (m = o.get(a)) == null ? void 0 : m.map((b) => b(...h)).find((b) => b !== void 0);
+            };
+          }
+        } else
+          s[a] = u;
+    }), s), {})
+  };
+}
+function or(e) {
+  e === void 0 && (e = []);
+  const t = e.map((c) => c == null ? void 0 : c.reference), n = e.map((c) => c == null ? void 0 : c.floating), o = e.map((c) => c == null ? void 0 : c.item), r = g.useCallback(
+    (c) => De(c, e, "reference"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  ), i = g.useCallback(
+    (c) => De(c, e, "floating"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    n
+  ), s = g.useCallback(
+    (c) => De(c, e, "item"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    o
+  );
+  return g.useMemo(() => ({
+    getReferenceProps: r,
+    getFloatingProps: i,
+    getItemProps: s
+  }), [r, i, s]);
+}
+const rr = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
+function ir(e, t) {
+  var n, o;
+  t === void 0 && (t = {});
+  const {
+    open: r,
+    elements: i,
+    floatingId: s
+  } = e, {
+    enabled: c = !0,
+    role: l = "dialog"
+  } = t, a = He(), u = ((n = i.domReference) == null ? void 0 : n.id) || a, f = g.useMemo(() => {
+    var w;
+    return ((w = jn(i.floating)) == null ? void 0 : w.id) || s;
+  }, [i.floating, s]), m = (o = rr.get(l)) != null ? o : l, h = Bt() != null, p = g.useMemo(() => m === "tooltip" || l === "label" ? {
+    ["aria-" + (l === "label" ? "labelledby" : "describedby")]: r ? f : void 0
+  } : {
+    "aria-expanded": r ? "true" : "false",
+    "aria-haspopup": m === "alertdialog" ? "dialog" : m,
+    "aria-controls": r ? f : void 0,
+    ...m === "listbox" && {
+      role: "combobox"
+    },
+    ...m === "menu" && {
+      id: u
+    },
+    ...m === "menu" && h && {
+      role: "menuitem"
+    },
+    ...l === "select" && {
+      "aria-autocomplete": "none"
+    },
+    ...l === "combobox" && {
+      "aria-autocomplete": "list"
+    }
+  }, [m, f, h, r, u, l]), b = g.useMemo(() => {
+    const w = {
+      id: f,
+      ...m && {
+        role: m
+      }
+    };
+    return m === "tooltip" || l === "label" ? w : {
+      ...w,
+      ...m === "menu" && {
+        "aria-labelledby": u
+      }
+    };
+  }, [m, f, u, l]), y = g.useCallback((w) => {
+    let {
+      active: x,
+      selected: E
+    } = w;
+    const C = {
+      role: "option",
+      ...x && {
+        id: f + "-fui-option"
+      }
+    };
+    switch (l) {
+      case "select":
+      case "combobox":
+        return {
+          ...C,
+          "aria-selected": E
+        };
+    }
+    return {};
+  }, [f, l]);
+  return g.useMemo(() => c ? {
+    reference: p,
+    floating: b,
+    item: y
+  } : {}, [c, p, b, y]);
+}
+function Vt(e) {
+  var t, n, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var r = e.length;
+    for (t = 0; t < r; t++) e[t] && (n = Vt(e[t])) && (o && (o += " "), o += n);
+  } else for (n in e) e[n] && (o && (o += " "), o += n);
+  return o;
+}
+function sr() {
+  for (var e, t, n = 0, o = "", r = arguments.length; n < r; n++) (e = arguments[n]) && (t = Vt(e)) && (o && (o += " "), o += t);
+  return o;
+}
+const Ue = ({
+  ref: e,
+  as: t = "div",
+  children: n,
+  display: o,
+  m: r,
+  mt: i,
+  mr: s,
+  mb: c,
+  ml: l,
+  p: a,
+  pt: u,
+  pr: f,
+  pb: m,
+  pl: d,
+  width: h,
+  height: p,
+  position: b,
+  style: y,
+  className: w,
+  href: x,
+  target: E,
+  rel: C,
+  htmlFor: T,
+  type: k,
+  disabled: F,
+  ...$
+}) => {
+  const S = {};
+  o && (S.display = o), h && (S.width = h), p && (S.height = p), b && (S.position = b), r && (S.margin = `var(--pittorica-space-${r})`), i && (S.marginTop = `var(--pittorica-space-${i})`), s && (S.marginRight = `var(--pittorica-space-${s})`), c && (S.marginBottom = `var(--pittorica-space-${c})`), l && (S.marginLeft = `var(--pittorica-space-${l})`), a && (S.padding = `var(--pittorica-space-${a})`), u && (S.paddingTop = `var(--pittorica-space-${u})`), f && (S.paddingRight = `var(--pittorica-space-${f})`), m && (S.paddingBottom = `var(--pittorica-space-${m})`), d && (S.paddingLeft = `var(--pittorica-space-${d})`);
+  const _ = {
+    ...y,
+    ...S
+  };
+  return /* @__PURE__ */ j(
+    t,
+    {
+      ref: e,
+      className: sr("pittorica-box", w),
+      style: _,
+      href: x,
+      target: E,
+      rel: C,
+      htmlFor: T,
+      type: k,
+      disabled: F,
+      ...$,
+      children: n
+    }
+  );
+};
+Ue.displayName = "Box";
+const Wt = Jt(null), Ht = () => {
+  const e = tn(Wt);
+  if (!e)
+    throw new Error("Popover components must be wrapped in <Popover />");
+  return e;
+}, cr = ({ children: e, placement: t = "bottom" }) => {
+  const [n, o] = Qt(!1), { refs: r, floatingStyles: i, context: s } = nr({
+    open: n,
+    onOpenChange: o,
+    placement: t,
+    whileElementsMounted: Co,
+    middleware: [ko(8), Lo(), Fo({ padding: 5 })]
+  }), c = Zo(s), l = er(s), a = ir(s), { getReferenceProps: u, getFloatingProps: f } = or([
+    c,
+    l,
+    a
+  ]), m = en(
+    () => ({
+      isOpen: n,
+      setIsOpen: o,
+      refs: r,
+      floatingStyles: i,
+      getReferenceProps: u,
+      getFloatingProps: f
+    }),
+    [n, r, i, u, f]
+  );
+  return /* @__PURE__ */ j(Wt, { value: m, children: e });
+}, lr = ({
+  children: e,
+  ref: t
+}) => {
+  const { refs: n, getReferenceProps: o } = Ht(), r = (i) => {
+    n.setReference(i), t && (typeof t == "function" ? t(i) : t.current = i);
+  };
+  return /* @__PURE__ */ j(
+    Ue,
+    {
+      as: "span",
+      display: "inline-flex",
+      ...o(),
+      ref: r,
+      children: e
+    }
+  );
+}, ar = ({
+  children: e,
+  className: t,
+  ref: n,
+  ...o
+}) => {
+  const { isOpen: r, refs: i, floatingStyles: s, getFloatingProps: c } = Ht();
+  if (!r) return null;
+  const l = (a) => {
+    i.setFloating(a), n && (typeof n == "function" ? n(a) : n.current = a);
+  };
+  return /* @__PURE__ */ j(Xo, { children: /* @__PURE__ */ j(
+    Ue,
+    {
+      ...o,
+      ...c(),
+      ref: l,
+      className: nn("pittorica-popover-content", t),
+      style: { ...s, ...o.style },
+      children: e
+    }
+  ) });
+};
+cr.displayName = "Popover";
+lr.displayName = "PopoverTrigger";
+ar.displayName = "PopoverContent";
+export {
+  cr as Popover,
+  ar as PopoverContent,
+  lr as PopoverTrigger
+};