@lazar-ui/kit 0.1.0

package/dist/useOverlayPosition-DVu1Qziq.mjs

@@ -0,0 +1,451 @@
+import { m as he, c as we, $ as re, t as xe, d as ve, a as Le, b as V, l as B } from "./Overlay-RmiBtqDR.mjs";
+import Ee, { useState as ne, useEffect as _, useContext as Te, useRef as W, useCallback as j } from "react";
+const Pe = /* @__PURE__ */ new Set([
+  "Arab",
+  "Syrc",
+  "Samr",
+  "Mand",
+  "Thaa",
+  "Mend",
+  "Nkoo",
+  "Adlm",
+  "Rohg",
+  "Hebr"
+]), Re = /* @__PURE__ */ new Set([
+  "ae",
+  "ar",
+  "arc",
+  "bcc",
+  "bqi",
+  "ckb",
+  "dv",
+  "fa",
+  "glk",
+  "he",
+  "ku",
+  "mzn",
+  "nqo",
+  "pnb",
+  "ps",
+  "sd",
+  "ug",
+  "ur",
+  "yi"
+]);
+function Ie(e) {
+  if (Intl.Locale) {
+    let o = new Intl.Locale(e).maximize(), r = typeof o.getTextInfo == "function" ? o.getTextInfo() : o.textInfo;
+    if (r) return r.direction === "rtl";
+    if (o.script) return Pe.has(o.script);
+  }
+  let t = e.split("-")[0];
+  return Re.has(t);
+}
+const ae = Symbol.for("react-aria.i18n.locale");
+function ie() {
+  let e = typeof window < "u" && window[ae] || typeof navigator < "u" && (navigator.language || navigator.userLanguage) || "en-US";
+  try {
+    Intl.DateTimeFormat.supportedLocalesOf([
+      e
+    ]);
+  } catch {
+    e = "en-US";
+  }
+  return {
+    locale: e,
+    direction: Ie(e) ? "rtl" : "ltr"
+  };
+}
+let X = ie(), A = /* @__PURE__ */ new Set();
+function J() {
+  X = ie();
+  for (let e of A) e(X);
+}
+function Ce() {
+  let e = he(), [t, o] = ne(X);
+  return _(() => (A.size === 0 && window.addEventListener("languagechange", J), A.add(o), () => {
+    A.delete(o), A.size === 0 && window.removeEventListener("languagechange", J);
+  }), []), e ? {
+    locale: typeof window < "u" && window[ae] || "en-US",
+    direction: "ltr"
+  } : t;
+}
+const He = /* @__PURE__ */ Ee.createContext(null);
+function Se() {
+  let e = Ce();
+  return Te(He) || e;
+}
+function Z(e, t = -1 / 0, o = 1 / 0) {
+  return Math.min(Math.max(e, t), o);
+}
+const Me = /* @__PURE__ */ new WeakMap();
+function ze(e) {
+  let { triggerRef: t, isOpen: o, onClose: r } = e;
+  _(() => {
+    if (!o || r === null) return;
+    let l = (n) => {
+      let a = we(n);
+      if (!t.current || a instanceof Node && !re(a, t.current) || a instanceof HTMLInputElement || a instanceof HTMLTextAreaElement) return;
+      let i = r || Me.get(t.current);
+      i && i();
+    };
+    return window.addEventListener("scroll", l, !0), () => {
+      window.removeEventListener("scroll", l, !0);
+    };
+  }, [
+    o,
+    r,
+    t
+  ]);
+}
+function ye() {
+  return typeof window.ResizeObserver < "u";
+}
+function K(e) {
+  const { ref: t, box: o, onResize: r } = e;
+  let l = xe(r);
+  _(() => {
+    let n = t?.current;
+    if (n)
+      if (ye()) {
+        const a = new window.ResizeObserver((i) => {
+          i.length && l();
+        });
+        return a.observe(n, {
+          box: o
+        }), () => {
+          n && a.unobserve(n);
+        };
+      } else
+        return window.addEventListener("resize", l, !1), () => {
+          window.removeEventListener("resize", l, !1);
+        };
+  }, [
+    t,
+    o
+  ]);
+}
+const C = {
+  top: "top",
+  bottom: "top",
+  left: "left",
+  right: "left"
+}, F = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+}, Ae = {
+  top: "left",
+  left: "top"
+}, q = {
+  top: "height",
+  left: "width"
+}, ce = {
+  width: "totalWidth",
+  height: "totalHeight"
+}, N = {};
+let ke = () => typeof document < "u" ? window.visualViewport : null;
+function Q(e, t) {
+  let o = 0, r = 0, l = 0, n = 0, a = 0, i = 0, s = {}, c = (t?.scale ?? 1) > 1;
+  if (e.tagName === "BODY" || e.tagName === "HTML") {
+    let p = document.documentElement;
+    l = p.clientWidth, n = p.clientHeight, o = t?.width ?? l, r = t?.height ?? n, s.top = p.scrollTop || e.scrollTop, s.left = p.scrollLeft || e.scrollLeft, t && (a = t.offsetTop, i = t.offsetLeft);
+  } else
+    ({ width: o, height: r, top: a, left: i } = k(e, !1)), s.top = e.scrollTop, s.left = e.scrollLeft, l = o, n = r;
+  return ve() && (e.tagName === "BODY" || e.tagName === "HTML") && c && (s.top = 0, s.left = 0, a = t?.pageTop ?? 0, i = t?.pageLeft ?? 0), {
+    width: o,
+    height: r,
+    totalWidth: l,
+    totalHeight: n,
+    scroll: s,
+    top: a,
+    left: i
+  };
+}
+function Ne(e) {
+  return {
+    top: e.scrollTop,
+    left: e.scrollLeft,
+    width: e.scrollWidth,
+    height: e.scrollHeight
+  };
+}
+function D(e, t, o, r, l, n, a) {
+  let i = l.scroll[e] ?? 0, s = r[q[e]], c = a[e] + r.scroll[C[e]] + n, p = a[e] + r.scroll[C[e]] + s - n, x = t - i + r.scroll[C[e]] + a[e] - r[C[e]], m = t - i + o + r.scroll[C[e]] + a[e] - r[C[e]];
+  return x < c ? c - x : m > p ? Math.max(p - m, c - x) : 0;
+}
+function Fe(e) {
+  let t = window.getComputedStyle(e);
+  return {
+    top: parseInt(t.marginTop, 10) || 0,
+    bottom: parseInt(t.marginBottom, 10) || 0,
+    left: parseInt(t.marginLeft, 10) || 0,
+    right: parseInt(t.marginRight, 10) || 0
+  };
+}
+function ee(e) {
+  if (N[e]) return N[e];
+  let [t, o] = e.split(" "), r = C[t] || "right", l = Ae[r];
+  C[o] || (o = "center");
+  let n = q[r], a = q[l];
+  return N[e] = {
+    placement: t,
+    crossPlacement: o,
+    axis: r,
+    crossAxis: l,
+    size: n,
+    crossSize: a
+  }, N[e];
+}
+function Y(e, t, o, r, l, n, a, i, s, c, p) {
+  let { placement: x, crossPlacement: m, axis: b, crossAxis: f, size: h, crossSize: v } = r, E = {};
+  E[f] = e[f] ?? 0, m === "center" ? E[f] += ((e[v] ?? 0) - (o[v] ?? 0)) / 2 : m !== f && (E[f] += (e[v] ?? 0) - (o[v] ?? 0)), E[f] += n;
+  const d = e[f] - o[v] + s + c, H = e[f] + e[v] - s - c;
+  if (E[f] = Z(E[f], d, H), x === b) {
+    let u = i ? p[h] : p[ce[h]];
+    E[F[b]] = Math.floor(u - e[b] + l);
+  } else E[b] = Math.floor(e[b] + e[h] + l);
+  return E;
+}
+function _e(e, t, o, r, l, n, a, i, s, c, p) {
+  let x = (e.top != null ? e.top : s[ce.height] - (e.bottom ?? 0) - a) - (s.scroll.top ?? 0), m = c ? o.top : 0, b = {
+    // This should be boundary top in container coord system vs viewport top in container coord system
+    // For the viewport top, there are several cases
+    // 1. pinchzoom case where we want the viewports offset top as top here
+    // 2. case where container is offset from the boundary and is contained by the boundary. In this case the top we want here is NOT 0, we want to take boundary's top even though is is a negative number OR the visual viewport, whichever is more restrictive
+    top: Math.max(t.top + m, (p?.offsetTop ?? t.top) + m),
+    bottom: Math.min(t.top + t.height + m, (p?.offsetTop ?? 0) + (p?.height ?? 0))
+  };
+  return i !== "top" ? (
+    // We want the distance between the top of the overlay to the bottom of the boundary
+    Math.max(0, b.bottom - x - ((l.top ?? 0) + (l.bottom ?? 0) + n))
+  ) : Math.max(0, x + a - b.top - ((l.top ?? 0) + (l.bottom ?? 0) + n));
+}
+function te(e, t, o, r, l, n, a, i) {
+  let { placement: s, axis: c, size: p } = n;
+  return s === c ? Math.max(0, o[c] - (a.scroll[c] ?? 0) - (e[c] + (i ? t[c] : 0)) - (r[c] ?? 0) - r[F[c]] - l) : Math.max(0, e[p] + e[c] + (i ? t[c] : 0) - o[c] - o[p] + (a.scroll[c] ?? 0) - (r[c] ?? 0) - r[F[c]] - l);
+}
+function Ue(e, t, o, r, l, n, a, i, s, c, p, x, m, b, f, h, v, E) {
+  let d = ee(e), { size: H, crossAxis: u, crossSize: P, placement: $, crossPlacement: R } = d, w = Y(t, i, o, d, p, x, c, m, f, h, s), T = p, g = te(i, c, t, l, n + p, d, s, v);
+  if (a && o[H] > g) {
+    let O = ee(`${F[$]} ${R}`), be = Y(t, i, o, O, p, x, c, m, f, h, s);
+    te(i, c, t, l, n + p, O, s, v) > g && (d = O, w = be, T = p);
+  }
+  let L = "bottom";
+  d.axis === "top" ? d.placement === "top" ? L = "top" : d.placement === "bottom" && (L = "bottom") : d.crossAxis === "top" && (d.crossPlacement === "top" ? L = "bottom" : d.crossPlacement === "bottom" && (L = "top"));
+  let y = D(u, w[u], o[P], i, s, n, c);
+  w[u] += y;
+  let I = _e(w, i, c, m, l, n, o.height, L, s, v, E);
+  b && b < I && (I = b), o.height = Math.min(o.height, I), w = Y(t, i, o, d, T, x, c, m, f, h, s), y = D(u, w[u], o[P], i, s, n, c), w[u] += y;
+  let S = {}, M = t[u] - w[u] - l[C[u]], fe = M + 0.5 * t[P];
+  const se = f / 2 + h, pe = C[u] === "left" ? (l.left ?? 0) + (l.right ?? 0) : (l.top ?? 0) + (l.bottom ?? 0), ue = o[P] - pe - f / 2 - h, de = t[u] + f / 2 - (w[u] + l[C[u]]), $e = t[u] + t[P] - f / 2 - (w[u] + l[C[u]]), ge = Z(fe, de, $e);
+  S[u] = Z(ge, se, ue), { placement: $, crossPlacement: R } = d, f ? M = S[u] : R === "right" ? M += t[P] : R === "center" && (M += t[P] / 2);
+  let G = $ === "left" || $ === "top" ? o[H] : 0, me = {
+    x: $ === "top" || $ === "bottom" ? M : G,
+    y: $ === "left" || $ === "right" ? M : G
+  };
+  return {
+    position: w,
+    maxHeight: I,
+    arrowOffsetLeft: S.left,
+    arrowOffsetTop: S.top,
+    placement: $,
+    triggerAnchorPoint: me
+  };
+}
+function Oe(e) {
+  let { placement: t, targetNode: o, overlayNode: r, scrollNode: l, padding: n, shouldFlip: a, boundaryElement: i, offset: s, crossOffset: c, maxHeight: p, arrowSize: x = 0, arrowBoundaryOffset: m = 0 } = e, b = ke(), f = r instanceof HTMLElement ? Ye(r) : document.documentElement, h = f === document.documentElement;
+  const v = window.getComputedStyle(f).position;
+  let E = !!v && v !== "static", d = h ? k(o, !1) : oe(o, f, !1);
+  if (!h) {
+    let { marginTop: g, marginLeft: L } = window.getComputedStyle(o);
+    d.top += parseInt(g, 10) || 0, d.left += parseInt(L, 10) || 0;
+  }
+  let H = k(r, !0), u = Fe(r);
+  H.width += (u.left ?? 0) + (u.right ?? 0), H.height += (u.top ?? 0) + (u.bottom ?? 0);
+  let P = Ne(l), $ = Q(i, b), R = Q(f, b), w;
+  if ((i.tagName === "BODY" || i.tagName === "HTML") && !h) {
+    let g = U(f, !1);
+    w = {
+      top: -(g.top - $.top),
+      left: -(g.left - $.left),
+      width: 0,
+      height: 0
+    };
+  } else (i.tagName === "BODY" || i.tagName === "HTML") && h ? w = {
+    top: 0,
+    left: 0,
+    width: 0,
+    height: 0
+  } : w = oe(i, f, !1);
+  let T = re(i, f);
+  return Ue(t, d, H, P, u, n, a, $, R, w, s, c, E, p, x, m, T, b);
+}
+function U(e, t) {
+  let { top: o, left: r, width: l, height: n } = e.getBoundingClientRect();
+  return t && e instanceof e.ownerDocument.defaultView.HTMLElement && (l = e.offsetWidth, n = e.offsetHeight), {
+    top: o,
+    left: r,
+    width: l,
+    height: n
+  };
+}
+function k(e, t) {
+  let { top: o, left: r, width: l, height: n } = U(e, t), { scrollTop: a, scrollLeft: i, clientTop: s, clientLeft: c } = document.documentElement;
+  return {
+    top: o + a - s,
+    left: r + i - c,
+    width: l,
+    height: n
+  };
+}
+function oe(e, t, o) {
+  let r = window.getComputedStyle(e), l;
+  if (r.position === "fixed") l = U(e, o);
+  else {
+    l = k(e, o);
+    let n = k(t, o), a = window.getComputedStyle(t);
+    n.top += (parseInt(a.borderTopWidth, 10) || 0) - t.scrollTop, n.left += (parseInt(a.borderLeftWidth, 10) || 0) - t.scrollLeft, l.top -= n.top, l.left -= n.left;
+  }
+  return l.top -= parseInt(r.marginTop, 10) || 0, l.left -= parseInt(r.marginLeft, 10) || 0, l;
+}
+function Ye(e) {
+  let t = e.offsetParent;
+  if (t && t === document.body && window.getComputedStyle(t).position === "static" && !le(t) && (t = document.documentElement), t == null)
+    for (t = e.parentElement; t && !le(t); ) t = t.parentElement;
+  return t || document.documentElement;
+}
+function le(e) {
+  let t = window.getComputedStyle(e);
+  return t.transform !== "none" || /transform|perspective/.test(t.willChange) || t.filter !== "none" || t.contain === "paint" || "backdropFilter" in t && t.backdropFilter !== "none" || "WebkitBackdropFilter" in t && t.WebkitBackdropFilter !== "none";
+}
+let z = typeof document < "u" ? window.visualViewport : null;
+function Ve(e) {
+  let { direction: t } = Se(), { arrowSize: o, targetRef: r, overlayRef: l, arrowRef: n, scrollRef: a = l, placement: i = "bottom", containerPadding: s = 12, shouldFlip: c = !0, boundaryElement: p = typeof document < "u" ? document.body : null, offset: x = 0, crossOffset: m = 0, shouldUpdatePosition: b = !0, isOpen: f = !0, onClose: h, maxHeight: v, arrowBoundaryOffset: E = 0 } = e, [d, H] = ne(null), u = [
+    b,
+    i,
+    l.current,
+    r.current,
+    n?.current,
+    a.current,
+    s,
+    c,
+    p,
+    x,
+    m,
+    f,
+    t,
+    v,
+    E,
+    o
+  ], P = W(z?.scale);
+  _(() => {
+    f && (P.current = z?.scale);
+  }, [
+    f
+  ]);
+  let $ = j(() => {
+    if (b === !1 || !f || !l.current || !r.current || !p || z?.scale !== P.current) return;
+    let T = null;
+    if (a.current && Le(a.current)) {
+      let I = V()?.getBoundingClientRect(), S = a.current.getBoundingClientRect();
+      T = {
+        type: "top",
+        offset: (I?.top ?? 0) - S.top
+      }, T.offset > S.height / 2 && (T.type = "bottom", T.offset = (I?.bottom ?? 0) - S.bottom);
+    }
+    let g = l.current;
+    !v && l.current && (g.style.top = "0px", g.style.bottom = "", g.style.maxHeight = (window.visualViewport?.height ?? window.innerHeight) + "px");
+    let L = Oe({
+      placement: Xe(i, t),
+      overlayNode: l.current,
+      targetNode: r.current,
+      scrollNode: a.current || l.current,
+      padding: s,
+      shouldFlip: c,
+      boundaryElement: p,
+      offset: x,
+      crossOffset: m,
+      maxHeight: v,
+      arrowSize: o ?? (n?.current ? U(n.current, !0).width : 0),
+      arrowBoundaryOffset: E
+    });
+    if (!L.position) return;
+    g.style.top = "", g.style.bottom = "", g.style.left = "", g.style.right = "", Object.keys(L.position).forEach((I) => g.style[I] = L.position[I] + "px"), g.style.maxHeight = L.maxHeight != null ? L.maxHeight + "px" : "";
+    let y = V();
+    if (T && y && a.current) {
+      let I = y.getBoundingClientRect(), S = a.current.getBoundingClientRect(), M = I[T.type] - S[T.type];
+      a.current.scrollTop += M - T.offset;
+    }
+    H(L);
+  }, u);
+  B($, u), Be($), K({
+    ref: l,
+    onResize: $
+  }), K({
+    ref: r,
+    onResize: $
+  });
+  let R = W(!1);
+  B(() => {
+    let T, g = () => {
+      R.current = !0, clearTimeout(T), T = setTimeout(() => {
+        R.current = !1;
+      }, 500), $();
+    }, L = () => {
+      R.current && g();
+    };
+    return z?.addEventListener("resize", g), z?.addEventListener("scroll", L), () => {
+      z?.removeEventListener("resize", g), z?.removeEventListener("scroll", L);
+    };
+  }, [
+    $
+  ]);
+  let w = j(() => {
+    R.current || h?.();
+  }, [
+    h,
+    R
+  ]);
+  return ze({
+    triggerRef: r,
+    isOpen: f,
+    onClose: h && w
+  }), {
+    overlayProps: {
+      style: {
+        position: d ? "absolute" : "fixed",
+        top: d ? void 0 : 0,
+        left: d ? void 0 : 0,
+        zIndex: 1e5,
+        ...d?.position,
+        maxHeight: d?.maxHeight ?? "100vh"
+      }
+    },
+    placement: d?.placement ?? null,
+    triggerAnchorPoint: d?.triggerAnchorPoint ?? null,
+    arrowProps: {
+      "aria-hidden": "true",
+      role: "presentation",
+      style: {
+        left: d?.arrowOffsetLeft,
+        top: d?.arrowOffsetTop
+      }
+    },
+    updatePosition: $
+  };
+}
+function Be(e) {
+  B(() => (window.addEventListener("resize", e, !1), () => {
+    window.removeEventListener("resize", e, !1);
+  }), [
+    e
+  ]);
+}
+function Xe(e, t) {
+  return t === "rtl" ? e.replace("start", "right").replace("end", "left") : e.replace("start", "left").replace("end", "right");
+}
+export {
+  Ve as $
+};

package/dist/useOverlayTriggerState-BIo1Jcba.mjs

@@ -0,0 +1,221 @@
+import { $ as h, c as m, j as T, o as y, b as C, k as I, i as G, t as P, f as V } from "./Overlay-RmiBtqDR.mjs";
+import x, { useRef as E, useCallback as v, useEffect as D, useState as B, useReducer as k } from "react";
+function M() {
+  let a = E(/* @__PURE__ */ new Map()), n = v((o, s, u, i) => {
+    let t = i?.once ? (...b) => {
+      a.current.delete(u), u(...b);
+    } : u;
+    a.current.set(u, {
+      type: s,
+      eventTarget: o,
+      fn: t,
+      options: i
+    }), o.addEventListener(s, t, i);
+  }, []), e = v((o, s, u, i) => {
+    let t = a.current.get(u)?.fn || u;
+    o.removeEventListener(s, t, i), a.current.delete(u);
+  }, []), l = v(() => {
+    a.current.forEach((o, s) => {
+      e(o.eventTarget, o.type, s, o.options);
+    });
+  }, [
+    e
+  ]);
+  return D(() => l, [
+    l
+  ]), {
+    addGlobalListener: n,
+    removeGlobalListener: e,
+    removeAllGlobalListeners: l
+  };
+}
+function S(a) {
+  let { isDisabled: n, onBlurWithin: e, onFocusWithin: l, onFocusWithinChange: o } = a, s = E({
+    isFocusWithin: !1
+  }), { addGlobalListener: u, removeAllGlobalListeners: i } = M(), t = v((r) => {
+    h(r.currentTarget, m(r)) && s.current.isFocusWithin && !h(r.currentTarget, r.relatedTarget) && (s.current.isFocusWithin = !1, i(), e && e(r), o && o(!1));
+  }, [
+    e,
+    o,
+    s,
+    i
+  ]), b = T(t), f = v((r) => {
+    if (!h(r.currentTarget, m(r))) return;
+    let p = m(r);
+    const d = y(p), c = C(d);
+    if (!s.current.isFocusWithin && c === p) {
+      l && l(r), o && o(!0), s.current.isFocusWithin = !0, b(r);
+      let g = r.currentTarget;
+      u(d, "focus", (W) => {
+        let L = m(W);
+        if (s.current.isFocusWithin && !h(g, L)) {
+          let w = new d.defaultView.FocusEvent("blur", {
+            relatedTarget: L
+          });
+          I(w, g);
+          let F = G(w);
+          t(F);
+        }
+      }, {
+        capture: !0
+      });
+    }
+  }, [
+    l,
+    o,
+    b,
+    u,
+    t
+  ]);
+  return n ? {
+    focusWithinProps: {
+      // These cannot be null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  } : {
+    focusWithinProps: {
+      onFocus: f,
+      onBlur: t
+    }
+  };
+}
+const A = typeof document < "u" ? x.useInsertionEffect ?? x.useLayoutEffect : () => {
+};
+function R(a, n, e) {
+  let [l, o] = B(a || n), s = E(l), u = E(a !== void 0), i = a !== void 0;
+  D(() => {
+    let r = u.current;
+    r !== i && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${r ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}.`), u.current = i;
+  }, [
+    i
+  ]);
+  let t = i ? a : l;
+  A(() => {
+    s.current = t;
+  });
+  let [, b] = k(() => ({}), {}), f = v((r, ...p) => {
+    let d = typeof r == "function" ? r(s.current) : r;
+    Object.is(s.current, d) || (s.current = d, o(d), b(), e?.(d, ...p));
+  }, [
+    e
+  ]);
+  return [
+    t,
+    f
+  ];
+}
+function N(a) {
+  let { ref: n, onInteractOutside: e, isDisabled: l, onInteractOutsideStart: o } = a, s = E({
+    isPointerDown: !1,
+    ignoreEmulatedMouseEvents: !1
+  }), u = P((t) => {
+    e && O(t, n) && (o && o(t), s.current.isPointerDown = !0);
+  }), i = P((t) => {
+    e && e(t);
+  });
+  D(() => {
+    let t = s.current;
+    if (l) return;
+    const b = n.current, f = y(b);
+    if (typeof PointerEvent < "u") {
+      let r = (p) => {
+        t.isPointerDown && O(p, n) && i(p), t.isPointerDown = !1;
+      };
+      return f.addEventListener("pointerdown", u, !0), f.addEventListener("click", r, !0), () => {
+        f.removeEventListener("pointerdown", u, !0), f.removeEventListener("click", r, !0);
+      };
+    } else if (process.env.NODE_ENV === "test") {
+      let r = (d) => {
+        t.ignoreEmulatedMouseEvents ? t.ignoreEmulatedMouseEvents = !1 : t.isPointerDown && O(d, n) && i(d), t.isPointerDown = !1;
+      }, p = (d) => {
+        t.ignoreEmulatedMouseEvents = !0, t.isPointerDown && O(d, n) && i(d), t.isPointerDown = !1;
+      };
+      return f.addEventListener("mousedown", u, !0), f.addEventListener("mouseup", r, !0), f.addEventListener("touchstart", u, !0), f.addEventListener("touchend", p, !0), () => {
+        f.removeEventListener("mousedown", u, !0), f.removeEventListener("mouseup", r, !0), f.removeEventListener("touchstart", u, !0), f.removeEventListener("touchend", p, !0);
+      };
+    }
+  }, [
+    n,
+    l
+  ]);
+}
+function O(a, n) {
+  if (a.button > 0) return !1;
+  let e = m(a);
+  if (e) {
+    const l = e.ownerDocument;
+    if (!l || !h(l.documentElement, e) || e.closest("[data-react-aria-top-layer]")) return !1;
+  }
+  return n.current ? !a.composedPath().includes(n.current) : !1;
+}
+const $ = [];
+function U(a, n) {
+  let { onClose: e, shouldCloseOnBlur: l, isOpen: o, isDismissable: s = !1, isKeyboardDismissDisabled: u = !1, shouldCloseOnInteractOutside: i } = a, t = E(void 0);
+  D(() => {
+    if (o && !$.includes(n))
+      return $.push(n), () => {
+        let c = $.indexOf(n);
+        c >= 0 && $.splice(c, 1);
+      };
+  }, [
+    o,
+    n
+  ]);
+  let b = () => {
+    $[$.length - 1] === n && e && e();
+  }, f = (c) => {
+    const g = $[$.length - 1];
+    t.current = g, (!i || i(m(c))) && g === n && c.stopPropagation();
+  }, r = (c) => {
+    (!i || i(m(c))) && ($[$.length - 1] === n && c.stopPropagation(), t.current === n && b()), t.current = void 0;
+  }, p = (c) => {
+    c.key === "Escape" && !u && !c.nativeEvent.isComposing && (c.stopPropagation(), c.preventDefault(), b());
+  };
+  N({
+    ref: n,
+    onInteractOutside: s && o ? r : void 0,
+    onInteractOutsideStart: f
+  });
+  let { focusWithinProps: d } = S({
+    isDisabled: !l,
+    onBlurWithin: (c) => {
+      !c.relatedTarget || V(c.relatedTarget) || (!i || i(c.relatedTarget)) && e?.();
+    }
+  });
+  return {
+    overlayProps: {
+      onKeyDown: p,
+      ...d
+    },
+    underlayProps: {}
+  };
+}
+function _(a) {
+  let [n, e] = R(a.isOpen, a.defaultOpen || !1, a.onOpenChange);
+  const l = v(() => {
+    e(!0);
+  }, [
+    e
+  ]), o = v(() => {
+    e(!1);
+  }, [
+    e
+  ]), s = v(() => {
+    e(!n);
+  }, [
+    e,
+    n
+  ]);
+  return {
+    isOpen: n,
+    setOpen: e,
+    open: l,
+    close: o,
+    toggle: s
+  };
+}
+export {
+  U as $,
+  _ as a
+};