@wrdagency/blockout 0.1.9 → 1.0.0

package/dist/G7GW6PWC-FbNigUHQ.js

@@ -0,0 +1,1236 @@
+import { createContext as ze, useRef as q, useContext as Ye, useState as Q, useEffect as C, useCallback as $e, useMemo as Ot, isValidElement as Ft } from "react";
+import { c as ue, k as x, m as y, o as K, p as ne, _ as Me, l as ct, a as N, ag as Qe, C as F, j as ee, $ as be, Z as Xe, a1 as re, M as j, X as Dt, b as Ce, ad as At, ah as lt, ai as Tt, aj as Rt, aa as Ne, a2 as ft, q as $t, g as dt, z as Ct, e as Ve, G as Mt, w as _t, i as pt } from "./LMDWO4NN-DyBcLLfK.js";
+import { b as Le, c as et, r as Nt, d as Vt, F as Lt, i as Ht, g as It, e as kt, j as ye, u as Bt, k as qt } from "./PFRGBC2K-DobANx7W.js";
+import { r as Be } from "./index-Cgx3BqdJ.js";
+import { jsx as E, jsxs as Te, Fragment as Re } from "react/jsx-runtime";
+import { a as te, e as jt } from "./YV4JVR4I-DOlaib2E.js";
+import { u as vt, i as Wt } from "./KFH4SEIX-BuapSU1b.js";
+import { u as zt } from "./WYCIER3C-DndYR0iO.js";
+import { a as Yt } from "./BM6PGYQY-D4-MwCVB.js";
+import { b as Ke, D as Xt, d as Kt, e as Ut } from "./RS7LB2H4-lmOMNc4h.js";
+import { b as mt, P as Gt } from "./MTZPJQMC-DMklE0XE.js";
+import { a as Zt, c as Jt, o as Qt, f as er, s as tr, b as rr, d as nr, l as or } from "./floating-ui.dom-2MezWvgs.js";
+var tt = ze(null), sr = "span", gt = ue(
+  function(t) {
+    return t = x(y({}, t), {
+      style: y({
+        border: 0,
+        clip: "rect(0 0 0 0)",
+        height: "1px",
+        margin: "-1px",
+        overflow: "hidden",
+        padding: 0,
+        position: "absolute",
+        whiteSpace: "nowrap",
+        width: "1px"
+      }, t.style)
+    }), t;
+  }
+);
+K(function(t) {
+  const n = gt(t);
+  return ne(sr, n);
+});
+var ir = "span", ur = ue(
+  function(t) {
+    return t = x(y({
+      "data-focus-trap": "",
+      tabIndex: 0,
+      "aria-hidden": !0
+    }, t), {
+      style: y({
+        // Prevents unintended scroll jumps.
+        position: "fixed",
+        top: 0,
+        left: 0
+      }, t.style)
+    }), t = gt(t), t;
+  }
+), Ae = K(function(t) {
+  const n = ur(t);
+  return ne(ir, n);
+}), ar = "div";
+function cr(e) {
+  return F(e).body;
+}
+function lr(e, t) {
+  return t ? typeof t == "function" ? t(e) : t : F(e).createElement("div");
+}
+function fr(e = "id") {
+  return `${e ? `${e}-` : ""}${Math.random().toString(36).slice(2, 8)}`;
+}
+function J(e) {
+  queueMicrotask(() => {
+    e == null || e.focus();
+  });
+}
+var ht = ue(function(t) {
+  var n = t, {
+    preserveTabOrder: r,
+    preserveTabOrderAnchor: o,
+    portalElement: s,
+    portalRef: u,
+    portal: i = !0
+  } = n, a = Me(n, [
+    "preserveTabOrder",
+    "preserveTabOrderAnchor",
+    "portalElement",
+    "portalRef",
+    "portal"
+  ]);
+  const m = q(null), b = ct(m, a.ref), D = Ye(tt), [f, V] = Q(null), [L, H] = Q(
+    null
+  ), I = q(null), M = q(null), _ = q(null), A = q(null);
+  return N(() => {
+    const l = m.current;
+    if (!l || !i) {
+      V(null);
+      return;
+    }
+    const d = lr(l, s);
+    if (!d) {
+      V(null);
+      return;
+    }
+    const g = d.isConnected;
+    if (g || (D || cr(l)).appendChild(d), d.id || (d.id = l.id ? `portal/${l.id}` : fr()), V(d), Qe(u, d), !g)
+      return () => {
+        d.remove(), Qe(u, null);
+      };
+  }, [i, s, D, u]), N(() => {
+    if (!i || !r || !o) return;
+    const d = F(o).createElement("span");
+    return d.style.position = "fixed", o.insertAdjacentElement("afterend", d), H(d), () => {
+      d.remove(), H(null);
+    };
+  }, [i, r, o]), C(() => {
+    if (!f || !r) return;
+    let l = 0;
+    const d = (g) => {
+      if (!be(g)) return;
+      const p = g.type === "focusin";
+      if (cancelAnimationFrame(l), p)
+        return Nt(f);
+      l = requestAnimationFrame(() => {
+        Vt(f, !0);
+      });
+    };
+    return f.addEventListener("focusin", d, !0), f.addEventListener("focusout", d, !0), () => {
+      cancelAnimationFrame(l), f.removeEventListener("focusin", d, !0), f.removeEventListener("focusout", d, !0);
+    };
+  }, [f, r]), a = ee(
+    a,
+    (l) => {
+      if (l = // While the portal node is not in the DOM, we need to pass the
+      // current context to the portal context, otherwise it's going to
+      // reset to the body element on nested portals.
+      /* @__PURE__ */ E(tt.Provider, { value: f || D, children: l }), !i) return l;
+      if (!f)
+        return /* @__PURE__ */ E(
+          "span",
+          {
+            ref: b,
+            id: a.id,
+            style: { position: "fixed" },
+            hidden: !0
+          }
+        );
+      l = /* @__PURE__ */ Te(Re, { children: [
+        r && f && /* @__PURE__ */ E(
+          Ae,
+          {
+            ref: M,
+            "data-focus-trap": a.id,
+            className: "__focus-trap-inner-before",
+            onFocus: (g) => {
+              be(g, f) ? J(Le()) : J(I.current);
+            }
+          }
+        ),
+        l,
+        r && f && /* @__PURE__ */ E(
+          Ae,
+          {
+            ref: _,
+            "data-focus-trap": a.id,
+            className: "__focus-trap-inner-after",
+            onFocus: (g) => {
+              be(g, f) ? J(et()) : J(A.current);
+            }
+          }
+        )
+      ] }), f && (l = Be.createPortal(l, f));
+      let d = /* @__PURE__ */ Te(Re, { children: [
+        r && f && /* @__PURE__ */ E(
+          Ae,
+          {
+            ref: I,
+            "data-focus-trap": a.id,
+            className: "__focus-trap-outer-before",
+            onFocus: (g) => {
+              !(g.relatedTarget === A.current) && be(g, f) ? J(M.current) : J(et());
+            }
+          }
+        ),
+        r && // We're using position: fixed here so that the browser doesn't
+        // add margin to the element when setting gap on a parent element.
+        /* @__PURE__ */ E("span", { "aria-owns": f == null ? void 0 : f.id, style: { position: "fixed" } }),
+        r && f && /* @__PURE__ */ E(
+          Ae,
+          {
+            ref: A,
+            "data-focus-trap": a.id,
+            className: "__focus-trap-outer-after",
+            onFocus: (g) => {
+              if (be(g, f))
+                J(_.current);
+              else {
+                const p = Le();
+                if (p === M.current) {
+                  requestAnimationFrame(() => {
+                    var U;
+                    return (U = Le()) == null ? void 0 : U.focus();
+                  });
+                  return;
+                }
+                J(p);
+              }
+            }
+          }
+        )
+      ] });
+      return L && r && (d = Be.createPortal(
+        d,
+        L
+      )), /* @__PURE__ */ Te(Re, { children: [
+        d,
+        l
+      ] });
+    },
+    [f, D, i, a.id, r, L]
+  ), a = x(y({}, a), {
+    ref: b
+  }), a;
+}), un = K(function(t) {
+  const n = ht(t);
+  return ne(ar, n);
+}), rt = ze(0);
+function dr({ level: e, children: t }) {
+  const n = Ye(rt), r = Math.max(
+    Math.min(e || n + 1, 6),
+    1
+  );
+  return /* @__PURE__ */ E(rt.Provider, { value: r, children: t });
+}
+var pr = "div", bt = ue(function(t) {
+  var n = t, { autoFocusOnShow: r = !0 } = n, o = Me(n, ["autoFocusOnShow"]);
+  return o = ee(
+    o,
+    (s) => /* @__PURE__ */ E(Lt.Provider, { value: r, children: s }),
+    [r]
+  ), o;
+});
+K(function(t) {
+  const n = bt(t);
+  return ne(pr, n);
+});
+function vr(e, t) {
+  const r = F(e).createElement("button");
+  return r.type = "button", r.tabIndex = -1, r.textContent = "Dismiss popup", Object.assign(r.style, {
+    border: "0px",
+    clip: "rect(0 0 0 0)",
+    height: "1px",
+    margin: "-1px",
+    overflow: "hidden",
+    padding: "0px",
+    position: "absolute",
+    whiteSpace: "nowrap",
+    width: "1px"
+  }), r.addEventListener("click", t), e.prepend(r), () => {
+    r.removeEventListener("click", t), r.remove();
+  };
+}
+function mr(e) {
+  const t = q();
+  return C(() => {
+    if (!e) {
+      t.current = null;
+      return;
+    }
+    return Xe("mousedown", (r) => {
+      t.current = r.target;
+    }, !0);
+  }, [e]), t;
+}
+var He = /* @__PURE__ */ new WeakMap();
+function Ee(e, t, n) {
+  He.has(e) || He.set(e, /* @__PURE__ */ new Map());
+  const r = He.get(e), o = r.get(t);
+  if (!o)
+    return r.set(t, n()), () => {
+      var i;
+      (i = r.get(t)) == null || i(), r.delete(t);
+    };
+  const s = n(), u = () => {
+    s(), o(), r.delete(t);
+  };
+  return r.set(t, u), () => {
+    r.get(t) === u && (s(), r.set(t, o));
+  };
+}
+function Ue(e, t, n) {
+  return Ee(e, t, () => {
+    const o = e.getAttribute(t);
+    return e.setAttribute(t, n), () => {
+      o == null ? e.removeAttribute(t) : e.setAttribute(t, o);
+    };
+  });
+}
+function ie(e, t, n) {
+  return Ee(e, t, () => {
+    const o = t in e, s = e[t];
+    return e[t] = n, () => {
+      o ? e[t] = s : delete e[t];
+    };
+  });
+}
+function qe(e, t) {
+  return e ? Ee(e, "style", () => {
+    const r = e.style.cssText;
+    return Object.assign(e.style, t), () => {
+      e.style.cssText = r;
+    };
+  }) : () => {
+  };
+}
+function gr(e, t, n) {
+  return e ? Ee(e, t, () => {
+    const o = e.style.getPropertyValue(t);
+    return e.style.setProperty(t, n), () => {
+      o ? e.style.setProperty(t, o) : e.style.removeProperty(t);
+    };
+  }) : () => {
+  };
+}
+var hr = ["SCRIPT", "STYLE"];
+function je(e) {
+  return `__ariakit-dialog-snapshot-${e}`;
+}
+function br(e, t) {
+  const n = F(t), r = je(e);
+  if (!n.body[r]) return !0;
+  do {
+    if (t === n.body) return !1;
+    if (t[r]) return !0;
+    if (!t.parentElement) return !1;
+    t = t.parentElement;
+  } while (!0);
+}
+function yr(e, t, n) {
+  return hr.includes(t.tagName) || !br(e, t) ? !1 : !n.some(
+    (r) => r && j(t, r)
+  );
+}
+function Ge(e, t, n, r) {
+  for (let o of t) {
+    if (!(o != null && o.isConnected)) continue;
+    const s = t.some((a) => !a || a === o ? !1 : a.contains(o)), u = F(o), i = o;
+    for (; o.parentElement && o !== u.body; ) {
+      if (r == null || r(o.parentElement, i), !s)
+        for (const a of o.parentElement.children)
+          yr(e, a, t) && n(a, i);
+      o = o.parentElement;
+    }
+  }
+}
+function Er(e, t) {
+  const { body: n } = F(t[0]), r = [];
+  return Ge(e, t, (s) => {
+    r.push(ie(s, je(e), !0));
+  }), re(ie(n, je(e), !0), () => {
+    for (const s of r)
+      s();
+  });
+}
+function yt(e, ...t) {
+  if (!e) return !1;
+  const n = e.getAttribute("data-backdrop");
+  return n == null ? !1 : n === "" || n === "true" || !t.length ? !0 : t.some((r) => n === r);
+}
+function pe(e = "", t = !1) {
+  return `__ariakit-dialog-${t ? "ancestor" : "outside"}${e ? `-${e}` : ""}`;
+}
+function wr(e, t = "") {
+  return re(
+    ie(e, pe(), !0),
+    ie(e, pe(t), !0)
+  );
+}
+function Et(e, t = "") {
+  return re(
+    ie(e, pe("", !0), !0),
+    ie(e, pe(t, !0), !0)
+  );
+}
+function Ze(e, t) {
+  const n = pe(t, !0);
+  if (e[n]) return !0;
+  const r = pe(t);
+  do {
+    if (e[r]) return !0;
+    if (!e.parentElement) return !1;
+    e = e.parentElement;
+  } while (!0);
+}
+function nt(e, t) {
+  const n = [], r = t.map((s) => s == null ? void 0 : s.id);
+  return Ge(
+    e,
+    t,
+    (s) => {
+      yt(s, ...r) || n.unshift(wr(s, e));
+    },
+    (s, u) => {
+      u.hasAttribute("data-dialog") && u.id !== e || n.unshift(Et(s, e));
+    }
+  ), () => {
+    for (const s of n)
+      s();
+  };
+}
+function Pr(e) {
+  return e.tagName === "HTML" ? !0 : j(F(e).body, e);
+}
+function xr(e, t) {
+  if (!e) return !1;
+  if (j(e, t)) return !0;
+  const n = t.getAttribute("aria-activedescendant");
+  if (n) {
+    const r = F(e).getElementById(n);
+    if (r)
+      return j(e, r);
+  }
+  return !1;
+}
+function Sr(e, t) {
+  if (!("clientY" in e)) return !1;
+  const n = t.getBoundingClientRect();
+  return n.width === 0 || n.height === 0 ? !1 : n.top <= e.clientY && e.clientY <= n.top + n.height && n.left <= e.clientX && e.clientX <= n.left + n.width;
+}
+function Ie({
+  store: e,
+  type: t,
+  listener: n,
+  capture: r,
+  domReady: o
+}) {
+  const s = Ce(n), u = te(e, "open"), i = q(!1);
+  N(() => {
+    if (!u || !o) return;
+    const { contentElement: a } = e.getState();
+    if (!a) return;
+    const m = () => {
+      i.current = !0;
+    };
+    return a.addEventListener("focusin", m, !0), () => a.removeEventListener("focusin", m, !0);
+  }, [e, u, o]), C(() => u ? Xe(t, (m) => {
+    const { contentElement: b, disclosureElement: D } = e.getState(), f = m.target;
+    !b || !f || !Pr(f) || j(b, f) || xr(D, f) || f.hasAttribute("data-focus-trap") || Sr(m, b) || i.current && !Ze(f, b.id) || Ht(f) || s(m);
+  }, r) : void 0, [u, r]);
+}
+function ke(e, t) {
+  return typeof e == "function" ? e(t) : !!e;
+}
+function Or(e, t, n) {
+  const r = te(e, "open"), o = mr(r), s = { store: e, domReady: n, capture: !0 };
+  Ie(x(y({}, s), {
+    type: "click",
+    listener: (u) => {
+      const { contentElement: i } = e.getState(), a = o.current;
+      a && Dt(a) && Ze(a, i == null ? void 0 : i.id) && ke(t, u) && e.hide();
+    }
+  })), Ie(x(y({}, s), {
+    type: "focusin",
+    listener: (u) => {
+      const { contentElement: i } = e.getState();
+      i && u.target !== F(i) && ke(t, u) && e.hide();
+    }
+  })), Ie(x(y({}, s), {
+    type: "contextmenu",
+    listener: (u) => {
+      ke(t, u) && e.hide();
+    }
+  }));
+}
+var ot = ze({});
+function Fr(e) {
+  const t = Ye(ot), [n, r] = Q([]), o = $e(
+    (i) => {
+      var a;
+      return r((m) => [...m, i]), re((a = t.add) == null ? void 0 : a.call(t, i), () => {
+        r((m) => m.filter((b) => b !== i));
+      });
+    },
+    [t]
+  );
+  N(() => jt(e, ["open", "contentElement"], (i) => {
+    var a;
+    if (i.open && i.contentElement)
+      return (a = t.add) == null ? void 0 : a.call(t, e);
+  }), [e, t]);
+  const s = Ot(() => ({ store: e, add: o }), [e, o]);
+  return { wrapElement: $e(
+    (i) => /* @__PURE__ */ E(ot.Provider, { value: s, children: i }),
+    [s]
+  ), nestedDialogs: n };
+}
+function Dr({
+  attribute: e,
+  contentId: t,
+  contentElement: n,
+  enabled: r
+}) {
+  const [o, s] = At(), u = $e(() => {
+    if (!r || !n) return !1;
+    const { body: i } = F(n), a = i.getAttribute(e);
+    return !a || a === t;
+  }, [o, r, n, e, t]);
+  return C(() => {
+    if (!r || !t || !n) return;
+    const { body: i } = F(n);
+    if (u())
+      return i.setAttribute(e, t), () => i.removeAttribute(e);
+    const a = new MutationObserver(() => Be.flushSync(s));
+    return a.observe(i, { attributeFilter: [e] }), () => a.disconnect();
+  }, [o, r, t, n, u, e]), u;
+}
+function Ar(e) {
+  const t = e.getBoundingClientRect().left;
+  return Math.round(t) + e.scrollLeft ? "paddingLeft" : "paddingRight";
+}
+function Tr(e, t, n) {
+  const r = Dr({
+    attribute: "data-dialog-prevent-body-scroll",
+    contentElement: e,
+    contentId: t,
+    enabled: n
+  });
+  C(() => {
+    if (!r() || !e) return;
+    const o = F(e), s = lt(e), { documentElement: u, body: i } = o, a = u.style.getPropertyValue("--scrollbar-width"), m = a ? Number.parseInt(a) : s.innerWidth - u.clientWidth, b = () => gr(
+      u,
+      "--scrollbar-width",
+      `${m}px`
+    ), D = Ar(u), f = () => qe(i, {
+      overflow: "hidden",
+      [D]: `${m}px`
+    }), V = () => {
+      var H, I;
+      const { scrollX: M, scrollY: _, visualViewport: A } = s, l = (H = A == null ? void 0 : A.offsetLeft) != null ? H : 0, d = (I = A == null ? void 0 : A.offsetTop) != null ? I : 0, g = qe(i, {
+        position: "fixed",
+        overflow: "hidden",
+        top: `${-(_ - Math.floor(d))}px`,
+        left: `${-(M - Math.floor(l))}px`,
+        right: "0",
+        [D]: `${m}px`
+      });
+      return () => {
+        g(), process.env.NODE_ENV !== "test" && s.scrollTo({ left: M, top: _, behavior: "instant" });
+      };
+    }, L = Tt() && !Rt();
+    return re(
+      b(),
+      L ? V() : f()
+    );
+  }, [r, e]);
+}
+function Rr(e, ...t) {
+  if (!e) return !1;
+  const n = e.getAttribute("data-focus-trap");
+  return n == null ? !1 : t.length ? n === "" ? !1 : t.some((r) => n === r) : !0;
+}
+function wt() {
+  return "inert" in HTMLElement.prototype;
+}
+function $r(e) {
+  return Ue(e, "aria-hidden", "true");
+}
+function Pt(e, t) {
+  if (!("style" in e)) return Ne;
+  if (wt())
+    return ie(e, "inert", !0);
+  const r = It(e, !0).map((o) => {
+    if (t != null && t.some((u) => u && j(u, o))) return Ne;
+    const s = Ee(o, "focus", () => (o.focus = Ne, () => {
+      delete o.focus;
+    }));
+    return re(Ue(o, "tabindex", "-1"), s);
+  });
+  return re(
+    ...r,
+    $r(e),
+    qe(e, {
+      pointerEvents: "none",
+      userSelect: "none",
+      cursor: "default"
+    })
+  );
+}
+function Cr(e, t) {
+  const n = [], r = t.map((s) => s == null ? void 0 : s.id);
+  return Ge(
+    e,
+    t,
+    (s) => {
+      yt(s, ...r) || Rr(s, ...r) || n.unshift(Pt(s, t));
+    },
+    (s) => {
+      s.hasAttribute("role") && (t.some((u) => u && j(u, s)) || n.unshift(Ue(s, "role", "none")));
+    }
+  ), () => {
+    for (const s of n)
+      s();
+  };
+}
+var Mr = "div", _r = [
+  "a",
+  "button",
+  "details",
+  "dialog",
+  "div",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "header",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "section",
+  "select",
+  "span",
+  "summary",
+  "textarea",
+  "ul",
+  "svg"
+];
+ue(
+  function(t) {
+    return t;
+  }
+);
+var We = K(
+  // @ts-expect-error
+  function(t) {
+    return ne(Mr, t);
+  }
+);
+Object.assign(
+  We,
+  _r.reduce((e, t) => (e[t] = K(function(r) {
+    return ne(t, r);
+  }), e), {})
+);
+function Nr({
+  store: e,
+  backdrop: t,
+  alwaysVisible: n,
+  hidden: r
+}) {
+  const o = q(null), s = zt({ disclosure: e }), u = te(e, "contentElement");
+  C(() => {
+    const m = o.current, b = u;
+    m && b && (m.style.zIndex = getComputedStyle(b).zIndex);
+  }, [u]), N(() => {
+    const m = u == null ? void 0 : u.id;
+    if (!m) return;
+    const b = o.current;
+    if (b)
+      return Et(b, m);
+  }, [u]);
+  const i = vt({
+    ref: o,
+    store: s,
+    role: "presentation",
+    "data-backdrop": (u == null ? void 0 : u.id) || "",
+    alwaysVisible: n,
+    hidden: r ?? void 0,
+    style: {
+      position: "fixed",
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    }
+  });
+  if (!t) return null;
+  if (Ft(t))
+    return /* @__PURE__ */ E(We, x(y({}, i), { render: t }));
+  const a = typeof t != "boolean" ? t : "div";
+  return /* @__PURE__ */ E(We, x(y({}, i), { render: /* @__PURE__ */ E(a, {}) }));
+}
+var Vr = "div", st = _t();
+function Lr(e) {
+  const t = dt();
+  return !t || e && j(e, t) ? !1 : !!ye(t);
+}
+function it(e, t = !1) {
+  if (!e) return null;
+  const n = "current" in e ? e.current : e;
+  return n ? t ? ye(n) ? n : null : n : null;
+}
+var xt = ue(function(t) {
+  var n = t, {
+    store: r,
+    open: o,
+    onClose: s,
+    focusable: u = !0,
+    modal: i = !0,
+    portal: a = !!i,
+    backdrop: m = !!i,
+    hideOnEscape: b = !0,
+    hideOnInteractOutside: D = !0,
+    getPersistentElements: f,
+    preventBodyScroll: V = !!i,
+    autoFocusOnShow: L = !0,
+    autoFocusOnHide: H = !0,
+    initialFocus: I,
+    finalFocus: M,
+    unmountOnHide: _,
+    unstable_treeSnapshotKey: A
+  } = n, l = Me(n, [
+    "store",
+    "open",
+    "onClose",
+    "focusable",
+    "modal",
+    "portal",
+    "backdrop",
+    "hideOnEscape",
+    "hideOnInteractOutside",
+    "getPersistentElements",
+    "preventBodyScroll",
+    "autoFocusOnShow",
+    "autoFocusOnHide",
+    "initialFocus",
+    "finalFocus",
+    "unmountOnHide",
+    "unstable_treeSnapshotKey"
+  ]);
+  const d = Ke(), g = q(null), p = Yt({
+    store: r || d,
+    open: o,
+    setOpen(c) {
+      if (c) return;
+      const v = g.current;
+      if (!v) return;
+      const P = new Event("close", { bubbles: !1, cancelable: !0 });
+      s && v.addEventListener("close", s, { once: !0 }), v.dispatchEvent(P), P.defaultPrevented && p.setOpen(!0);
+    }
+  }), { portalRef: U, domReady: S } = ft(a, l.portalRef), O = l.preserveTabOrder, G = te(
+    p,
+    (c) => O && !i && c.mounted
+  ), T = $t(l.id), w = te(p, "open"), R = te(p, "mounted"), k = te(p, "contentElement"), we = Wt(R, l.hidden, l.alwaysVisible);
+  Tr(k, T, V && !we), Or(p, D, S);
+  const { wrapElement: ae, nestedDialogs: Pe } = Fr(p);
+  l = ee(l, ae, [ae]), N(() => {
+    if (!w) return;
+    const c = g.current, v = dt(c, !0);
+    v && v.tagName !== "BODY" && (c && j(c, v) || p.setDisclosureElement(v));
+  }, [p, w]), st && C(() => {
+    if (!R) return;
+    const { disclosureElement: c } = p.getState();
+    if (!c || !Ct(c)) return;
+    const v = () => {
+      let P = !1;
+      const h = () => {
+        P = !0;
+      }, $ = { capture: !0, once: !0 };
+      c.addEventListener("focusin", h, $), Mt(c, "mouseup", () => {
+        c.removeEventListener("focusin", h, !0), !P && qt(c);
+      });
+    };
+    return c.addEventListener("mousedown", v), () => {
+      c.removeEventListener("mousedown", v);
+    };
+  }, [p, R]), C(() => {
+    if (!R || !S) return;
+    const c = g.current;
+    if (!c) return;
+    const v = lt(c), P = v.visualViewport || v, h = () => {
+      var $, Y;
+      const he = (Y = ($ = v.visualViewport) == null ? void 0 : $.height) != null ? Y : v.innerHeight;
+      c.style.setProperty("--dialog-viewport-height", `${he}px`);
+    };
+    return h(), P.addEventListener("resize", h), () => {
+      P.removeEventListener("resize", h);
+    };
+  }, [R, S]), C(() => {
+    if (!i || !R || !S) return;
+    const c = g.current;
+    if (!(!c || c.querySelector("[data-dialog-dismiss]")))
+      return vr(c, p.hide);
+  }, [p, i, R, S]), N(() => {
+    if (!wt() || w || !R || !S) return;
+    const c = g.current;
+    if (c)
+      return Pt(c);
+  }, [w, R, S]);
+  const Z = w && S;
+  N(() => {
+    if (!T || !Z) return;
+    const c = g.current;
+    return Er(T, [c]);
+  }, [T, Z, A]);
+  const ve = Ce(f);
+  N(() => {
+    if (!T || !Z) return;
+    const { disclosureElement: c } = p.getState(), v = g.current, P = ve() || [], h = [
+      v,
+      ...P,
+      ...Pe.map(($) => $.getState().contentElement)
+    ];
+    return i ? re(
+      nt(T, h),
+      Cr(T, h)
+    ) : nt(T, [c, ...h]);
+  }, [
+    T,
+    p,
+    Z,
+    ve,
+    Pe,
+    i,
+    A
+  ]);
+  const me = !!L, ge = Ve(L), [xe, B] = Q(!1);
+  C(() => {
+    if (!w || !me || !S || !(k != null && k.isConnected)) return;
+    const c = it(I, !0) || // If no initial focus is specified, we try to focus the first element
+    // with the autofocus attribute. If it's an Ariakit component, the
+    // Focusable component will consume the autoFocus prop and add the
+    // data-autofocus attribute to the element instead.
+    k.querySelector(
+      "[data-autofocus=true],[autofocus]"
+    ) || // We have to fallback to the first focusable element otherwise portaled
+    // dialogs with preserveTabOrder set to true will not receive focus
+    // properly because the elements aren't tabbable until the dialog receives
+    // focus.
+    kt(k, !0, a && G) || // Finally, we fallback to the dialog element itself.
+    k, v = ye(c);
+    ge(v ? c : null) && (B(!0), queueMicrotask(() => {
+      c.focus(), st && v && c.scrollIntoView({ block: "nearest", inline: "nearest" });
+    }));
+  }, [
+    w,
+    me,
+    S,
+    k,
+    I,
+    a,
+    G,
+    ge
+  ]);
+  const W = !!H, _e = Ve(H), [ce, X] = Q(!1);
+  C(() => {
+    if (w)
+      return X(!0), () => X(!1);
+  }, [w]);
+  const oe = $e(
+    (c, v = !0) => {
+      const { disclosureElement: P } = p.getState();
+      if (Lr(c)) return;
+      let h = it(M) || P;
+      if (h != null && h.id) {
+        const Y = F(h), he = `[aria-activedescendant="${h.id}"]`, De = Y.querySelector(he);
+        De && (h = De);
+      }
+      if (h && !ye(h)) {
+        const Y = h.closest("[data-dialog]");
+        if (Y != null && Y.id) {
+          const he = F(Y), De = `[aria-controls~="${Y.id}"]`, Je = he.querySelector(De);
+          Je && (h = Je);
+        }
+      }
+      const $ = h && ye(h);
+      if (!$ && v) {
+        requestAnimationFrame(() => oe(c, !1));
+        return;
+      }
+      _e($ ? h : null) && $ && (h == null || h.focus({ preventScroll: !0 }));
+    },
+    [p, M, _e]
+  ), z = q(!1);
+  N(() => {
+    if (w || !ce || !W) return;
+    const c = g.current;
+    z.current = !0, oe(c);
+  }, [w, ce, S, W, oe]), C(() => {
+    if (!ce || !W) return;
+    const c = g.current;
+    return () => {
+      if (z.current) {
+        z.current = !1;
+        return;
+      }
+      oe(c);
+    };
+  }, [ce, W, oe]);
+  const Se = Ve(b);
+  C(() => !S || !R ? void 0 : Xe("keydown", (v) => {
+    if (v.key !== "Escape" || v.defaultPrevented) return;
+    const P = g.current;
+    if (!P || Ze(P)) return;
+    const h = v.target;
+    if (!h) return;
+    const { disclosureElement: $ } = p.getState();
+    !!(h.tagName === "BODY" || j(P, h) || !$ || j($, h)) && Se(v) && p.hide();
+  }, !0), [p, S, R, Se]), l = ee(
+    l,
+    (c) => /* @__PURE__ */ E(dr, { level: i ? 1 : void 0, children: c }),
+    [i]
+  );
+  const Oe = l.hidden, se = l.alwaysVisible;
+  l = ee(
+    l,
+    (c) => m ? /* @__PURE__ */ Te(Re, { children: [
+      /* @__PURE__ */ E(
+        Nr,
+        {
+          store: p,
+          backdrop: m,
+          hidden: Oe,
+          alwaysVisible: se
+        }
+      ),
+      c
+    ] }) : c,
+    [p, m, Oe, se]
+  );
+  const [le, Fe] = Q(), [fe, de] = Q();
+  return l = ee(
+    l,
+    (c) => /* @__PURE__ */ E(Xt, { value: p, children: /* @__PURE__ */ E(Kt.Provider, { value: Fe, children: /* @__PURE__ */ E(Ut.Provider, { value: de, children: c }) }) }),
+    [p]
+  ), l = x(y({
+    id: T,
+    "data-dialog": "",
+    role: "dialog",
+    tabIndex: u ? -1 : void 0,
+    "aria-labelledby": le,
+    "aria-describedby": fe
+  }, l), {
+    ref: ct(g, l.ref)
+  }), l = bt(x(y({}, l), {
+    autoFocusOnShow: xe
+  })), l = vt(y({ store: p }, l)), l = Bt(x(y({}, l), { focusable: u })), l = ht(x(y({ portal: a }, l), { portalRef: U, preserveTabOrder: G })), l;
+});
+function St(e, t = Ke) {
+  return K(function(r) {
+    const o = t(), s = r.store || o;
+    return te(
+      s,
+      (i) => !r.unmountOnHide || (i == null ? void 0 : i.mounted) || !!r.open
+    ) ? /* @__PURE__ */ E(e, y({}, r)) : null;
+  });
+}
+St(
+  K(function(t) {
+    const n = xt(t);
+    return ne(Vr, n);
+  }),
+  Ke
+);
+var Hr = "div";
+function ut(e = 0, t = 0, n = 0, r = 0) {
+  if (typeof DOMRect == "function")
+    return new DOMRect(e, t, n, r);
+  const o = {
+    x: e,
+    y: t,
+    width: n,
+    height: r,
+    top: t,
+    right: e + n,
+    bottom: t + r,
+    left: e
+  };
+  return x(y({}, o), { toJSON: () => o });
+}
+function Ir(e) {
+  if (!e) return ut();
+  const { x: t, y: n, width: r, height: o } = e;
+  return ut(t, n, r, o);
+}
+function kr(e, t) {
+  return {
+    contextElement: e || void 0,
+    getBoundingClientRect: () => {
+      const r = e, o = t == null ? void 0 : t(r);
+      return o || !r ? Ir(o) : r.getBoundingClientRect();
+    }
+  };
+}
+function Br(e) {
+  return /^(?:top|bottom|left|right)(?:-(?:start|end))?$/.test(e);
+}
+function at(e) {
+  const t = window.devicePixelRatio || 1;
+  return Math.round(e * t) / t;
+}
+function qr(e, t) {
+  return Qt(({ placement: n }) => {
+    var r;
+    const o = ((e == null ? void 0 : e.clientHeight) || 0) / 2, s = typeof t.gutter == "number" ? t.gutter + o : (r = t.gutter) != null ? r : o;
+    return {
+      crossAxis: !!n.split("-")[1] ? void 0 : t.shift,
+      mainAxis: s,
+      alignmentAxis: t.shift
+    };
+  });
+}
+function jr(e) {
+  if (e.flip === !1) return;
+  const t = typeof e.flip == "string" ? e.flip.split(" ") : void 0;
+  return pt(
+    !t || t.every(Br),
+    process.env.NODE_ENV !== "production" && "`flip` expects a spaced-delimited list of placements"
+  ), er({
+    padding: e.overflowPadding,
+    fallbackPlacements: t
+  });
+}
+function Wr(e) {
+  if (!(!e.slide && !e.overlap))
+    return tr({
+      mainAxis: e.slide,
+      crossAxis: e.overlap,
+      padding: e.overflowPadding,
+      limiter: or()
+    });
+}
+function zr(e) {
+  return nr({
+    padding: e.overflowPadding,
+    apply({ elements: t, availableWidth: n, availableHeight: r, rects: o }) {
+      const s = t.floating, u = Math.round(o.reference.width);
+      n = Math.floor(n), r = Math.floor(r), s.style.setProperty(
+        "--popover-anchor-width",
+        `${u}px`
+      ), s.style.setProperty(
+        "--popover-available-width",
+        `${n}px`
+      ), s.style.setProperty(
+        "--popover-available-height",
+        `${r}px`
+      ), e.sameWidth && (s.style.width = `${u}px`), e.fitViewport && (s.style.maxWidth = `${n}px`, s.style.maxHeight = `${r}px`);
+    }
+  });
+}
+function Yr(e, t) {
+  if (e)
+    return rr({
+      element: e,
+      padding: t.arrowPadding
+    });
+}
+var Xr = ue(
+  function(t) {
+    var n = t, {
+      store: r,
+      modal: o = !1,
+      portal: s = !!o,
+      preserveTabOrder: u = !0,
+      autoFocusOnShow: i = !0,
+      wrapperProps: a,
+      fixed: m = !1,
+      flip: b = !0,
+      shift: D = 0,
+      slide: f = !0,
+      overlap: V = !1,
+      sameWidth: L = !1,
+      fitViewport: H = !1,
+      gutter: I,
+      arrowPadding: M = 4,
+      overflowPadding: _ = 8,
+      getAnchorRect: A,
+      updatePosition: l
+    } = n, d = Me(n, [
+      "store",
+      "modal",
+      "portal",
+      "preserveTabOrder",
+      "autoFocusOnShow",
+      "wrapperProps",
+      "fixed",
+      "flip",
+      "shift",
+      "slide",
+      "overlap",
+      "sameWidth",
+      "fitViewport",
+      "gutter",
+      "arrowPadding",
+      "overflowPadding",
+      "getAnchorRect",
+      "updatePosition"
+    ]);
+    const g = mt();
+    r = r || g, pt(
+      r,
+      process.env.NODE_ENV !== "production" && "Popover must receive a `store` prop or be wrapped in a PopoverProvider component."
+    );
+    const p = r.useState("arrowElement"), U = r.useState("anchorElement"), S = r.useState("disclosureElement"), O = r.useState("popoverElement"), G = r.useState("contentElement"), T = r.useState("placement"), w = r.useState("mounted"), R = r.useState("rendered"), k = q(null), [we, ae] = Q(!1), { portalRef: Pe, domReady: Z } = ft(s, d.portalRef), ve = Ce(A), me = Ce(l), ge = !!l;
+    N(() => {
+      if (!(O != null && O.isConnected)) return;
+      O.style.setProperty(
+        "--popover-overflow-padding",
+        `${_}px`
+      );
+      const B = kr(U, ve), W = async () => {
+        if (!w) return;
+        p || (k.current = k.current || document.createElement("div"));
+        const X = p || k.current, oe = [
+          qr(X, { gutter: I, shift: D }),
+          jr({ flip: b, overflowPadding: _ }),
+          Wr({ slide: f, overlap: V, overflowPadding: _ }),
+          Yr(X, { arrowPadding: M }),
+          zr({
+            sameWidth: L,
+            fitViewport: H,
+            overflowPadding: _
+          })
+        ], z = await Jt(B, O, {
+          placement: T,
+          strategy: m ? "fixed" : "absolute",
+          middleware: oe
+        });
+        r == null || r.setState("currentPlacement", z.placement), ae(!0);
+        const Se = at(z.x), Oe = at(z.y);
+        if (Object.assign(O.style, {
+          top: "0",
+          left: "0",
+          transform: `translate3d(${Se}px,${Oe}px,0)`
+        }), X && z.middlewareData.arrow) {
+          const { x: se, y: le } = z.middlewareData.arrow, Fe = z.placement.split("-")[0], fe = X.clientWidth / 2, de = X.clientHeight / 2, c = se != null ? se + fe : -fe, v = le != null ? le + de : -de;
+          O.style.setProperty(
+            "--popover-transform-origin",
+            {
+              top: `${c}px calc(100% + ${de}px)`,
+              bottom: `${c}px ${-de}px`,
+              left: `calc(100% + ${fe}px) ${v}px`,
+              right: `${-fe}px ${v}px`
+            }[Fe]
+          ), Object.assign(X.style, {
+            left: se != null ? `${se}px` : "",
+            top: le != null ? `${le}px` : "",
+            [Fe]: "100%"
+          });
+        }
+      }, ce = Zt(B, O, async () => {
+        ge ? (await me({ updatePosition: W }), ae(!0)) : await W();
+      }, {
+        // JSDOM doesn't support ResizeObserver
+        elementResize: typeof ResizeObserver == "function"
+      });
+      return () => {
+        ae(!1), ce();
+      };
+    }, [
+      r,
+      R,
+      O,
+      p,
+      U,
+      O,
+      T,
+      w,
+      Z,
+      m,
+      b,
+      D,
+      f,
+      V,
+      L,
+      H,
+      I,
+      M,
+      _,
+      ve,
+      ge,
+      me
+    ]), N(() => {
+      if (!w || !Z || !(O != null && O.isConnected) || !(G != null && G.isConnected)) return;
+      const B = () => {
+        O.style.zIndex = getComputedStyle(G).zIndex;
+      };
+      B();
+      let W = requestAnimationFrame(() => {
+        W = requestAnimationFrame(B);
+      });
+      return () => cancelAnimationFrame(W);
+    }, [w, Z, O, G]);
+    const xe = m ? "fixed" : "absolute";
+    return d = ee(
+      d,
+      (B) => /* @__PURE__ */ E(
+        "div",
+        x(y({}, a), {
+          style: y({
+            // https://floating-ui.com/docs/computeposition#initial-layout
+            position: xe,
+            top: 0,
+            left: 0,
+            width: "max-content"
+          }, a == null ? void 0 : a.style),
+          ref: r == null ? void 0 : r.setPopoverElement,
+          children: B
+        })
+      ),
+      [r, xe, a]
+    ), d = ee(
+      d,
+      (B) => /* @__PURE__ */ E(Gt, { value: r, children: B }),
+      [r]
+    ), d = x(y({
+      // data-placing is not part of the public API. We're setting this here so
+      // we can wait for the popover to be positioned before other components
+      // move focus into it. For example, this attribute is observed by the
+      // Combobox component with the autoSelect behavior.
+      "data-placing": !we || void 0
+    }, d), {
+      style: y({
+        position: "relative"
+      }, d.style)
+    }), d = xt(x(y({
+      store: r,
+      modal: o,
+      portal: s,
+      preserveTabOrder: u,
+      preserveTabOrderAnchor: S || U,
+      autoFocusOnShow: we && i
+    }, d), {
+      portalRef: Pe
+    })), d;
+  }
+), an = St(
+  K(function(t) {
+    const n = Xr(t);
+    return ne(Hr, n);
+  }),
+  mt
+);
+export {
+  an as P,
+  We as R,
+  un as a,
+  St as c,
+  Xr as u
+};