@wrdagency/blockout 0.0.18 → 0.1.0

package/dist/WMYDSCNQ-DECXdiUT.js

@@ -0,0 +1,1346 @@
+import { e as mt, m as Nt, o as Mt, t as Vt, c as Ht, f as Lt, a as re, b as It } from "./YV4JVR4I-LkUIiJWj.js";
+import { $ as kt, Y as ke, U as Re, X as $e, Z as Bt, a as K, m as y, o as E, f as V, q as Y, _ as ae, n as Ze, b as M, ah as st, D as O, l as Z, W as Ee, V as Je, a0 as oe, M as W, S as qt, e as ye, ae as jt, a1 as gt, ai as Wt, aj as Yt, a6 as Be, a8 as ht, s as zt, g as bt, C as Xt, j as qe, H as Ut, A as Kt, i as Ve, ab as Gt } from "./LMDWO4NN--KEvZePp.js";
+import { createContext as Qe, useRef as j, useContext as et, useState as ne, useEffect as _, useCallback as Me, useMemo as Zt, isValidElement as Jt } from "react";
+import { b as je, c as it, r as Qt, d as er, F as tr, i as rr, g as nr, e as or, j as Pe, u as sr, k as ir } from "./PFRGBC2K-BEg8ahbY.js";
+import { r as Xe } from "./index-BI5rPXbu.js";
+import { jsx as P, jsxs as Ce, Fragment as Ne } from "react/jsx-runtime";
+import { c as ur, b as ar, u as cr, a as Et, i as lr } from "./WYCIER3C-8jmp2F15.js";
+import { c as He, D as fr, d as dr, e as pr } from "./RS7LB2H4-D0fWv5qu.js";
+import { b as Le, P as Pt } from "./MTZPJQMC-DyCWBG18.js";
+import { a as vr, c as mr, o as gr, f as hr, s as br, l as Er, b as Pr, d as yr } from "./floating-ui.dom-BqewRPVB.js";
+import { u as wr } from "./F5MUBM3I-87B2_4WK.js";
+function yt(e = {}) {
+  return ur(e);
+}
+function wt(e, t, n) {
+  return ar(e, t, n);
+}
+function xr(e = {}) {
+  const [t, n] = mt(yt, e);
+  return wt(t, n, e);
+}
+function Sr(e = {}) {
+  var t = e, {
+    popover: n
+  } = t, r = kt(t, [
+    "popover"
+  ]);
+  const o = Nt(
+    r.store,
+    Mt(n, [
+      "arrowElement",
+      "anchorElement",
+      "contentElement",
+      "popoverElement",
+      "disclosureElement"
+    ])
+  );
+  Vt(r, o);
+  const s = o == null ? void 0 : o.getState(), i = yt(ke(Re({}, r), { store: o })), u = $e(
+    r.placement,
+    s == null ? void 0 : s.placement,
+    "bottom"
+  ), a = ke(Re({}, i.getState()), {
+    placement: u,
+    currentPlacement: u,
+    anchorElement: $e(s == null ? void 0 : s.anchorElement, null),
+    popoverElement: $e(s == null ? void 0 : s.popoverElement, null),
+    arrowElement: $e(s == null ? void 0 : s.arrowElement, null),
+    rendered: Symbol("rendered")
+  }), p = Ht(a, i, o);
+  return ke(Re(Re({}, i), p), {
+    setAnchorElement: (b) => p.setState("anchorElement", b),
+    setPopoverElement: (b) => p.setState("popoverElement", b),
+    setArrowElement: (b) => p.setState("arrowElement", b),
+    render: () => p.setState("rendered", Symbol("rendered"))
+  });
+}
+function Dr(e, t, n) {
+  return Bt(t, [n.popover]), Lt(e, n, "placement"), wt(e, t, n);
+}
+function $n(e = {}) {
+  const [t, n] = mt(Sr, e);
+  return Dr(t, n, e);
+}
+var ut = Qe(null), Or = "span", xt = K(
+  function(t) {
+    return t = y(E({}, t), {
+      style: E({
+        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;
+  }
+);
+V(function(t) {
+  const n = xt(t);
+  return Y(Or, n);
+});
+var Ar = "span", Fr = K(
+  function(t) {
+    return t = y(E({
+      "data-focus-trap": "",
+      tabIndex: 0,
+      "aria-hidden": !0
+    }, t), {
+      style: E({
+        // Prevents unintended scroll jumps.
+        position: "fixed",
+        top: 0,
+        left: 0
+      }, t.style)
+    }), t = xt(t), t;
+  }
+), _e = V(function(t) {
+  const n = Fr(t);
+  return Y(Ar, n);
+}), Tr = "div";
+function Rr(e) {
+  return O(e).body;
+}
+function $r(e, t) {
+  return t ? typeof t == "function" ? t(e) : t : O(e).createElement("div");
+}
+function _r(e = "id") {
+  return `${e ? `${e}-` : ""}${Math.random().toString(36).slice(2, 8)}`;
+}
+function te(e) {
+  queueMicrotask(() => {
+    e == null || e.focus();
+  });
+}
+var St = K(function(t) {
+  var n = t, {
+    preserveTabOrder: r,
+    preserveTabOrderAnchor: o,
+    portalElement: s,
+    portalRef: i,
+    portal: u = !0
+  } = n, a = ae(n, [
+    "preserveTabOrder",
+    "preserveTabOrderAnchor",
+    "portalElement",
+    "portalRef",
+    "portal"
+  ]);
+  const p = j(null), b = Ze(p, a.ref), A = et(ut), [f, H] = ne(null), [L, I] = ne(
+    null
+  ), k = j(null), C = j(null), N = j(null), F = j(null);
+  return M(() => {
+    const l = p.current;
+    if (!l || !u) {
+      H(null);
+      return;
+    }
+    const d = $r(l, s);
+    if (!d) {
+      H(null);
+      return;
+    }
+    const g = d.isConnected;
+    if (g || (A || Rr(l)).appendChild(d), d.id || (d.id = l.id ? `portal/${l.id}` : _r()), H(d), st(i, d), !g)
+      return () => {
+        d.remove(), st(i, null);
+      };
+  }, [u, s, A, i]), M(() => {
+    if (!u || !r || !o) return;
+    const d = O(o).createElement("span");
+    return d.style.position = "fixed", o.insertAdjacentElement("afterend", d), I(d), () => {
+      d.remove(), I(null);
+    };
+  }, [u, r, o]), _(() => {
+    if (!f || !r) return;
+    let l = 0;
+    const d = (g) => {
+      if (!Ee(g)) return;
+      const v = g.type === "focusin";
+      if (cancelAnimationFrame(l), v)
+        return Qt(f);
+      l = requestAnimationFrame(() => {
+        er(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 = Z(
+    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__ */ P(ut.Provider, { value: f || A, children: l }), !u) return l;
+      if (!f)
+        return /* @__PURE__ */ P(
+          "span",
+          {
+            ref: b,
+            id: a.id,
+            style: { position: "fixed" },
+            hidden: !0
+          }
+        );
+      l = /* @__PURE__ */ Ce(Ne, { children: [
+        r && f && /* @__PURE__ */ P(
+          _e,
+          {
+            ref: C,
+            "data-focus-trap": a.id,
+            className: "__focus-trap-inner-before",
+            onFocus: (g) => {
+              Ee(g, f) ? te(je()) : te(k.current);
+            }
+          }
+        ),
+        l,
+        r && f && /* @__PURE__ */ P(
+          _e,
+          {
+            ref: N,
+            "data-focus-trap": a.id,
+            className: "__focus-trap-inner-after",
+            onFocus: (g) => {
+              Ee(g, f) ? te(it()) : te(F.current);
+            }
+          }
+        )
+      ] }), f && (l = Xe.createPortal(l, f));
+      let d = /* @__PURE__ */ Ce(Ne, { children: [
+        r && f && /* @__PURE__ */ P(
+          _e,
+          {
+            ref: k,
+            "data-focus-trap": a.id,
+            className: "__focus-trap-outer-before",
+            onFocus: (g) => {
+              !(g.relatedTarget === F.current) && Ee(g, f) ? te(C.current) : te(it());
+            }
+          }
+        ),
+        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__ */ P("span", { "aria-owns": f == null ? void 0 : f.id, style: { position: "fixed" } }),
+        r && f && /* @__PURE__ */ P(
+          _e,
+          {
+            ref: F,
+            "data-focus-trap": a.id,
+            className: "__focus-trap-outer-after",
+            onFocus: (g) => {
+              if (Ee(g, f))
+                te(N.current);
+              else {
+                const v = je();
+                if (v === C.current) {
+                  requestAnimationFrame(() => {
+                    var J;
+                    return (J = je()) == null ? void 0 : J.focus();
+                  });
+                  return;
+                }
+                te(v);
+              }
+            }
+          }
+        )
+      ] });
+      return L && r && (d = Xe.createPortal(
+        d,
+        L
+      )), /* @__PURE__ */ Ce(Ne, { children: [
+        d,
+        l
+      ] });
+    },
+    [f, A, u, a.id, r, L]
+  ), a = y(E({}, a), {
+    ref: b
+  }), a;
+});
+V(function(t) {
+  const n = St(t);
+  return Y(Tr, n);
+});
+var at = Qe(0);
+function Cr({ level: e, children: t }) {
+  const n = et(at), r = Math.max(
+    Math.min(e || n + 1, 6),
+    1
+  );
+  return /* @__PURE__ */ P(at.Provider, { value: r, children: t });
+}
+var Nr = "div", Dt = K(function(t) {
+  var n = t, { autoFocusOnShow: r = !0 } = n, o = ae(n, ["autoFocusOnShow"]);
+  return o = Z(
+    o,
+    (s) => /* @__PURE__ */ P(tr.Provider, { value: r, children: s }),
+    [r]
+  ), o;
+});
+V(function(t) {
+  const n = Dt(t);
+  return Y(Nr, n);
+});
+function Mr(e, t) {
+  const r = O(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 Vr(e) {
+  const t = j();
+  return _(() => {
+    if (!e) {
+      t.current = null;
+      return;
+    }
+    return Je("mousedown", (r) => {
+      t.current = r.target;
+    }, !0);
+  }, [e]), t;
+}
+var We = /* @__PURE__ */ new WeakMap();
+function we(e, t, n) {
+  We.has(e) || We.set(e, /* @__PURE__ */ new Map());
+  const r = We.get(e), o = r.get(t);
+  if (!o)
+    return r.set(t, n()), () => {
+      var u;
+      (u = r.get(t)) == null || u(), r.delete(t);
+    };
+  const s = n(), i = () => {
+    s(), o(), r.delete(t);
+  };
+  return r.set(t, i), () => {
+    r.get(t) === i && (s(), r.set(t, o));
+  };
+}
+function tt(e, t, n) {
+  return we(e, t, () => {
+    const o = e.getAttribute(t);
+    return e.setAttribute(t, n), () => {
+      o == null ? e.removeAttribute(t) : e.setAttribute(t, o);
+    };
+  });
+}
+function ue(e, t, n) {
+  return we(e, t, () => {
+    const o = t in e, s = e[t];
+    return e[t] = n, () => {
+      o ? e[t] = s : delete e[t];
+    };
+  });
+}
+function Ue(e, t) {
+  return e ? we(e, "style", () => {
+    const r = e.style.cssText;
+    return Object.assign(e.style, t), () => {
+      e.style.cssText = r;
+    };
+  }) : () => {
+  };
+}
+function Hr(e, t, n) {
+  return e ? we(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 Lr = ["SCRIPT", "STYLE"];
+function Ke(e) {
+  return `__ariakit-dialog-snapshot-${e}`;
+}
+function Ir(e, t) {
+  const n = O(t), r = Ke(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 kr(e, t, n) {
+  return Lr.includes(t.tagName) || !Ir(e, t) ? !1 : !n.some(
+    (r) => r && W(t, r)
+  );
+}
+function rt(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)), i = O(o), u = o;
+    for (; o.parentElement && o !== i.body; ) {
+      if (r == null || r(o.parentElement, u), !s)
+        for (const a of o.parentElement.children)
+          kr(e, a, t) && n(a, u);
+      o = o.parentElement;
+    }
+  }
+}
+function Br(e, t) {
+  const { body: n } = O(t[0]), r = [];
+  return rt(e, t, (s) => {
+    r.push(ue(s, Ke(e), !0));
+  }), oe(ue(n, Ke(e), !0), () => {
+    for (const s of r)
+      s();
+  });
+}
+function Ot(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 ve(e = "", t = !1) {
+  return `__ariakit-dialog-${t ? "ancestor" : "outside"}${e ? `-${e}` : ""}`;
+}
+function qr(e, t = "") {
+  return oe(
+    ue(e, ve(), !0),
+    ue(e, ve(t), !0)
+  );
+}
+function At(e, t = "") {
+  return oe(
+    ue(e, ve("", !0), !0),
+    ue(e, ve(t, !0), !0)
+  );
+}
+function nt(e, t) {
+  const n = ve(t, !0);
+  if (e[n]) return !0;
+  const r = ve(t);
+  do {
+    if (e[r]) return !0;
+    if (!e.parentElement) return !1;
+    e = e.parentElement;
+  } while (!0);
+}
+function ct(e, t) {
+  const n = [], r = t.map((s) => s == null ? void 0 : s.id);
+  return rt(
+    e,
+    t,
+    (s) => {
+      Ot(s, ...r) || n.unshift(qr(s, e));
+    },
+    (s, i) => {
+      i.hasAttribute("data-dialog") && i.id !== e || n.unshift(At(s, e));
+    }
+  ), () => {
+    for (const s of n)
+      s();
+  };
+}
+function jr(e) {
+  return e.tagName === "HTML" ? !0 : W(O(e).body, e);
+}
+function Wr(e, t) {
+  if (!e) return !1;
+  if (W(e, t)) return !0;
+  const n = t.getAttribute("aria-activedescendant");
+  if (n) {
+    const r = O(e).getElementById(n);
+    if (r)
+      return W(e, r);
+  }
+  return !1;
+}
+function Yr(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 Ye({
+  store: e,
+  type: t,
+  listener: n,
+  capture: r,
+  domReady: o
+}) {
+  const s = ye(n), i = re(e, "open"), u = j(!1);
+  M(() => {
+    if (!i || !o) return;
+    const { contentElement: a } = e.getState();
+    if (!a) return;
+    const p = () => {
+      u.current = !0;
+    };
+    return a.addEventListener("focusin", p, !0), () => a.removeEventListener("focusin", p, !0);
+  }, [e, i, o]), _(() => i ? Je(t, (p) => {
+    const { contentElement: b, disclosureElement: A } = e.getState(), f = p.target;
+    !b || !f || !jr(f) || W(b, f) || Wr(A, f) || f.hasAttribute("data-focus-trap") || Yr(p, b) || u.current && !nt(f, b.id) || rr(f) || s(p);
+  }, r) : void 0, [i, r]);
+}
+function ze(e, t) {
+  return typeof e == "function" ? e(t) : !!e;
+}
+function zr(e, t, n) {
+  const r = re(e, "open"), o = Vr(r), s = { store: e, domReady: n, capture: !0 };
+  Ye(y(E({}, s), {
+    type: "click",
+    listener: (i) => {
+      const { contentElement: u } = e.getState(), a = o.current;
+      a && qt(a) && nt(a, u == null ? void 0 : u.id) && ze(t, i) && e.hide();
+    }
+  })), Ye(y(E({}, s), {
+    type: "focusin",
+    listener: (i) => {
+      const { contentElement: u } = e.getState();
+      u && i.target !== O(u) && ze(t, i) && e.hide();
+    }
+  })), Ye(y(E({}, s), {
+    type: "contextmenu",
+    listener: (i) => {
+      ze(t, i) && e.hide();
+    }
+  }));
+}
+var lt = Qe({});
+function Xr(e) {
+  const t = et(lt), [n, r] = ne([]), o = Me(
+    (u) => {
+      var a;
+      return r((p) => [...p, u]), oe((a = t.add) == null ? void 0 : a.call(t, u), () => {
+        r((p) => p.filter((b) => b !== u));
+      });
+    },
+    [t]
+  );
+  M(() => It(e, ["open", "contentElement"], (u) => {
+    var a;
+    if (u.open && u.contentElement)
+      return (a = t.add) == null ? void 0 : a.call(t, e);
+  }), [e, t]);
+  const s = Zt(() => ({ store: e, add: o }), [e, o]);
+  return { wrapElement: Me(
+    (u) => /* @__PURE__ */ P(lt.Provider, { value: s, children: u }),
+    [s]
+  ), nestedDialogs: n };
+}
+function Ur({
+  attribute: e,
+  contentId: t,
+  contentElement: n,
+  enabled: r
+}) {
+  const [o, s] = jt(), i = Me(() => {
+    if (!r || !n) return !1;
+    const { body: u } = O(n), a = u.getAttribute(e);
+    return !a || a === t;
+  }, [o, r, n, e, t]);
+  return _(() => {
+    if (!r || !t || !n) return;
+    const { body: u } = O(n);
+    if (i())
+      return u.setAttribute(e, t), () => u.removeAttribute(e);
+    const a = new MutationObserver(() => Xe.flushSync(s));
+    return a.observe(u, { attributeFilter: [e] }), () => a.disconnect();
+  }, [o, r, t, n, i, e]), i;
+}
+function Kr(e) {
+  const t = e.getBoundingClientRect().left;
+  return Math.round(t) + e.scrollLeft ? "paddingLeft" : "paddingRight";
+}
+function Gr(e, t, n) {
+  const r = Ur({
+    attribute: "data-dialog-prevent-body-scroll",
+    contentElement: e,
+    contentId: t,
+    enabled: n
+  });
+  _(() => {
+    if (!r() || !e) return;
+    const o = O(e), s = gt(e), { documentElement: i, body: u } = o, a = i.style.getPropertyValue("--scrollbar-width"), p = a ? Number.parseInt(a) : s.innerWidth - i.clientWidth, b = () => Hr(
+      i,
+      "--scrollbar-width",
+      `${p}px`
+    ), A = Kr(i), f = () => Ue(u, {
+      overflow: "hidden",
+      [A]: `${p}px`
+    }), H = () => {
+      var I, k;
+      const { scrollX: C, scrollY: N, visualViewport: F } = s, l = (I = F == null ? void 0 : F.offsetLeft) != null ? I : 0, d = (k = F == null ? void 0 : F.offsetTop) != null ? k : 0, g = Ue(u, {
+        position: "fixed",
+        overflow: "hidden",
+        top: `${-(N - Math.floor(d))}px`,
+        left: `${-(C - Math.floor(l))}px`,
+        right: "0",
+        [A]: `${p}px`
+      });
+      return () => {
+        g(), process.env.NODE_ENV !== "test" && s.scrollTo({ left: C, top: N, behavior: "instant" });
+      };
+    }, L = Wt() && !Yt();
+    return oe(
+      b(),
+      L ? H() : f()
+    );
+  }, [r, e]);
+}
+function Zr(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 Ft() {
+  return "inert" in HTMLElement.prototype;
+}
+function Jr(e) {
+  return tt(e, "aria-hidden", "true");
+}
+function Tt(e, t) {
+  if (!("style" in e)) return Be;
+  if (Ft())
+    return ue(e, "inert", !0);
+  const r = nr(e, !0).map((o) => {
+    if (t != null && t.some((i) => i && W(i, o))) return Be;
+    const s = we(o, "focus", () => (o.focus = Be, () => {
+      delete o.focus;
+    }));
+    return oe(tt(o, "tabindex", "-1"), s);
+  });
+  return oe(
+    ...r,
+    Jr(e),
+    Ue(e, {
+      pointerEvents: "none",
+      userSelect: "none",
+      cursor: "default"
+    })
+  );
+}
+function Qr(e, t) {
+  const n = [], r = t.map((s) => s == null ? void 0 : s.id);
+  return rt(
+    e,
+    t,
+    (s) => {
+      Ot(s, ...r) || Zr(s, ...r) || n.unshift(Tt(s, t));
+    },
+    (s) => {
+      s.hasAttribute("role") && (t.some((i) => i && W(i, s)) || n.unshift(tt(s, "role", "none")));
+    }
+  ), () => {
+    for (const s of n)
+      s();
+  };
+}
+var en = "div", tn = [
+  "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"
+];
+K(
+  function(t) {
+    return t;
+  }
+);
+var Ge = V(
+  // @ts-expect-error
+  function(t) {
+    return Y(en, t);
+  }
+);
+Object.assign(
+  Ge,
+  tn.reduce((e, t) => (e[t] = V(function(r) {
+    return Y(t, r);
+  }), e), {})
+);
+function rn({
+  store: e,
+  backdrop: t,
+  alwaysVisible: n,
+  hidden: r
+}) {
+  const o = j(null), s = cr({ disclosure: e }), i = re(e, "contentElement");
+  _(() => {
+    const p = o.current, b = i;
+    p && b && (p.style.zIndex = getComputedStyle(b).zIndex);
+  }, [i]), M(() => {
+    const p = i == null ? void 0 : i.id;
+    if (!p) return;
+    const b = o.current;
+    if (b)
+      return At(b, p);
+  }, [i]);
+  const u = Et({
+    ref: o,
+    store: s,
+    role: "presentation",
+    "data-backdrop": (i == null ? void 0 : i.id) || "",
+    alwaysVisible: n,
+    hidden: r ?? void 0,
+    style: {
+      position: "fixed",
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    }
+  });
+  if (!t) return null;
+  if (Jt(t))
+    return /* @__PURE__ */ P(Ge, y(E({}, u), { render: t }));
+  const a = typeof t != "boolean" ? t : "div";
+  return /* @__PURE__ */ P(Ge, y(E({}, u), { render: /* @__PURE__ */ P(a, {}) }));
+}
+var nn = "div", ft = Kt();
+function on(e) {
+  const t = bt();
+  return !t || e && W(e, t) ? !1 : !!Pe(t);
+}
+function dt(e, t = !1) {
+  if (!e) return null;
+  const n = "current" in e ? e.current : e;
+  return n ? t ? Pe(n) ? n : null : n : null;
+}
+var Rt = K(function(t) {
+  var n = t, {
+    store: r,
+    open: o,
+    onClose: s,
+    focusable: i = !0,
+    modal: u = !0,
+    portal: a = !!u,
+    backdrop: p = !!u,
+    hideOnEscape: b = !0,
+    hideOnInteractOutside: A = !0,
+    getPersistentElements: f,
+    preventBodyScroll: H = !!u,
+    autoFocusOnShow: L = !0,
+    autoFocusOnHide: I = !0,
+    initialFocus: k,
+    finalFocus: C,
+    unmountOnHide: N,
+    unstable_treeSnapshotKey: F
+  } = n, l = ae(n, [
+    "store",
+    "open",
+    "onClose",
+    "focusable",
+    "modal",
+    "portal",
+    "backdrop",
+    "hideOnEscape",
+    "hideOnInteractOutside",
+    "getPersistentElements",
+    "preventBodyScroll",
+    "autoFocusOnShow",
+    "autoFocusOnHide",
+    "initialFocus",
+    "finalFocus",
+    "unmountOnHide",
+    "unstable_treeSnapshotKey"
+  ]);
+  const d = He(), g = j(null), v = xr({
+    store: r || d,
+    open: o,
+    setOpen(c) {
+      if (c) return;
+      const m = g.current;
+      if (!m) return;
+      const x = new Event("close", { bubbles: !1, cancelable: !0 });
+      s && m.addEventListener("close", s, { once: !0 }), m.dispatchEvent(x), x.defaultPrevented && v.setOpen(!0);
+    }
+  }), { portalRef: J, domReady: S } = ht(a, l.portalRef), D = l.preserveTabOrder, Q = re(
+    v,
+    (c) => D && !u && c.mounted
+  ), T = zt(l.id), w = re(v, "open"), R = re(v, "mounted"), B = re(v, "contentElement"), xe = lr(R, l.hidden, l.alwaysVisible);
+  Gr(B, T, H && !xe), zr(v, A, S);
+  const { wrapElement: ce, nestedDialogs: Se } = Xr(v);
+  l = Z(l, ce, [ce]), M(() => {
+    if (!w) return;
+    const c = g.current, m = bt(c, !0);
+    m && m.tagName !== "BODY" && (c && W(c, m) || v.setDisclosureElement(m));
+  }, [v, w]), ft && _(() => {
+    if (!R) return;
+    const { disclosureElement: c } = v.getState();
+    if (!c || !Xt(c)) return;
+    const m = () => {
+      let x = !1;
+      const h = () => {
+        x = !0;
+      }, $ = { capture: !0, once: !0 };
+      c.addEventListener("focusin", h, $), Ut(c, "mouseup", () => {
+        c.removeEventListener("focusin", h, !0), !x && ir(c);
+      });
+    };
+    return c.addEventListener("mousedown", m), () => {
+      c.removeEventListener("mousedown", m);
+    };
+  }, [v, R]), _(() => {
+    if (!R || !S) return;
+    const c = g.current;
+    if (!c) return;
+    const m = gt(c), x = m.visualViewport || m, h = () => {
+      var $, U;
+      const be = (U = ($ = m.visualViewport) == null ? void 0 : $.height) != null ? U : m.innerHeight;
+      c.style.setProperty("--dialog-viewport-height", `${be}px`);
+    };
+    return h(), x.addEventListener("resize", h), () => {
+      x.removeEventListener("resize", h);
+    };
+  }, [R, S]), _(() => {
+    if (!u || !R || !S) return;
+    const c = g.current;
+    if (!(!c || c.querySelector("[data-dialog-dismiss]")))
+      return Mr(c, v.hide);
+  }, [v, u, R, S]), M(() => {
+    if (!Ft() || w || !R || !S) return;
+    const c = g.current;
+    if (c)
+      return Tt(c);
+  }, [w, R, S]);
+  const ee = w && S;
+  M(() => {
+    if (!T || !ee) return;
+    const c = g.current;
+    return Br(T, [c]);
+  }, [T, ee, F]);
+  const me = ye(f);
+  M(() => {
+    if (!T || !ee) return;
+    const { disclosureElement: c } = v.getState(), m = g.current, x = me() || [], h = [
+      m,
+      ...x,
+      ...Se.map(($) => $.getState().contentElement)
+    ];
+    return u ? oe(
+      ct(T, h),
+      Qr(T, h)
+    ) : ct(T, [c, ...h]);
+  }, [
+    T,
+    v,
+    ee,
+    me,
+    Se,
+    u,
+    F
+  ]);
+  const ge = !!L, he = qe(L), [De, q] = ne(!1);
+  _(() => {
+    if (!w || !ge || !S || !(B != null && B.isConnected)) return;
+    const c = dt(k, !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.
+    B.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.
+    or(B, !0, a && Q) || // Finally, we fallback to the dialog element itself.
+    B, m = Pe(c);
+    he(m ? c : null) && (q(!0), queueMicrotask(() => {
+      c.focus(), ft && m && c.scrollIntoView({ block: "nearest", inline: "nearest" });
+    }));
+  }, [
+    w,
+    ge,
+    S,
+    B,
+    k,
+    a,
+    Q,
+    he
+  ]);
+  const z = !!I, Ie = qe(I), [le, G] = ne(!1);
+  _(() => {
+    if (w)
+      return G(!0), () => G(!1);
+  }, [w]);
+  const se = Me(
+    (c, m = !0) => {
+      const { disclosureElement: x } = v.getState();
+      if (on(c)) return;
+      let h = dt(C) || x;
+      if (h != null && h.id) {
+        const U = O(h), be = `[aria-activedescendant="${h.id}"]`, Te = U.querySelector(be);
+        Te && (h = Te);
+      }
+      if (h && !Pe(h)) {
+        const U = h.closest("[data-dialog]");
+        if (U != null && U.id) {
+          const be = O(U), Te = `[aria-controls~="${U.id}"]`, ot = be.querySelector(Te);
+          ot && (h = ot);
+        }
+      }
+      const $ = h && Pe(h);
+      if (!$ && m) {
+        requestAnimationFrame(() => se(c, !1));
+        return;
+      }
+      Ie($ ? h : null) && $ && (h == null || h.focus({ preventScroll: !0 }));
+    },
+    [v, C, Ie]
+  ), X = j(!1);
+  M(() => {
+    if (w || !le || !z) return;
+    const c = g.current;
+    X.current = !0, se(c);
+  }, [w, le, S, z, se]), _(() => {
+    if (!le || !z) return;
+    const c = g.current;
+    return () => {
+      if (X.current) {
+        X.current = !1;
+        return;
+      }
+      se(c);
+    };
+  }, [le, z, se]);
+  const Oe = qe(b);
+  _(() => !S || !R ? void 0 : Je("keydown", (m) => {
+    if (m.key !== "Escape" || m.defaultPrevented) return;
+    const x = g.current;
+    if (!x || nt(x)) return;
+    const h = m.target;
+    if (!h) return;
+    const { disclosureElement: $ } = v.getState();
+    !!(h.tagName === "BODY" || W(x, h) || !$ || W($, h)) && Oe(m) && v.hide();
+  }, !0), [v, S, R, Oe]), l = Z(
+    l,
+    (c) => /* @__PURE__ */ P(Cr, { level: u ? 1 : void 0, children: c }),
+    [u]
+  );
+  const Ae = l.hidden, ie = l.alwaysVisible;
+  l = Z(
+    l,
+    (c) => p ? /* @__PURE__ */ Ce(Ne, { children: [
+      /* @__PURE__ */ P(
+        rn,
+        {
+          store: v,
+          backdrop: p,
+          hidden: Ae,
+          alwaysVisible: ie
+        }
+      ),
+      c
+    ] }) : c,
+    [v, p, Ae, ie]
+  );
+  const [fe, Fe] = ne(), [de, pe] = ne();
+  return l = Z(
+    l,
+    (c) => /* @__PURE__ */ P(fr, { value: v, children: /* @__PURE__ */ P(dr.Provider, { value: Fe, children: /* @__PURE__ */ P(pr.Provider, { value: pe, children: c }) }) }),
+    [v]
+  ), l = y(E({
+    id: T,
+    "data-dialog": "",
+    role: "dialog",
+    tabIndex: i ? -1 : void 0,
+    "aria-labelledby": fe,
+    "aria-describedby": de
+  }, l), {
+    ref: Ze(g, l.ref)
+  }), l = Dt(y(E({}, l), {
+    autoFocusOnShow: De
+  })), l = Et(E({ store: v }, l)), l = sr(y(E({}, l), { focusable: i })), l = St(y(E({ portal: a }, l), { portalRef: J, preserveTabOrder: Q })), l;
+});
+function $t(e, t = He) {
+  return V(function(r) {
+    const o = t(), s = r.store || o;
+    return re(
+      s,
+      (u) => !r.unmountOnHide || (u == null ? void 0 : u.mounted) || !!r.open
+    ) ? /* @__PURE__ */ P(e, E({}, r)) : null;
+  });
+}
+$t(
+  V(function(t) {
+    const n = Rt(t);
+    return Y(nn, n);
+  }),
+  He
+);
+var sn = "div";
+function pt(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 y(E({}, o), { toJSON: () => o });
+}
+function un(e) {
+  if (!e) return pt();
+  const { x: t, y: n, width: r, height: o } = e;
+  return pt(t, n, r, o);
+}
+function an(e, t) {
+  return {
+    contextElement: e || void 0,
+    getBoundingClientRect: () => {
+      const r = e, o = t == null ? void 0 : t(r);
+      return o || !r ? un(o) : r.getBoundingClientRect();
+    }
+  };
+}
+function cn(e) {
+  return /^(?:top|bottom|left|right)(?:-(?:start|end))?$/.test(e);
+}
+function vt(e) {
+  const t = window.devicePixelRatio || 1;
+  return Math.round(e * t) / t;
+}
+function ln(e, t) {
+  return gr(({ 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 fn(e) {
+  if (e.flip === !1) return;
+  const t = typeof e.flip == "string" ? e.flip.split(" ") : void 0;
+  return Ve(
+    !t || t.every(cn),
+    process.env.NODE_ENV !== "production" && "`flip` expects a spaced-delimited list of placements"
+  ), hr({
+    padding: e.overflowPadding,
+    fallbackPlacements: t
+  });
+}
+function dn(e) {
+  if (!(!e.slide && !e.overlap))
+    return br({
+      mainAxis: e.slide,
+      crossAxis: e.overlap,
+      padding: e.overflowPadding,
+      limiter: Er()
+    });
+}
+function pn(e) {
+  return yr({
+    padding: e.overflowPadding,
+    apply({ elements: t, availableWidth: n, availableHeight: r, rects: o }) {
+      const s = t.floating, i = Math.round(o.reference.width);
+      n = Math.floor(n), r = Math.floor(r), s.style.setProperty(
+        "--popover-anchor-width",
+        `${i}px`
+      ), s.style.setProperty(
+        "--popover-available-width",
+        `${n}px`
+      ), s.style.setProperty(
+        "--popover-available-height",
+        `${r}px`
+      ), e.sameWidth && (s.style.width = `${i}px`), e.fitViewport && (s.style.maxWidth = `${n}px`, s.style.maxHeight = `${r}px`);
+    }
+  });
+}
+function vn(e, t) {
+  if (e)
+    return Pr({
+      element: e,
+      padding: t.arrowPadding
+    });
+}
+var mn = K(
+  function(t) {
+    var n = t, {
+      store: r,
+      modal: o = !1,
+      portal: s = !!o,
+      preserveTabOrder: i = !0,
+      autoFocusOnShow: u = !0,
+      wrapperProps: a,
+      fixed: p = !1,
+      flip: b = !0,
+      shift: A = 0,
+      slide: f = !0,
+      overlap: H = !1,
+      sameWidth: L = !1,
+      fitViewport: I = !1,
+      gutter: k,
+      arrowPadding: C = 4,
+      overflowPadding: N = 8,
+      getAnchorRect: F,
+      updatePosition: l
+    } = n, d = ae(n, [
+      "store",
+      "modal",
+      "portal",
+      "preserveTabOrder",
+      "autoFocusOnShow",
+      "wrapperProps",
+      "fixed",
+      "flip",
+      "shift",
+      "slide",
+      "overlap",
+      "sameWidth",
+      "fitViewport",
+      "gutter",
+      "arrowPadding",
+      "overflowPadding",
+      "getAnchorRect",
+      "updatePosition"
+    ]);
+    const g = Le();
+    r = r || g, Ve(
+      r,
+      process.env.NODE_ENV !== "production" && "Popover must receive a `store` prop or be wrapped in a PopoverProvider component."
+    );
+    const v = r.useState("arrowElement"), J = r.useState("anchorElement"), S = r.useState("disclosureElement"), D = r.useState("popoverElement"), Q = r.useState("contentElement"), T = r.useState("placement"), w = r.useState("mounted"), R = r.useState("rendered"), B = j(null), [xe, ce] = ne(!1), { portalRef: Se, domReady: ee } = ht(s, d.portalRef), me = ye(F), ge = ye(l), he = !!l;
+    M(() => {
+      if (!(D != null && D.isConnected)) return;
+      D.style.setProperty(
+        "--popover-overflow-padding",
+        `${N}px`
+      );
+      const q = an(J, me), z = async () => {
+        if (!w) return;
+        v || (B.current = B.current || document.createElement("div"));
+        const G = v || B.current, se = [
+          ln(G, { gutter: k, shift: A }),
+          fn({ flip: b, overflowPadding: N }),
+          dn({ slide: f, overlap: H, overflowPadding: N }),
+          vn(G, { arrowPadding: C }),
+          pn({
+            sameWidth: L,
+            fitViewport: I,
+            overflowPadding: N
+          })
+        ], X = await mr(q, D, {
+          placement: T,
+          strategy: p ? "fixed" : "absolute",
+          middleware: se
+        });
+        r == null || r.setState("currentPlacement", X.placement), ce(!0);
+        const Oe = vt(X.x), Ae = vt(X.y);
+        if (Object.assign(D.style, {
+          top: "0",
+          left: "0",
+          transform: `translate3d(${Oe}px,${Ae}px,0)`
+        }), G && X.middlewareData.arrow) {
+          const { x: ie, y: fe } = X.middlewareData.arrow, Fe = X.placement.split("-")[0], de = G.clientWidth / 2, pe = G.clientHeight / 2, c = ie != null ? ie + de : -de, m = fe != null ? fe + pe : -pe;
+          D.style.setProperty(
+            "--popover-transform-origin",
+            {
+              top: `${c}px calc(100% + ${pe}px)`,
+              bottom: `${c}px ${-pe}px`,
+              left: `calc(100% + ${de}px) ${m}px`,
+              right: `${-de}px ${m}px`
+            }[Fe]
+          ), Object.assign(G.style, {
+            left: ie != null ? `${ie}px` : "",
+            top: fe != null ? `${fe}px` : "",
+            [Fe]: "100%"
+          });
+        }
+      }, le = vr(q, D, async () => {
+        he ? (await ge({ updatePosition: z }), ce(!0)) : await z();
+      }, {
+        // JSDOM doesn't support ResizeObserver
+        elementResize: typeof ResizeObserver == "function"
+      });
+      return () => {
+        ce(!1), le();
+      };
+    }, [
+      r,
+      R,
+      D,
+      v,
+      J,
+      D,
+      T,
+      w,
+      ee,
+      p,
+      b,
+      A,
+      f,
+      H,
+      L,
+      I,
+      k,
+      C,
+      N,
+      me,
+      he,
+      ge
+    ]), M(() => {
+      if (!w || !ee || !(D != null && D.isConnected) || !(Q != null && Q.isConnected)) return;
+      const q = () => {
+        D.style.zIndex = getComputedStyle(Q).zIndex;
+      };
+      q();
+      let z = requestAnimationFrame(() => {
+        z = requestAnimationFrame(q);
+      });
+      return () => cancelAnimationFrame(z);
+    }, [w, ee, D, Q]);
+    const De = p ? "fixed" : "absolute";
+    return d = Z(
+      d,
+      (q) => /* @__PURE__ */ P(
+        "div",
+        y(E({}, a), {
+          style: E({
+            // https://floating-ui.com/docs/computeposition#initial-layout
+            position: De,
+            top: 0,
+            left: 0,
+            width: "max-content"
+          }, a == null ? void 0 : a.style),
+          ref: r == null ? void 0 : r.setPopoverElement,
+          children: q
+        })
+      ),
+      [r, De, a]
+    ), d = Z(
+      d,
+      (q) => /* @__PURE__ */ P(Pt, { value: r, children: q }),
+      [r]
+    ), d = y(E({
+      // 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": !xe || void 0
+    }, d), {
+      style: E({
+        position: "relative"
+      }, d.style)
+    }), d = Rt(y(E({
+      store: r,
+      modal: o,
+      portal: s,
+      preserveTabOrder: i,
+      preserveTabOrderAnchor: S || J,
+      autoFocusOnShow: xe && u
+    }, d), {
+      portalRef: Se
+    })), d;
+  }
+), _n = $t(
+  V(function(t) {
+    const n = mn(t);
+    return Y(sn, n);
+  }),
+  Le
+), gn = "div", _t = K(
+  function(t) {
+    var n = t, { store: r } = n, o = ae(n, ["store"]);
+    const s = Le();
+    return r = r || s, o = y(E({}, o), {
+      ref: Ze(r == null ? void 0 : r.setAnchorElement, o.ref)
+    }), o;
+  }
+);
+V(function(t) {
+  const n = _t(t);
+  return Y(gn, n);
+});
+var hn = "button", Ct = K(
+  function(t) {
+    var n = t, { store: r } = n, o = ae(n, ["store"]);
+    const s = He();
+    r = r || s, Ve(
+      r,
+      process.env.NODE_ENV !== "production" && "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component."
+    );
+    const i = r.useState("contentElement");
+    return o = E({
+      "aria-haspopup": Gt(i, "dialog")
+    }, o), o = wr(E({ store: r }, o)), o;
+  }
+);
+V(function(t) {
+  const n = Ct(t);
+  return Y(hn, n);
+});
+var bn = "button", En = K(function(t) {
+  var n = t, { store: r } = n, o = ae(n, ["store"]);
+  const s = Le();
+  r = r || s, Ve(
+    r,
+    process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
+  );
+  const i = o.onClick, u = ye((a) => {
+    r == null || r.setAnchorElement(a.currentTarget), i == null || i(a);
+  });
+  return o = Z(
+    o,
+    (a) => /* @__PURE__ */ P(Pt, { value: r, children: a }),
+    [r]
+  ), o = y(E({}, o), {
+    onClick: u
+  }), o = _t(E({ store: r }, o)), o = Ct(E({ store: r }, o)), o;
+}), Cn = V(function(t) {
+  const n = En(t);
+  return Y(bn, n);
+});
+export {
+  Cn as P,
+  Ge as R,
+  _n as a,
+  Dr as b,
+  Sr as c,
+  mn as d,
+  $t as e,
+  En as f,
+  _t as g,
+  $n as u
+};