1mpacto-react-ui 0.0.6 → 0.0.8

package/dist/index.es31.js

@@ -0,0 +1,1103 @@
+import * as c from "react";
+import { useLayoutEffect as rt, useEffect as ot, useRef as st } from "react";
+import { isTypeableCombobox as ct, getDocument as G, activeElement as ee, contains as W, isVirtualClick as ut, isVirtualPointerEvent as it, isMouseLikePointerType as Oe, isSafari as lt, stopEvent as he, getTarget as ne, isTypeableElement as at, isReactEvent as ft, isRootElement as dt, isEventTargetWithin as xe } from "./index.es76.js";
+import { isHTMLElement as re, isElement as j, getOverflowAncestors as Ce, getNodeName as Ye, isLastTraversableNode as De, getParentNode as mt, getComputedStyle as pt } from "./index.es77.js";
+import { isTabbable as bt, tabbable as Re } from "./index.es78.js";
+import * as vt from "react-dom";
+import { useFloating as gt } from "./index.es33.js";
+import { autoPlacement as rn, flip as on, offset as sn, shift as cn } from "./index.es33.js";
+const Xe = {
+  ...c
+}, Et = Xe.useInsertionEffect, Rt = Et || ((e) => e());
+function Q(e) {
+  const n = c.useRef(() => {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("Cannot call an event handler while rendering.");
+  });
+  return Rt(() => {
+    n.current = e;
+  }), c.useCallback(function() {
+    for (var r = arguments.length, t = new Array(r), o = 0; o < r; o++)
+      t[o] = arguments[o];
+    return n.current == null ? void 0 : n.current(...t);
+  }, []);
+}
+let Ae = 0;
+function z(e, n) {
+  n === void 0 && (n = {});
+  const {
+    preventScroll: r = !1,
+    cancelPrevious: t = !0,
+    sync: o = !1
+  } = n;
+  t && cancelAnimationFrame(Ae);
+  const s = () => e == null ? void 0 : e.focus({
+    preventScroll: r
+  });
+  o ? s() : Ae = requestAnimationFrame(s);
+}
+var B = typeof document < "u" ? rt : ot;
+function ge() {
+  return ge = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var r = arguments[n];
+      for (var t in r)
+        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, ge.apply(this, arguments);
+}
+let Ne = !1, yt = 0;
+const _e = () => (
+  // Ensure the id is unique with multiple independent versions of Floating UI
+  // on <React 18
+  "floating-ui-" + Math.random().toString(36).slice(2, 6) + yt++
+);
+function ht() {
+  const [e, n] = c.useState(() => Ne ? _e() : void 0);
+  return B(() => {
+    e == null && n(_e());
+  }, []), c.useEffect(() => {
+    Ne = !0;
+  }, []), e;
+}
+const xt = Xe.useId, Fe = xt || ht;
+let Pe;
+process.env.NODE_ENV !== "production" && (Pe = /* @__PURE__ */ new Set());
+function Ct() {
+  for (var e, n = arguments.length, r = new Array(n), t = 0; t < n; t++)
+    r[t] = arguments[t];
+  const o = "Floating UI: " + r.join(" ");
+  if (!((e = Pe) != null && e.has(o))) {
+    var s;
+    (s = Pe) == null || s.add(o), console.error(o);
+  }
+}
+function Tt() {
+  const e = /* @__PURE__ */ new Map();
+  return {
+    emit(n, r) {
+      var t;
+      (t = e.get(n)) == null || t.forEach((o) => o(r));
+    },
+    on(n, r) {
+      e.set(n, [...e.get(n) || [], r]);
+    },
+    off(n, r) {
+      var t;
+      e.set(n, ((t = e.get(n)) == null ? void 0 : t.filter((o) => o !== r)) || []);
+    }
+  };
+}
+const wt = /* @__PURE__ */ c.createContext(null), It = /* @__PURE__ */ c.createContext(null), Ze = () => {
+  var e;
+  return ((e = c.useContext(wt)) == null ? void 0 : e.id) || null;
+}, Se = () => c.useContext(It);
+function fe(e) {
+  return "data-floating-ui-" + e;
+}
+function oe(e) {
+  const n = st(e);
+  return B(() => {
+    n.current = e;
+  }), n;
+}
+function Pt(e, n) {
+  var r;
+  let t = [], o = (r = e.find((s) => s.id === n)) == null ? void 0 : r.parentId;
+  for (; o; ) {
+    const s = e.find((u) => u.id === o);
+    o = s == null ? void 0 : s.parentId, s && (t = t.concat(s));
+  }
+  return t;
+}
+function le(e, n) {
+  let r = e.filter((o) => {
+    var s;
+    return o.parentId === n && ((s = o.context) == null ? void 0 : s.open);
+  }), t = r;
+  for (; t.length; )
+    t = e.filter((o) => {
+      var s;
+      return (s = t) == null ? void 0 : s.some((u) => {
+        var l;
+        return o.parentId === u.id && ((l = o.context) == null ? void 0 : l.open);
+      });
+    }), r = r.concat(t);
+  return r;
+}
+let ce = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakSet(), ve = {}, Te = 0;
+const Ft = () => typeof HTMLElement < "u" && "inert" in HTMLElement.prototype, Je = (e) => e && (e.host || Je(e.parentNode)), St = (e, n) => n.map((r) => {
+  if (e.contains(r))
+    return r;
+  const t = Je(r);
+  return e.contains(t) ? t : null;
+}).filter((r) => r != null);
+function kt(e, n, r, t) {
+  const o = "data-floating-ui-inert", s = t ? "inert" : r ? "aria-hidden" : null, u = St(n, e), l = /* @__PURE__ */ new Set(), d = new Set(u), f = [];
+  ve[o] || (ve[o] = /* @__PURE__ */ new WeakMap());
+  const p = ve[o];
+  u.forEach(R), h(n), l.clear();
+  function R(a) {
+    !a || l.has(a) || (l.add(a), a.parentNode && R(a.parentNode));
+  }
+  function h(a) {
+    !a || d.has(a) || [].forEach.call(a.children, (i) => {
+      if (Ye(i) !== "script")
+        if (l.has(i))
+          h(i);
+        else {
+          const m = s ? i.getAttribute(s) : null, I = m !== null && m !== "false", S = (ce.get(i) || 0) + 1, A = (p.get(i) || 0) + 1;
+          ce.set(i, S), p.set(i, A), f.push(i), S === 1 && I && be.add(i), A === 1 && i.setAttribute(o, ""), !I && s && i.setAttribute(s, "true");
+        }
+    });
+  }
+  return Te++, () => {
+    f.forEach((a) => {
+      const i = (ce.get(a) || 0) - 1, m = (p.get(a) || 0) - 1;
+      ce.set(a, i), p.set(a, m), i || (!be.has(a) && s && a.removeAttribute(s), be.delete(a)), m || a.removeAttribute(o);
+    }), Te--, Te || (ce = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakSet(), ve = {});
+  };
+}
+function Le(e, n, r) {
+  n === void 0 && (n = !1), r === void 0 && (r = !1);
+  const t = G(e[0]).body;
+  return kt(e.concat(Array.from(t.querySelectorAll("[aria-live]"))), t, n, r);
+}
+const de = () => ({
+  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 Qe(e, n) {
+  const r = Re(e, de());
+  n === "prev" && r.reverse();
+  const t = r.indexOf(ee(G(e)));
+  return r.slice(t + 1)[0];
+}
+function ze() {
+  return Qe(document.body, "next");
+}
+function et() {
+  return Qe(document.body, "prev");
+}
+function ae(e, n) {
+  const r = n || e.currentTarget, t = e.relatedTarget;
+  return !t || !W(r, t);
+}
+function Mt(e) {
+  Re(e, de()).forEach((r) => {
+    r.dataset.tabindex = r.getAttribute("tabindex") || "", r.setAttribute("tabindex", "-1");
+  });
+}
+function Ot(e) {
+  e.querySelectorAll("[data-tabindex]").forEach((r) => {
+    const t = r.dataset.tabindex;
+    delete r.dataset.tabindex, t ? r.setAttribute("tabindex", t) : r.removeAttribute("tabindex");
+  });
+}
+const ke = {
+  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
+};
+let Dt;
+function Ke(e) {
+  e.key === "Tab" && (e.target, clearTimeout(Dt));
+}
+const Ee = /* @__PURE__ */ c.forwardRef(function(n, r) {
+  const [t, o] = c.useState();
+  B(() => (lt() && o("button"), document.addEventListener("keydown", Ke), () => {
+    document.removeEventListener("keydown", Ke);
+  }), []);
+  const s = {
+    ref: r,
+    tabIndex: 0,
+    // Role is only for VoiceOver
+    role: t,
+    "aria-hidden": t ? void 0 : !0,
+    [fe("focus-guard")]: "",
+    style: ke
+  };
+  return /* @__PURE__ */ c.createElement("span", ge({}, n, s));
+}), tt = /* @__PURE__ */ c.createContext(null), $e = /* @__PURE__ */ fe("portal");
+function At(e) {
+  e === void 0 && (e = {});
+  const {
+    id: n,
+    root: r
+  } = e, t = Fe(), o = nt(), [s, u] = c.useState(null), l = c.useRef(null);
+  return B(() => () => {
+    s == null || s.remove(), queueMicrotask(() => {
+      l.current = null;
+    });
+  }, [s]), B(() => {
+    if (!t || l.current) return;
+    const d = n ? document.getElementById(n) : null;
+    if (!d) return;
+    const f = document.createElement("div");
+    f.id = t, f.setAttribute($e, ""), d.appendChild(f), l.current = f, u(f);
+  }, [n, t]), B(() => {
+    if (!t || l.current) return;
+    let d = r || (o == null ? void 0 : o.portalNode);
+    d && !j(d) && (d = d.current), d = d || document.body;
+    let f = null;
+    n && (f = document.createElement("div"), f.id = n, d.appendChild(f));
+    const p = document.createElement("div");
+    p.id = t, p.setAttribute($e, ""), d = f || d, d.appendChild(p), l.current = p, u(p);
+  }, [n, r, t, o]), s;
+}
+function Gt(e) {
+  const {
+    children: n,
+    id: r,
+    root: t = null,
+    preserveTabOrder: o = !0
+  } = e, s = At({
+    id: r,
+    root: t
+  }), [u, l] = c.useState(null), d = c.useRef(null), f = c.useRef(null), p = c.useRef(null), R = c.useRef(null), h = (
+    // The FocusManager and therefore floating element are currently open/
+    // rendered.
+    !!u && // Guards are only for non-modal focus management.
+    !u.modal && // Don't render if unmount is transitioning.
+    u.open && o && !!(t || s)
+  );
+  return c.useEffect(() => {
+    if (!s || !o || u != null && u.modal)
+      return;
+    function a(i) {
+      s && ae(i) && (i.type === "focusin" ? Ot : Mt)(s);
+    }
+    return s.addEventListener("focusin", a, !0), s.addEventListener("focusout", a, !0), () => {
+      s.removeEventListener("focusin", a, !0), s.removeEventListener("focusout", a, !0);
+    };
+  }, [s, o, u == null ? void 0 : u.modal]), /* @__PURE__ */ c.createElement(tt.Provider, {
+    value: c.useMemo(() => ({
+      preserveTabOrder: o,
+      beforeOutsideRef: d,
+      afterOutsideRef: f,
+      beforeInsideRef: p,
+      afterInsideRef: R,
+      portalNode: s,
+      setFocusManagerState: l
+    }), [o, s])
+  }, h && s && /* @__PURE__ */ c.createElement(Ee, {
+    "data-type": "outside",
+    ref: d,
+    onFocus: (a) => {
+      if (ae(a, s)) {
+        var i;
+        (i = p.current) == null || i.focus();
+      } else {
+        const m = et() || (u == null ? void 0 : u.refs.domReference.current);
+        m == null || m.focus();
+      }
+    }
+  }), h && s && /* @__PURE__ */ c.createElement("span", {
+    "aria-owns": s.id,
+    style: ke
+  }), s && /* @__PURE__ */ vt.createPortal(n, s), h && s && /* @__PURE__ */ c.createElement(Ee, {
+    "data-type": "outside",
+    ref: f,
+    onFocus: (a) => {
+      if (ae(a, s)) {
+        var i;
+        (i = R.current) == null || i.focus();
+      } else {
+        const m = ze() || (u == null ? void 0 : u.refs.domReference.current);
+        m == null || m.focus(), u != null && u.closeOnFocusOut && (u == null || u.onOpenChange(!1, a.nativeEvent));
+      }
+    }
+  }));
+}
+const nt = () => c.useContext(tt), Ve = 20;
+let te = [];
+function we(e) {
+  te = te.filter((r) => r.isConnected);
+  let n = e;
+  if (!(!n || Ye(n) === "body")) {
+    if (!bt(n, de())) {
+      const r = Re(n, de())[0];
+      r && (n = r);
+    }
+    te.push(n), te.length > Ve && (te = te.slice(-Ve));
+  }
+}
+function Be() {
+  return te.slice().reverse().find((e) => e.isConnected);
+}
+const Nt = /* @__PURE__ */ c.forwardRef(function(n, r) {
+  return /* @__PURE__ */ c.createElement("button", ge({}, n, {
+    type: "button",
+    ref: r,
+    tabIndex: -1,
+    style: ke
+  }));
+});
+function Yt(e) {
+  const {
+    context: n,
+    children: r,
+    disabled: t = !1,
+    order: o = ["content"],
+    guards: s = !0,
+    initialFocus: u = 0,
+    returnFocus: l = !0,
+    restoreFocus: d = !1,
+    modal: f = !0,
+    visuallyHiddenDismiss: p = !1,
+    closeOnFocusOut: R = !0
+  } = e, {
+    open: h,
+    refs: a,
+    nodeId: i,
+    onOpenChange: m,
+    events: I,
+    dataRef: S,
+    floatingId: A,
+    elements: {
+      domReference: g,
+      floating: x
+    }
+  } = n, q = typeof u == "number" && u < 0, N = ct(g) && q, $ = Ft() ? s : !0, O = oe(o), V = oe(u), Y = oe(l), U = Se(), w = nt(), se = c.useRef(null), C = c.useRef(null), P = c.useRef(!1), k = c.useRef(!1), M = c.useRef(-1), F = w != null, Z = x == null ? void 0 : x.firstElementChild, y = (Z == null ? void 0 : Z.id) === A ? Z : x, L = Q(function(b) {
+    return b === void 0 && (b = y), b ? Re(b, de()) : [];
+  }), X = Q((b) => {
+    const E = L(b);
+    return O.current.map((v) => g && v === "reference" ? g : y && v === "floating" ? y : E).filter(Boolean).flat();
+  });
+  c.useEffect(() => {
+    if (t || !f) return;
+    function b(v) {
+      if (v.key === "Tab") {
+        W(y, ee(G(y))) && L().length === 0 && !N && he(v);
+        const T = X(), D = ne(v);
+        O.current[0] === "reference" && D === g && (he(v), v.shiftKey ? z(T[T.length - 1]) : z(T[1])), O.current[1] === "floating" && D === y && v.shiftKey && (he(v), z(T[0]));
+      }
+    }
+    const E = G(y);
+    return E.addEventListener("keydown", b), () => {
+      E.removeEventListener("keydown", b);
+    };
+  }, [t, g, y, f, O, N, L, X]), c.useEffect(() => {
+    if (t || !x) return;
+    function b(E) {
+      const v = ne(E), D = L().indexOf(v);
+      D !== -1 && (M.current = D);
+    }
+    return x.addEventListener("focusin", b), () => {
+      x.removeEventListener("focusin", b);
+    };
+  }, [t, x, L]), c.useEffect(() => {
+    if (t || !R) return;
+    function b() {
+      k.current = !0, setTimeout(() => {
+        k.current = !1;
+      });
+    }
+    function E(v) {
+      const T = v.relatedTarget;
+      queueMicrotask(() => {
+        const D = !(W(g, T) || W(x, T) || W(T, x) || W(w == null ? void 0 : w.portalNode, T) || T != null && T.hasAttribute(fe("focus-guard")) || U && (le(U.nodesRef.current, i).find((K) => {
+          var _, H;
+          return W((_ = K.context) == null ? void 0 : _.elements.floating, T) || W((H = K.context) == null ? void 0 : H.elements.domReference, T);
+        }) || Pt(U.nodesRef.current, i).find((K) => {
+          var _, H;
+          return ((_ = K.context) == null ? void 0 : _.elements.floating) === T || ((H = K.context) == null ? void 0 : H.elements.domReference) === T;
+        })));
+        if (d && D && ee(G(y)) === G(y).body) {
+          re(y) && (y == null || y.focus());
+          const K = M.current, _ = L(), H = _[K] || _[_.length - 1] || y;
+          re(H) && H.focus();
+        }
+        (N || !f) && T && D && !k.current && // Fix React 18 Strict Mode returnFocus due to double rendering.
+        T !== Be() && (P.current = !0, m(!1, v));
+      });
+    }
+    if (x && re(g))
+      return g.addEventListener("focusout", E), g.addEventListener("pointerdown", b), x.addEventListener("focusout", E), () => {
+        g.removeEventListener("focusout", E), g.removeEventListener("pointerdown", b), x.removeEventListener("focusout", E);
+      };
+  }, [t, g, x, y, f, i, U, w, m, R, d, L, N]), c.useEffect(() => {
+    var b;
+    if (t) return;
+    const E = Array.from((w == null || (b = w.portalNode) == null ? void 0 : b.querySelectorAll("[" + fe("portal") + "]")) || []);
+    if (x) {
+      const v = [x, ...E, se.current, C.current, O.current.includes("reference") || N ? g : null].filter((D) => D != null), T = f || N ? Le(v, $, !$) : Le(v);
+      return () => {
+        T();
+      };
+    }
+  }, [t, g, x, f, O, w, N, $]), B(() => {
+    if (t || !re(y)) return;
+    const b = G(y), E = ee(b);
+    queueMicrotask(() => {
+      const v = X(y), T = V.current, D = (typeof T == "number" ? v[T] : T.current) || y, K = W(y, E);
+      !q && !K && h && z(D, {
+        preventScroll: D === y
+      });
+    });
+  }, [t, h, y, q, X, V]), B(() => {
+    if (t || !y) return;
+    let b = !1;
+    const E = G(y), v = ee(E);
+    let D = S.current.openEvent;
+    we(v);
+    function K(_) {
+      let {
+        open: H,
+        reason: pe,
+        event: J,
+        nested: ye
+      } = _;
+      H && (D = J), pe === "escape-key" && a.domReference.current && we(a.domReference.current), pe === "hover" && J.type === "mouseleave" && (P.current = !0), pe === "outside-press" && (ye ? (P.current = !1, b = !0) : P.current = !(ut(J) || it(J)));
+    }
+    return I.on("openchange", K), () => {
+      I.off("openchange", K);
+      const _ = ee(E), H = W(x, _) || U && le(U.nodesRef.current, i).some((ye) => {
+        var Me;
+        return W((Me = ye.context) == null ? void 0 : Me.elements.floating, _);
+      });
+      (H || D && ["click", "mousedown"].includes(D.type)) && a.domReference.current && we(a.domReference.current);
+      const J = Be();
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      Y.current && !P.current && re(J) && // If the focus moved somewhere else after mount, avoid returning focus
+      // since it likely entered a different element which should be
+      // respected: https://github.com/floating-ui/floating-ui/issues/2607
+      (!(J !== _ && _ !== E.body) || H) && z(J, {
+        // When dismissing nested floating elements, by the time the rAF has
+        // executed, the menus will all have been unmounted. When they try
+        // to get focused, the calls get ignored — leaving the root
+        // reference focused as desired.
+        cancelPrevious: !1,
+        preventScroll: b
+      });
+    };
+  }, [t, x, y, Y, S, a, I, U, i]), B(() => {
+    if (!t && w)
+      return w.setFocusManagerState({
+        modal: f,
+        closeOnFocusOut: R,
+        open: h,
+        onOpenChange: m,
+        refs: a
+      }), () => {
+        w.setFocusManagerState(null);
+      };
+  }, [t, w, f, h, m, a, R]), B(() => {
+    if (t || !y || typeof MutationObserver != "function" || q) return;
+    const b = () => {
+      const v = y.getAttribute("tabindex"), T = L(), D = ee(G(x)), K = T.indexOf(D);
+      K !== -1 && (M.current = K), O.current.includes("floating") || D !== a.domReference.current && T.length === 0 ? v !== "0" && y.setAttribute("tabindex", "0") : v !== "-1" && y.setAttribute("tabindex", "-1");
+    };
+    b();
+    const E = new MutationObserver(b);
+    return E.observe(y, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0
+    }), () => {
+      E.disconnect();
+    };
+  }, [t, x, y, a, O, L, q]);
+  function me(b) {
+    return t || !p || !f ? null : /* @__PURE__ */ c.createElement(Nt, {
+      ref: b === "start" ? se : C,
+      onClick: (E) => m(!1, E.nativeEvent)
+    }, typeof p == "string" ? p : "Dismiss");
+  }
+  const ie = !t && $ && (f ? !N : !0) && (F || f);
+  return /* @__PURE__ */ c.createElement(c.Fragment, null, ie && /* @__PURE__ */ c.createElement(Ee, {
+    "data-type": "inside",
+    ref: w == null ? void 0 : w.beforeInsideRef,
+    onFocus: (b) => {
+      if (f) {
+        const v = X();
+        z(o[0] === "reference" ? v[0] : v[v.length - 1]);
+      } else if (w != null && w.preserveTabOrder && w.portalNode)
+        if (P.current = !1, ae(b, w.portalNode)) {
+          const v = ze() || g;
+          v == null || v.focus();
+        } else {
+          var E;
+          (E = w.beforeOutsideRef.current) == null || E.focus();
+        }
+    }
+  }), !N && me("start"), r, me("end"), ie && /* @__PURE__ */ c.createElement(Ee, {
+    "data-type": "inside",
+    ref: w == null ? void 0 : w.afterInsideRef,
+    onFocus: (b) => {
+      if (f)
+        z(X()[0]);
+      else if (w != null && w.preserveTabOrder && w.portalNode)
+        if (R && (P.current = !0), ae(b, w.portalNode)) {
+          const v = et() || g;
+          v == null || v.focus();
+        } else {
+          var E;
+          (E = w.afterOutsideRef.current) == null || E.focus();
+        }
+    }
+  }));
+}
+function He(e) {
+  return re(e.target) && e.target.tagName === "BUTTON";
+}
+function We(e) {
+  return at(e);
+}
+function Xt(e, n) {
+  n === void 0 && (n = {});
+  const {
+    open: r,
+    onOpenChange: t,
+    dataRef: o,
+    elements: {
+      domReference: s
+    }
+  } = e, {
+    enabled: u = !0,
+    event: l = "click",
+    toggle: d = !0,
+    ignoreMouse: f = !1,
+    keyboardHandlers: p = !0
+  } = n, R = c.useRef(), h = c.useRef(!1), a = c.useMemo(() => ({
+    onPointerDown(i) {
+      R.current = i.pointerType;
+    },
+    onMouseDown(i) {
+      const m = R.current;
+      i.button === 0 && l !== "click" && (Oe(m) && f || (r && d && (!o.current.openEvent || o.current.openEvent.type === "mousedown") ? t(!1, i.nativeEvent, "click") : (i.preventDefault(), t(!0, i.nativeEvent, "click"))));
+    },
+    onClick(i) {
+      const m = R.current;
+      if (l === "mousedown" && R.current) {
+        R.current = void 0;
+        return;
+      }
+      Oe(m) && f || (r && d && (!o.current.openEvent || o.current.openEvent.type === "click") ? t(!1, i.nativeEvent, "click") : t(!0, i.nativeEvent, "click"));
+    },
+    onKeyDown(i) {
+      R.current = void 0, !(i.defaultPrevented || !p || He(i)) && (i.key === " " && !We(s) && (i.preventDefault(), h.current = !0), i.key === "Enter" && t(!(r && d), i.nativeEvent, "click"));
+    },
+    onKeyUp(i) {
+      i.defaultPrevented || !p || He(i) || We(s) || i.key === " " && h.current && (h.current = !1, t(!(r && d), i.nativeEvent, "click"));
+    }
+  }), [o, s, l, f, p, t, r, d]);
+  return c.useMemo(() => u ? {
+    reference: a
+  } : {}, [u, a]);
+}
+const _t = {
+  pointerdown: "onPointerDown",
+  mousedown: "onMouseDown",
+  click: "onClick"
+}, Lt = {
+  pointerdown: "onPointerDownCapture",
+  mousedown: "onMouseDownCapture",
+  click: "onClickCapture"
+}, qe = (e) => {
+  var n, r;
+  return {
+    escapeKey: typeof e == "boolean" ? e : (n = e == null ? void 0 : e.escapeKey) != null ? n : !1,
+    outsidePress: typeof e == "boolean" ? e : (r = e == null ? void 0 : e.outsidePress) != null ? r : !0
+  };
+};
+function Zt(e, n) {
+  n === void 0 && (n = {});
+  const {
+    open: r,
+    onOpenChange: t,
+    elements: o,
+    dataRef: s
+  } = e, {
+    enabled: u = !0,
+    escapeKey: l = !0,
+    outsidePress: d = !0,
+    outsidePressEvent: f = "pointerdown",
+    referencePress: p = !1,
+    referencePressEvent: R = "pointerdown",
+    ancestorScroll: h = !1,
+    bubbles: a,
+    capture: i
+  } = n, m = Se(), I = Q(typeof d == "function" ? d : () => !1), S = typeof d == "function" ? I : d, A = c.useRef(!1), g = c.useRef(!1), {
+    escapeKey: x,
+    outsidePress: q
+  } = qe(a), {
+    escapeKey: N,
+    outsidePress: $
+  } = qe(i), O = Q((C) => {
+    var P;
+    if (!r || !u || !l || C.key !== "Escape")
+      return;
+    const k = (P = s.current.floatingContext) == null ? void 0 : P.nodeId, M = m ? le(m.nodesRef.current, k) : [];
+    if (!x && (C.stopPropagation(), M.length > 0)) {
+      let F = !0;
+      if (M.forEach((Z) => {
+        var y;
+        if ((y = Z.context) != null && y.open && !Z.context.dataRef.current.__escapeKeyBubbles) {
+          F = !1;
+          return;
+        }
+      }), !F)
+        return;
+    }
+    t(!1, ft(C) ? C.nativeEvent : C, "escape-key");
+  }), V = Q((C) => {
+    var P;
+    const k = () => {
+      var M;
+      O(C), (M = ne(C)) == null || M.removeEventListener("keydown", k);
+    };
+    (P = ne(C)) == null || P.addEventListener("keydown", k);
+  }), Y = Q((C) => {
+    var P;
+    const k = A.current;
+    A.current = !1;
+    const M = g.current;
+    if (g.current = !1, f === "click" && M || k || typeof S == "function" && !S(C))
+      return;
+    const F = ne(C), Z = "[" + fe("inert") + "]", y = G(o.floating).querySelectorAll(Z);
+    let L = j(F) ? F : null;
+    for (; L && !De(L); ) {
+      const b = mt(L);
+      if (De(b) || !j(b))
+        break;
+      L = b;
+    }
+    if (y.length && j(F) && !dt(F) && // Clicked on a direct ancestor (e.g. FloatingOverlay).
+    !W(F, o.floating) && // If the target root element contains none of the markers, then the
+    // element was injected after the floating element rendered.
+    Array.from(y).every((b) => !W(L, b)))
+      return;
+    if (re(F) && se) {
+      const b = F.clientWidth > 0 && F.scrollWidth > F.clientWidth, E = F.clientHeight > 0 && F.scrollHeight > F.clientHeight;
+      let v = E && C.offsetX > F.clientWidth;
+      if (E && pt(F).direction === "rtl" && (v = C.offsetX <= F.offsetWidth - F.clientWidth), v || b && C.offsetY > F.clientHeight)
+        return;
+    }
+    const X = (P = s.current.floatingContext) == null ? void 0 : P.nodeId, me = m && le(m.nodesRef.current, X).some((b) => {
+      var E;
+      return xe(C, (E = b.context) == null ? void 0 : E.elements.floating);
+    });
+    if (xe(C, o.floating) || xe(C, o.domReference) || me)
+      return;
+    const ie = m ? le(m.nodesRef.current, X) : [];
+    if (ie.length > 0) {
+      let b = !0;
+      if (ie.forEach((E) => {
+        var v;
+        if ((v = E.context) != null && v.open && !E.context.dataRef.current.__outsidePressBubbles) {
+          b = !1;
+          return;
+        }
+      }), !b)
+        return;
+    }
+    t(!1, C, "outside-press");
+  }), U = Q((C) => {
+    var P;
+    const k = () => {
+      var M;
+      Y(C), (M = ne(C)) == null || M.removeEventListener(f, k);
+    };
+    (P = ne(C)) == null || P.addEventListener(f, k);
+  });
+  c.useEffect(() => {
+    if (!r || !u)
+      return;
+    s.current.__escapeKeyBubbles = x, s.current.__outsidePressBubbles = q;
+    function C(M) {
+      t(!1, M, "ancestor-scroll");
+    }
+    const P = G(o.floating);
+    l && P.addEventListener("keydown", N ? V : O, N), S && P.addEventListener(f, $ ? U : Y, $);
+    let k = [];
+    return h && (j(o.domReference) && (k = Ce(o.domReference)), j(o.floating) && (k = k.concat(Ce(o.floating))), !j(o.reference) && o.reference && o.reference.contextElement && (k = k.concat(Ce(o.reference.contextElement)))), k = k.filter((M) => {
+      var F;
+      return M !== ((F = P.defaultView) == null ? void 0 : F.visualViewport);
+    }), k.forEach((M) => {
+      M.addEventListener("scroll", C, {
+        passive: !0
+      });
+    }), () => {
+      l && P.removeEventListener("keydown", N ? V : O, N), S && P.removeEventListener(f, $ ? U : Y, $), k.forEach((M) => {
+        M.removeEventListener("scroll", C);
+      });
+    };
+  }, [s, o, l, S, f, r, t, h, u, x, q, O, N, V, Y, $, U]), c.useEffect(() => {
+    A.current = !1;
+  }, [S, f]);
+  const w = c.useMemo(() => ({
+    onKeyDown: O,
+    [_t[R]]: (C) => {
+      p && t(!1, C.nativeEvent, "reference-press");
+    }
+  }), [O, t, p, R]), se = c.useMemo(() => ({
+    onKeyDown: O,
+    onMouseDown() {
+      g.current = !0;
+    },
+    onMouseUp() {
+      g.current = !0;
+    },
+    [Lt[f]]: () => {
+      A.current = !0;
+    }
+  }), [O, f]);
+  return c.useMemo(() => u ? {
+    reference: w,
+    floating: se
+  } : {}, [u, w, se]);
+}
+function Kt(e) {
+  const {
+    open: n = !1,
+    onOpenChange: r,
+    elements: t
+  } = e, o = Fe(), s = c.useRef({}), [u] = c.useState(() => Tt()), l = Ze() != null;
+  if (process.env.NODE_ENV !== "production") {
+    const a = t.reference;
+    a && !j(a) && Ct("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
+  }
+  const [d, f] = c.useState(t.reference), p = Q((a, i, m) => {
+    s.current.openEvent = a ? i : void 0, u.emit("openchange", {
+      open: a,
+      event: i,
+      reason: m,
+      nested: l
+    }), r == null || r(a, i, m);
+  }), R = c.useMemo(() => ({
+    setPositionReference: f
+  }), []), h = c.useMemo(() => ({
+    reference: d || t.reference || null,
+    floating: t.floating || null,
+    domReference: t.reference
+  }), [d, t.reference, t.floating]);
+  return c.useMemo(() => ({
+    dataRef: s,
+    open: n,
+    onOpenChange: p,
+    elements: h,
+    events: u,
+    floatingId: o,
+    refs: R
+  }), [n, p, h, u, o, R]);
+}
+function Jt(e) {
+  e === void 0 && (e = {});
+  const {
+    nodeId: n
+  } = e, r = Kt({
+    ...e,
+    elements: {
+      reference: null,
+      floating: null,
+      ...e.elements
+    }
+  }), t = e.rootContext || r, o = t.elements, [s, u] = c.useState(null), [l, d] = c.useState(null), p = (o == null ? void 0 : o.reference) || s, R = c.useRef(null), h = Se();
+  B(() => {
+    p && (R.current = p);
+  }, [p]);
+  const a = gt({
+    ...e,
+    elements: {
+      ...o,
+      ...l && {
+        reference: l
+      }
+    }
+  }), i = c.useCallback((g) => {
+    const x = j(g) ? {
+      getBoundingClientRect: () => g.getBoundingClientRect(),
+      contextElement: g
+    } : g;
+    d(x), a.refs.setReference(x);
+  }, [a.refs]), m = c.useCallback((g) => {
+    (j(g) || g === null) && (R.current = g, u(g)), (j(a.refs.reference.current) || a.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.
+    g !== null && !j(g)) && a.refs.setReference(g);
+  }, [a.refs]), I = c.useMemo(() => ({
+    ...a.refs,
+    setReference: m,
+    setPositionReference: i,
+    domReference: R
+  }), [a.refs, m, i]), S = c.useMemo(() => ({
+    ...a.elements,
+    domReference: p
+  }), [a.elements, p]), A = c.useMemo(() => ({
+    ...a,
+    ...t,
+    refs: I,
+    elements: S,
+    nodeId: n
+  }), [a, I, S, n, t]);
+  return B(() => {
+    t.dataRef.current.floatingContext = A;
+    const g = h == null ? void 0 : h.nodesRef.current.find((x) => x.id === n);
+    g && (g.context = A);
+  }), c.useMemo(() => ({
+    ...a,
+    context: A,
+    refs: I,
+    elements: S
+  }), [a, I, S, A]);
+}
+const je = "active", Ue = "selected";
+function Ie(e, n, r) {
+  const t = /* @__PURE__ */ new Map(), o = r === "item";
+  let s = e;
+  if (o && e) {
+    const {
+      [je]: u,
+      [Ue]: l,
+      ...d
+    } = e;
+    s = d;
+  }
+  return {
+    ...r === "floating" && {
+      tabIndex: -1
+    },
+    ...s,
+    ...n.map((u) => {
+      const l = u ? u[r] : null;
+      return typeof l == "function" ? e ? l(e) : null : l;
+    }).concat(e).reduce((u, l) => (l && Object.entries(l).forEach((d) => {
+      let [f, p] = d;
+      if (!(o && [je, Ue].includes(f)))
+        if (f.indexOf("on") === 0) {
+          if (t.has(f) || t.set(f, []), typeof p == "function") {
+            var R;
+            (R = t.get(f)) == null || R.push(p), u[f] = function() {
+              for (var h, a = arguments.length, i = new Array(a), m = 0; m < a; m++)
+                i[m] = arguments[m];
+              return (h = t.get(f)) == null ? void 0 : h.map((I) => I(...i)).find((I) => I !== void 0);
+            };
+          }
+        } else
+          u[f] = p;
+    }), u), {})
+  };
+}
+function Qt(e) {
+  e === void 0 && (e = []);
+  const n = e.map((l) => l == null ? void 0 : l.reference), r = e.map((l) => l == null ? void 0 : l.floating), t = e.map((l) => l == null ? void 0 : l.item), o = c.useCallback(
+    (l) => Ie(l, e, "reference"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    n
+  ), s = c.useCallback(
+    (l) => Ie(l, e, "floating"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    r
+  ), u = c.useCallback(
+    (l) => Ie(l, e, "item"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  );
+  return c.useMemo(() => ({
+    getReferenceProps: o,
+    getFloatingProps: s,
+    getItemProps: u
+  }), [o, s, u]);
+}
+const $t = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
+function zt(e, n) {
+  var r;
+  n === void 0 && (n = {});
+  const {
+    open: t,
+    floatingId: o
+  } = e, {
+    enabled: s = !0,
+    role: u = "dialog"
+  } = n, l = (r = $t.get(u)) != null ? r : u, d = Fe(), p = Ze() != null, R = c.useMemo(() => l === "tooltip" || u === "label" ? {
+    ["aria-" + (u === "label" ? "labelledby" : "describedby")]: t ? o : void 0
+  } : {
+    "aria-expanded": t ? "true" : "false",
+    "aria-haspopup": l === "alertdialog" ? "dialog" : l,
+    "aria-controls": t ? o : void 0,
+    ...l === "listbox" && {
+      role: "combobox"
+    },
+    ...l === "menu" && {
+      id: d
+    },
+    ...l === "menu" && p && {
+      role: "menuitem"
+    },
+    ...u === "select" && {
+      "aria-autocomplete": "none"
+    },
+    ...u === "combobox" && {
+      "aria-autocomplete": "list"
+    }
+  }, [l, o, p, t, d, u]), h = c.useMemo(() => {
+    const i = {
+      id: o,
+      ...l && {
+        role: l
+      }
+    };
+    return l === "tooltip" || u === "label" ? i : {
+      ...i,
+      ...l === "menu" && {
+        "aria-labelledby": d
+      }
+    };
+  }, [l, o, d, u]), a = c.useCallback((i) => {
+    let {
+      active: m,
+      selected: I
+    } = i;
+    const S = {
+      role: "option",
+      ...m && {
+        id: o + "-option"
+      }
+    };
+    switch (u) {
+      case "select":
+        return {
+          ...S,
+          "aria-selected": m && I
+        };
+      case "combobox":
+        return {
+          ...S,
+          ...m && {
+            "aria-selected": !0
+          }
+        };
+    }
+    return {};
+  }, [o, u]);
+  return c.useMemo(() => s ? {
+    reference: R,
+    floating: h,
+    item: a
+  } : {}, [s, R, h, a]);
+}
+const Ge = (e) => e.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (n, r) => (r ? "-" : "") + n.toLowerCase());
+function ue(e, n) {
+  return typeof e == "function" ? e(n) : e;
+}
+function Vt(e, n) {
+  const [r, t] = c.useState(e);
+  return e && !r && t(!0), c.useEffect(() => {
+    if (!e && r) {
+      const o = setTimeout(() => t(!1), n);
+      return () => clearTimeout(o);
+    }
+  }, [e, r, n]), r;
+}
+function Bt(e, n) {
+  n === void 0 && (n = {});
+  const {
+    open: r,
+    elements: {
+      floating: t
+    }
+  } = e, {
+    duration: o = 250
+  } = n, u = (typeof o == "number" ? o : o.close) || 0, [l, d] = c.useState("unmounted"), f = Vt(r, u);
+  return !f && l === "close" && d("unmounted"), B(() => {
+    if (t) {
+      if (r) {
+        d("initial");
+        const p = requestAnimationFrame(() => {
+          d("open");
+        });
+        return () => {
+          cancelAnimationFrame(p);
+        };
+      }
+      d("close");
+    }
+  }, [r, t]), {
+    isMounted: f,
+    status: l
+  };
+}
+function en(e, n) {
+  n === void 0 && (n = {});
+  const {
+    initial: r = {
+      opacity: 0
+    },
+    open: t,
+    close: o,
+    common: s,
+    duration: u = 250
+  } = n, l = e.placement, d = l.split("-")[0], f = c.useMemo(() => ({
+    side: d,
+    placement: l
+  }), [d, l]), p = typeof u == "number", R = (p ? u : u.open) || 0, h = (p ? u : u.close) || 0, [a, i] = c.useState(() => ({
+    ...ue(s, f),
+    ...ue(r, f)
+  })), {
+    isMounted: m,
+    status: I
+  } = Bt(e, {
+    duration: u
+  }), S = oe(r), A = oe(t), g = oe(o), x = oe(s);
+  return B(() => {
+    const q = ue(S.current, f), N = ue(g.current, f), $ = ue(x.current, f), O = ue(A.current, f) || Object.keys(q).reduce((V, Y) => (V[Y] = "", V), {});
+    if (I === "initial" && i((V) => ({
+      transitionProperty: V.transitionProperty,
+      ...$,
+      ...q
+    })), I === "open" && i({
+      transitionProperty: Object.keys(O).map(Ge).join(","),
+      transitionDuration: R + "ms",
+      ...$,
+      ...O
+    }), I === "close") {
+      const V = N || q;
+      i({
+        transitionProperty: Object.keys(V).map(Ge).join(","),
+        transitionDuration: h + "ms",
+        ...$,
+        ...V
+      });
+    }
+  }, [h, g, S, A, x, R, I, f]), {
+    isMounted: m,
+    styles: a
+  };
+}
+export {
+  Yt as FloatingFocusManager,
+  Gt as FloatingPortal,
+  rn as autoPlacement,
+  on as flip,
+  Ce as getOverflowAncestors,
+  sn as offset,
+  cn as shift,
+  Xt as useClick,
+  Zt as useDismiss,
+  Jt as useFloating,
+  Ze as useFloatingParentNodeId,
+  At as useFloatingPortalNode,
+  Kt as useFloatingRootContext,
+  Se as useFloatingTree,
+  Fe as useId,
+  Qt as useInteractions,
+  zt as useRole,
+  Bt as useTransitionStatus,
+  en as useTransitionStyles
+};
+//# sourceMappingURL=index.es31.js.map