@component-labs/ui 0.0.1

package/dist/Z32PU2LQ-CPSDShGU.js

@@ -0,0 +1,1116 @@
+import { createContext as et, useRef as V, useState as j, useMemo as ie, useContext as Nt, useEffect as N, useCallback as dt, isValidElement as Re } from "react";
+import { E as ue, c as U, i as Le, l as se, h as w, w as X, m as Rt, C as Me, f as _, a as Y, F as at, j as Ve, a9 as Ut, D as P, r as Z, aa as bt, ab as Gt, ac as He, ad as Oe, ae as $e, M as Lt, G as W, O as H, d as ae, af as Ie, ag as _e, u as ke, ah as ce, ai as Be, aj as qe, n as pt, ak as je, K as We, a7 as le, a2 as Ye, k as yt, al as Xe, am as tt, R as ze, v as Ue, H as Ge, an as Ke } from "./U6HHPQDW-BkT6kvCd.js";
+import { flushSync as fe, createPortal as Kt } from "react-dom";
+import { jsx as p, jsxs as lt, Fragment as ft } from "react/jsx-runtime";
+import { a as I, m as Je, o as Qe, t as Ze, c as tn, b as St, s as Ct, g as en, f as Dt, e as de } from "./Q5W46E73-DjlVG3LH.js";
+var Mt = ue(), me = Mt.useProviderContext, nn = Mt.ContextProvider, rn = Mt.ScopedContextProvider, mt = ue(
+  [nn],
+  [rn]
+), tr = mt.useScopedContext, Vt = mt.useProviderContext, er = mt.ContextProvider, ve = mt.ScopedContextProvider, on = et(void 0), un = et(void 0), sn = "div";
+function Jt(e, t) {
+  const n = setTimeout(t, e);
+  return () => clearTimeout(n);
+}
+function an(e) {
+  let t = requestAnimationFrame(() => {
+    t = requestAnimationFrame(e);
+  });
+  return () => cancelAnimationFrame(t);
+}
+function Qt(...e) {
+  return e.join(", ").split(", ").reduce((t, n) => {
+    const r = n.endsWith("ms") ? 1 : 1e3, u = Number.parseFloat(n || "0s") * r;
+    return u > t ? u : t;
+  }, 0);
+}
+function ge(e, t, n) {
+  return !n && t !== !1 && (!e || !!t);
+}
+var Ht = U(function({ store: t, alwaysVisible: n, ...r }) {
+  const u = me();
+  t = t || u, Le(
+    t,
+    process.env.NODE_ENV !== "production" && "DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component."
+  );
+  const i = V(null), o = se(r.id), [s, f] = j(null), m = t.useState("open"), l = t.useState("mounted"), S = t.useState("animated"), b = t.useState("contentElement"), R = I(t.disclosure, "contentElement");
+  w(() => {
+    i.current && (t == null || t.setContentElement(i.current));
+  }, [t]), w(() => {
+    let y;
+    return t == null || t.setState("animated", (a) => (y = a, !0)), () => {
+      y !== void 0 && (t == null || t.setState("animated", y));
+    };
+  }, [t]), w(() => {
+    if (S) {
+      if (!(b != null && b.isConnected)) {
+        f(null);
+        return;
+      }
+      return an(() => {
+        f(m ? "enter" : l ? "leave" : null);
+      });
+    }
+  }, [S, b, m, l]), w(() => {
+    if (!t || !S || !s || !b) return;
+    const y = () => t == null ? void 0 : t.setState("animating", !1), a = () => fe(y);
+    if (s === "leave" && m || s === "enter" && !m) return;
+    if (typeof S == "number")
+      return Jt(S, a);
+    const {
+      transitionDuration: v,
+      animationDuration: g,
+      transitionDelay: d,
+      animationDelay: B
+    } = getComputedStyle(b), {
+      transitionDuration: x = "0",
+      animationDuration: vt = "0",
+      transitionDelay: K = "0",
+      animationDelay: L = "0"
+    } = R ? getComputedStyle(R) : {}, F = Qt(
+      d,
+      B,
+      K,
+      L
+    ), A = Qt(
+      v,
+      g,
+      x,
+      vt
+    ), O = F + A;
+    if (!O) {
+      s === "enter" && t.setState("animated", !1), y();
+      return;
+    }
+    const gt = 1e3 / 60, rt = Math.max(O - gt, 0);
+    return Jt(rt, a);
+  }, [t, S, b, R, m, s]), r = X(
+    r,
+    (y) => /* @__PURE__ */ p(ve, { value: t, children: y }),
+    [t]
+  );
+  const M = ge(l, r.hidden, n), C = r.style, k = ie(() => M ? { ...C, display: "none" } : C, [M, C]);
+  return r = {
+    id: o,
+    "data-open": m || void 0,
+    "data-enter": s === "enter" || void 0,
+    "data-leave": s === "leave" || void 0,
+    hidden: M,
+    ...r,
+    ref: Rt(o ? t.setContentElement : null, i, r.ref),
+    style: k
+  }, Me(r);
+}), cn = _(function(t) {
+  const n = Ht(t);
+  return Y(sn, n);
+});
+_(function({
+  unmountOnHide: t,
+  ...n
+}) {
+  const r = me(), u = n.store || r;
+  return I(
+    u,
+    (o) => !t || (o == null ? void 0 : o.mounted)
+  ) === !1 ? null : /* @__PURE__ */ p(cn, { ...n });
+});
+function he(e = {}) {
+  const t = Je(
+    e.store,
+    Qe(e.disclosure, ["contentElement", "disclosureElement"])
+  );
+  Ze(e, t);
+  const n = t == null ? void 0 : t.getState(), r = at(
+    e.open,
+    n == null ? void 0 : n.open,
+    e.defaultOpen,
+    !1
+  ), u = at(e.animated, n == null ? void 0 : n.animated, !1), i = {
+    open: r,
+    animated: u,
+    animating: !!u && r,
+    mounted: r,
+    contentElement: at(n == null ? void 0 : n.contentElement, null),
+    disclosureElement: at(n == null ? void 0 : n.disclosureElement, null)
+  }, o = tn(i, t);
+  return St(
+    o,
+    () => Ct(o, ["animated", "animating"], (s) => {
+      s.animated || o.setState("animating", !1);
+    })
+  ), St(
+    o,
+    () => en(o, ["open"], () => {
+      o.getState().animated && o.setState("animating", !0);
+    })
+  ), St(
+    o,
+    () => Ct(o, ["open", "animating"], (s) => {
+      o.setState("mounted", s.open || s.animating);
+    })
+  ), {
+    ...o,
+    disclosure: e.disclosure,
+    setOpen: (s) => o.setState("open", s),
+    show: () => o.setState("open", !0),
+    hide: () => o.setState("open", !1),
+    toggle: () => o.setState("open", (s) => !s),
+    stopAnimation: () => o.setState("animating", !1),
+    setContentElement: (s) => o.setState("contentElement", s),
+    setDisclosureElement: (s) => o.setState("disclosureElement", s)
+  };
+}
+function Ee(e, t, n) {
+  return Ve(t, [n.store, n.disclosure]), Dt(e, n, "open", "setOpen"), Dt(e, n, "mounted", "setMounted"), Dt(e, n, "animated"), Object.assign(e, { disclosure: n.disclosure });
+}
+function ln(e = {}) {
+  const [t, n] = de(he, e);
+  return Ee(t, n, e);
+}
+var Zt = et(null), fn = "span", be = U(
+  function(t) {
+    return t = {
+      ...t,
+      style: {
+        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;
+  }
+);
+_(function(t) {
+  const n = be(t);
+  return Y(fn, n);
+});
+var dn = "span", mn = U(
+  function(t) {
+    return t = {
+      "data-focus-trap": "",
+      tabIndex: 0,
+      "aria-hidden": !0,
+      ...t,
+      style: {
+        // Prevents unintended scroll jumps.
+        position: "fixed",
+        top: 0,
+        left: 0,
+        ...t.style
+      }
+    }, t = be(t), t;
+  }
+), ct = _(function(t) {
+  const n = mn(t);
+  return Y(dn, n);
+}), vn = "div";
+function gn(e) {
+  return P(e).body;
+}
+function hn(e, t) {
+  return t ? typeof t == "function" ? t(e) : t : P(e).createElement("div");
+}
+function En(e = "id") {
+  return `${e ? `${e}-` : ""}${Math.random().toString(36).slice(2, 8)}`;
+}
+function q(e) {
+  queueMicrotask(() => {
+    e == null || e.focus();
+  });
+}
+var pe = U(function({
+  preserveTabOrder: t,
+  preserveTabOrderAnchor: n,
+  portalElement: r,
+  portalRef: u,
+  portal: i = !0,
+  ...o
+}) {
+  const s = V(null), f = Rt(s, o.ref), m = Nt(Zt), [l, S] = j(null), [b, R] = j(
+    null
+  ), M = V(null), C = V(null), k = V(null), y = V(null);
+  return w(() => {
+    const a = s.current;
+    if (!a || !i) {
+      S(null);
+      return;
+    }
+    const v = hn(a, r);
+    if (!v) {
+      S(null);
+      return;
+    }
+    const g = v.isConnected;
+    if (g || (m || gn(a)).appendChild(v), v.id || (v.id = a.id ? `portal/${a.id}` : En()), S(v), Ut(u, v), !g)
+      return () => {
+        v.remove(), Ut(u, null);
+      };
+  }, [i, r, m, u]), w(() => {
+    if (!i || !t || !n) return;
+    const v = P(n).createElement("span");
+    return v.style.position = "fixed", n.insertAdjacentElement("afterend", v), R(v), () => {
+      v.remove(), R(null);
+    };
+  }, [i, t, n]), N(() => {
+    if (!l || !t) return;
+    let a = 0;
+    const v = (g) => {
+      if (!Z(g)) return;
+      const d = g.type === "focusin";
+      if (cancelAnimationFrame(a), d)
+        return He(l);
+      a = requestAnimationFrame(() => {
+        Oe(l, !0);
+      });
+    };
+    return l.addEventListener("focusin", v, !0), l.addEventListener("focusout", v, !0), () => {
+      cancelAnimationFrame(a), l.removeEventListener("focusin", v, !0), l.removeEventListener("focusout", v, !0);
+    };
+  }, [l, t]), o = X(
+    o,
+    (a) => {
+      if (a = // 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(Zt.Provider, { value: l || m, children: a }), !i) return a;
+      if (!l)
+        return /* @__PURE__ */ p(
+          "span",
+          {
+            ref: f,
+            id: o.id,
+            style: { position: "fixed" },
+            hidden: !0
+          }
+        );
+      a = /* @__PURE__ */ lt(ft, { children: [
+        t && l && /* @__PURE__ */ p(
+          ct,
+          {
+            ref: C,
+            "data-focus-trap": o.id,
+            className: "__focus-trap-inner-before",
+            onFocus: (g) => {
+              Z(g, l) ? q(bt()) : q(M.current);
+            }
+          }
+        ),
+        a,
+        t && l && /* @__PURE__ */ p(
+          ct,
+          {
+            ref: k,
+            "data-focus-trap": o.id,
+            className: "__focus-trap-inner-after",
+            onFocus: (g) => {
+              Z(g, l) ? q(Gt()) : q(y.current);
+            }
+          }
+        )
+      ] }), l && (a = Kt(a, l));
+      let v = /* @__PURE__ */ lt(ft, { children: [
+        t && l && /* @__PURE__ */ p(
+          ct,
+          {
+            ref: M,
+            "data-focus-trap": o.id,
+            className: "__focus-trap-outer-before",
+            onFocus: (g) => {
+              !(g.relatedTarget === y.current) && Z(g, l) ? q(C.current) : q(Gt());
+            }
+          }
+        ),
+        t && // 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": l == null ? void 0 : l.id, style: { position: "fixed" } }),
+        t && l && /* @__PURE__ */ p(
+          ct,
+          {
+            ref: y,
+            "data-focus-trap": o.id,
+            className: "__focus-trap-outer-after",
+            onFocus: (g) => {
+              if (Z(g, l))
+                q(k.current);
+              else {
+                const d = bt();
+                if (d === C.current) {
+                  requestAnimationFrame(() => {
+                    var B;
+                    return (B = bt()) == null ? void 0 : B.focus();
+                  });
+                  return;
+                }
+                q(d);
+              }
+            }
+          }
+        )
+      ] });
+      return b && t && (v = Kt(
+        v,
+        b
+      )), /* @__PURE__ */ lt(ft, { children: [
+        v,
+        a
+      ] });
+    },
+    [l, m, i, o.id, t, b]
+  ), o = {
+    ...o,
+    ref: f
+  }, o;
+});
+_(function(t) {
+  const n = pe(t);
+  return Y(vn, n);
+});
+var te = et(0);
+function bn({ level: e, children: t }) {
+  const n = Nt(te), r = Math.max(
+    Math.min(e || n + 1, 6),
+    1
+  );
+  return /* @__PURE__ */ p(te.Provider, { value: r, children: t });
+}
+var pn = "div", ye = U(function({ autoFocusOnShow: t = !0, ...n }) {
+  return n = X(
+    n,
+    (r) => /* @__PURE__ */ p($e.Provider, { value: t, children: r }),
+    [t]
+  ), n;
+});
+_(function(t) {
+  const n = ye(t);
+  return Y(pn, n);
+});
+function yn(e, t) {
+  const r = P(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 Sn(e) {
+  const t = V(null);
+  return N(() => {
+    if (!e) {
+      t.current = null;
+      return;
+    }
+    return Lt("mousedown", (r) => {
+      t.current = r.target;
+    }, !0);
+  }, [e]), t;
+}
+var xt = /* @__PURE__ */ new WeakMap();
+function nt(e, t, n) {
+  xt.has(e) || xt.set(e, /* @__PURE__ */ new Map());
+  const r = xt.get(e), u = r.get(t);
+  if (!u)
+    return r.set(t, n()), () => {
+      var s;
+      (s = r.get(t)) == null || s(), r.delete(t);
+    };
+  const i = n(), o = () => {
+    i(), u(), r.delete(t);
+  };
+  return r.set(t, o), () => {
+    r.get(t) === o && (i(), r.set(t, u));
+  };
+}
+function Ot(e, t, n) {
+  return nt(e, t, () => {
+    const u = e.getAttribute(t);
+    return e.setAttribute(t, n), () => {
+      u == null ? e.removeAttribute(t) : e.setAttribute(t, u);
+    };
+  });
+}
+function z(e, t, n) {
+  return nt(e, t, () => {
+    const u = t in e, i = e[t];
+    return e[t] = n, () => {
+      u ? e[t] = i : delete e[t];
+    };
+  });
+}
+function Ft(e, t) {
+  return e ? nt(e, "style", () => {
+    const r = e.style.cssText;
+    return Object.assign(e.style, t), () => {
+      e.style.cssText = r;
+    };
+  }) : () => {
+  };
+}
+function Dn(e, t, n) {
+  return e ? nt(e, t, () => {
+    const u = e.style.getPropertyValue(t);
+    return e.style.setProperty(t, n), () => {
+      u ? e.style.setProperty(t, u) : e.style.removeProperty(t);
+    };
+  }) : () => {
+  };
+}
+var xn = ["SCRIPT", "STYLE"];
+function At(e) {
+  return `__ariakit-dialog-snapshot-${e}`;
+}
+function Pn(e, t) {
+  const n = P(t), r = At(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 wn(e, t, n) {
+  return xn.includes(t.tagName) || !Pn(e, t) ? !1 : !n.some(
+    (r) => r && H(t, r)
+  );
+}
+function $t(e, t, n, r) {
+  for (let u of t) {
+    if (!(u != null && u.isConnected)) continue;
+    const i = t.some((f) => !f || f === u ? !1 : f.contains(u)), o = P(u), s = u;
+    for (; u.parentElement && u !== o.body; ) {
+      if (r == null || r(u.parentElement, s), !i)
+        for (const f of u.parentElement.children)
+          wn(e, f, t) && n(f, s);
+      u = u.parentElement;
+    }
+  }
+}
+function Cn(e, t) {
+  const { body: n } = P(t[0]), r = [];
+  return $t(e, t, (i) => {
+    r.push(z(i, At(e), !0));
+  }), W(z(n, At(e), !0), () => {
+    for (const i of r)
+      i();
+  });
+}
+function Se(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 G(e = "", t = !1) {
+  return `__ariakit-dialog-${t ? "ancestor" : "outside"}${e ? `-${e}` : ""}`;
+}
+function Fn(e, t = "") {
+  return W(
+    z(e, G(), !0),
+    z(e, G(t), !0)
+  );
+}
+function De(e, t = "") {
+  return W(
+    z(e, G("", !0), !0),
+    z(e, G(t, !0), !0)
+  );
+}
+function It(e, t) {
+  const n = G(t, !0);
+  if (e[n]) return !0;
+  const r = G(t);
+  do {
+    if (e[r]) return !0;
+    if (!e.parentElement) return !1;
+    e = e.parentElement;
+  } while (!0);
+}
+function ee(e, t) {
+  const n = [], r = t.map((i) => i == null ? void 0 : i.id);
+  return $t(
+    e,
+    t,
+    (i) => {
+      Se(i, ...r) || n.unshift(Fn(i, e));
+    },
+    (i, o) => {
+      o.hasAttribute("data-dialog") && o.id !== e || n.unshift(De(i, e));
+    }
+  ), () => {
+    for (const i of n)
+      i();
+  };
+}
+function An(e) {
+  return e.tagName === "HTML" ? !0 : H(P(e).body, e);
+}
+function Tn(e, t) {
+  if (!e) return !1;
+  if (H(e, t)) return !0;
+  const n = t.getAttribute("aria-activedescendant");
+  if (n) {
+    const r = P(e).getElementById(n);
+    if (r)
+      return H(e, r);
+  }
+  return !1;
+}
+function Nn(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 Pt({
+  store: e,
+  type: t,
+  listener: n,
+  capture: r,
+  domReady: u
+}) {
+  const i = ae(n), o = I(e, "open"), s = V(!1);
+  w(() => {
+    if (!o || !u) return;
+    const { contentElement: f } = e.getState();
+    if (!f) return;
+    const m = () => {
+      s.current = !0;
+    };
+    return f.addEventListener("focusin", m, !0), () => f.removeEventListener("focusin", m, !0);
+  }, [e, o, u]), N(() => o ? Lt(t, (m) => {
+    const { contentElement: l, disclosureElement: S } = e.getState(), b = m.target;
+    !l || !b || !An(b) || H(l, b) || Tn(S, b) || b.hasAttribute("data-focus-trap") || Nn(m, l) || s.current && !It(b, l.id) || Ie(b) || i(m);
+  }, r) : void 0, [o, r]);
+}
+function wt(e, t) {
+  return typeof e == "function" ? e(t) : !!e;
+}
+function Rn(e, t, n) {
+  const r = I(e, "open"), u = Sn(r), i = { store: e, domReady: n, capture: !0 };
+  Pt({
+    ...i,
+    type: "click",
+    listener: (o) => {
+      const { contentElement: s } = e.getState(), f = u.current;
+      f && _e(f) && It(f, s == null ? void 0 : s.id) && wt(t, o) && e.hide();
+    }
+  }), Pt({
+    ...i,
+    type: "focusin",
+    listener: (o) => {
+      const { contentElement: s } = e.getState();
+      s && o.target !== P(s) && wt(t, o) && e.hide();
+    }
+  }), Pt({
+    ...i,
+    type: "contextmenu",
+    listener: (o) => {
+      wt(t, o) && e.hide();
+    }
+  });
+}
+var ne = et({});
+function Ln(e) {
+  const t = Nt(ne), [n, r] = j([]), u = dt(
+    (s) => {
+      var f;
+      return r((m) => [...m, s]), W((f = t.add) == null ? void 0 : f.call(t, s), () => {
+        r((m) => m.filter((l) => l !== s));
+      });
+    },
+    [t]
+  );
+  w(() => Ct(e, ["open", "contentElement"], (s) => {
+    var f;
+    if (s.open && s.contentElement)
+      return (f = t.add) == null ? void 0 : f.call(t, e);
+  }), [e, t]);
+  const i = ie(() => ({ store: e, add: u }), [e, u]);
+  return { wrapElement: dt(
+    (s) => /* @__PURE__ */ p(ne.Provider, { value: i, children: s }),
+    [i]
+  ), nestedDialogs: n };
+}
+function Mn({
+  attribute: e,
+  contentId: t,
+  contentElement: n,
+  enabled: r
+}) {
+  const [u, i] = ke(), o = dt(() => {
+    if (!r || !n) return !1;
+    const { body: s } = P(n), f = s.getAttribute(e);
+    return !f || f === t;
+  }, [u, r, n, e, t]);
+  return N(() => {
+    if (!r || !t || !n) return;
+    const { body: s } = P(n);
+    if (o())
+      return s.setAttribute(e, t), () => s.removeAttribute(e);
+    const f = new MutationObserver(() => fe(i));
+    return f.observe(s, { attributeFilter: [e] }), () => f.disconnect();
+  }, [u, r, t, n, o, e]), o;
+}
+function Vn(e) {
+  const t = e.getBoundingClientRect().left;
+  return Math.round(t) + e.scrollLeft ? "paddingLeft" : "paddingRight";
+}
+function Hn(e, t, n) {
+  const r = Mn({
+    attribute: "data-dialog-prevent-body-scroll",
+    contentElement: e,
+    contentId: t,
+    enabled: n
+  });
+  N(() => {
+    if (!r() || !e) return;
+    const u = P(e), i = ce(e), { documentElement: o, body: s } = u, f = o.style.getPropertyValue("--scrollbar-width"), m = f ? Number.parseInt(f, 10) : i.innerWidth - o.clientWidth, l = () => Dn(
+      o,
+      "--scrollbar-width",
+      `${m}px`
+    ), S = Vn(o), b = () => Ft(s, {
+      overflow: "hidden",
+      [S]: `${m}px`
+    }), R = () => {
+      var C, k;
+      const { scrollX: y, scrollY: a, visualViewport: v } = i, g = (C = v == null ? void 0 : v.offsetLeft) != null ? C : 0, d = (k = v == null ? void 0 : v.offsetTop) != null ? k : 0, B = Ft(s, {
+        position: "fixed",
+        overflow: "hidden",
+        top: `${-(a - Math.floor(d))}px`,
+        left: `${-(y - Math.floor(g))}px`,
+        right: "0",
+        [S]: `${m}px`
+      });
+      return () => {
+        B(), process.env.NODE_ENV !== "test" && i.scrollTo({ left: y, top: a, behavior: "instant" });
+      };
+    }, M = Be() && !qe();
+    return W(
+      l(),
+      M ? R() : b()
+    );
+  }, [r, e]);
+}
+function On(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 xe() {
+  return "inert" in HTMLElement.prototype;
+}
+function $n(e) {
+  return Ot(e, "aria-hidden", "true");
+}
+function Pe(e, t) {
+  if (!("style" in e)) return pt;
+  if (xe())
+    return z(e, "inert", !0);
+  const r = je(e, !0).map((u) => {
+    if (t != null && t.some((o) => o && H(o, u))) return pt;
+    const i = nt(u, "focus", () => (u.focus = pt, () => {
+      delete u.focus;
+    }));
+    return W(Ot(u, "tabindex", "-1"), i);
+  });
+  return W(
+    ...r,
+    $n(e),
+    Ft(e, {
+      pointerEvents: "none",
+      userSelect: "none",
+      cursor: "default"
+    })
+  );
+}
+function In(e, t) {
+  const n = [], r = t.map((i) => i == null ? void 0 : i.id);
+  return $t(
+    e,
+    t,
+    (i) => {
+      Se(i, ...r) || On(i, ...r) || n.unshift(Pe(i, t));
+    },
+    (i) => {
+      i.hasAttribute("role") && (t.some((o) => o && H(o, i)) || n.unshift(Ot(i, "role", "none")));
+    }
+  ), () => {
+    for (const i of n)
+      i();
+  };
+}
+var _n = "div", kn = [
+  "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"
+];
+U(
+  function(t) {
+    return t;
+  }
+);
+var Tt = _(
+  // @ts-expect-error
+  function(t) {
+    return Y(_n, t);
+  }
+);
+Object.assign(
+  Tt,
+  kn.reduce((e, t) => (e[t] = _(function(r) {
+    return Y(t, r);
+  }), e), {})
+);
+function Bn({
+  store: e,
+  backdrop: t,
+  alwaysVisible: n,
+  hidden: r
+}) {
+  const u = V(null), i = ln({ disclosure: e }), o = I(e, "contentElement");
+  N(() => {
+    const m = u.current, l = o;
+    m && l && (m.style.zIndex = getComputedStyle(l).zIndex);
+  }, [o]), w(() => {
+    const m = o == null ? void 0 : o.id;
+    if (!m) return;
+    const l = u.current;
+    if (l)
+      return De(l, m);
+  }, [o]);
+  const s = Ht({
+    ref: u,
+    store: i,
+    role: "presentation",
+    "data-backdrop": (o == null ? void 0 : o.id) || "",
+    alwaysVisible: n,
+    hidden: r ?? void 0,
+    style: {
+      position: "fixed",
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    }
+  });
+  return t ? Re(t) ? /* @__PURE__ */ p(Tt, { ...s, render: t }) : /* @__PURE__ */ p(Tt, { ...s, render: /* @__PURE__ */ p(typeof t != "boolean" ? t : "div", {}) }) : null;
+}
+function qn(e = {}) {
+  return he(e);
+}
+function jn(e, t, n) {
+  return Ee(e, t, n);
+}
+function Wn(e = {}) {
+  const [t, n] = de(qn, e);
+  return jn(t, n, e);
+}
+var Yn = "div", re = Ge();
+function Xn(e) {
+  const t = le();
+  return !t || e && H(e, t) ? !1 : !!tt(t);
+}
+function oe(e, t = !1) {
+  if (!e) return null;
+  const n = "current" in e ? e.current : e;
+  return n ? t ? tt(n) ? n : null : n : null;
+}
+var zn = U(function({
+  store: t,
+  open: n,
+  onClose: r,
+  focusable: u = !0,
+  modal: i = !0,
+  portal: o = !!i,
+  backdrop: s = !!i,
+  hideOnEscape: f = !0,
+  hideOnInteractOutside: m = !0,
+  getPersistentElements: l,
+  preventBodyScroll: S = !!i,
+  autoFocusOnShow: b = !0,
+  autoFocusOnHide: R = !0,
+  initialFocus: M,
+  finalFocus: C,
+  unmountOnHide: k,
+  unstable_treeSnapshotKey: y,
+  ...a
+}) {
+  const v = Vt(), g = V(null), d = Wn({
+    store: t || v,
+    open: n,
+    setOpen(c) {
+      if (c) return;
+      const E = g.current;
+      if (!E) return;
+      const D = new Event("close", { bubbles: !1, cancelable: !0 });
+      r && E.addEventListener("close", r, { once: !0 }), E.dispatchEvent(D), D.defaultPrevented && d.setOpen(!0);
+    }
+  }), { portalRef: B, domReady: x } = We(o, a.portalRef), vt = a.preserveTabOrder, K = I(
+    d,
+    (c) => vt && !i && c.mounted
+  ), L = se(a.id), F = I(d, "open"), A = I(d, "mounted"), O = I(d, "contentElement"), gt = ge(A, a.hidden, a.alwaysVisible);
+  Hn(O, L, S && !gt), Rn(d, m, x);
+  const { wrapElement: rt, nestedDialogs: ht } = Ln(d);
+  a = X(a, rt, [rt]), w(() => {
+    if (!F) return;
+    const c = g.current, E = le(c, !0);
+    E && E.tagName !== "BODY" && (c && H(c, E) || d.setDisclosureElement(E));
+  }, [d, F]), re && N(() => {
+    if (!A) return;
+    const { disclosureElement: c } = d.getState();
+    if (!c || !Ye(c)) return;
+    const E = () => {
+      let D = !1;
+      const h = () => {
+        D = !0;
+      }, T = { capture: !0, once: !0 };
+      c.addEventListener("focusin", h, T), Ue(c, "mouseup", () => {
+        c.removeEventListener("focusin", h, !0), !D && Ke(c);
+      });
+    };
+    return c.addEventListener("mousedown", E), () => {
+      c.removeEventListener("mousedown", E);
+    };
+  }, [d, A]), N(() => {
+    if (!A || !x) return;
+    const c = g.current;
+    if (!c) return;
+    const E = ce(c), D = E.visualViewport || E, h = () => {
+      var T, $;
+      const Q = ($ = (T = E.visualViewport) == null ? void 0 : T.height) != null ? $ : E.innerHeight;
+      c.style.setProperty("--dialog-viewport-height", `${Q}px`);
+    };
+    return h(), D.addEventListener("resize", h), () => {
+      D.removeEventListener("resize", h);
+    };
+  }, [A, x]), N(() => {
+    if (!i || !A || !x) return;
+    const c = g.current;
+    if (!(!c || c.querySelector("[data-dialog-dismiss]")))
+      return yn(c, d.hide);
+  }, [d, i, A, x]), w(() => {
+    if (!xe() || F || !A || !x) return;
+    const c = g.current;
+    if (c)
+      return Pe(c);
+  }, [F, A, x]);
+  const ot = F && x;
+  w(() => {
+    if (!L || !ot) return;
+    const c = g.current;
+    return Cn(L, [c]);
+  }, [L, ot, y]);
+  const _t = ae(l);
+  w(() => {
+    if (!L || !ot) return;
+    const { disclosureElement: c } = d.getState(), E = g.current, D = _t() || [], h = [
+      E,
+      ...D,
+      ...ht.map((T) => T.getState().contentElement)
+    ];
+    return i ? W(
+      ee(L, h),
+      In(L, h)
+    ) : ee(L, [c, ...h]);
+  }, [
+    L,
+    d,
+    ot,
+    _t,
+    ht,
+    i,
+    y
+  ]);
+  const kt = !!b, Bt = yt(b), [we, Ce] = j(!1);
+  N(() => {
+    if (!F || !kt || !x || !(O != null && O.isConnected)) return;
+    const c = oe(M, !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.
+    O.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.
+    Xe(O, !0, o && K) || // Finally, we fallback to the dialog element itself.
+    O, E = tt(c);
+    Bt(E ? c : null) && (Ce(!0), queueMicrotask(() => {
+      c.focus(), re && E && c.scrollIntoView({ block: "nearest", inline: "nearest" });
+    }));
+  }, [
+    F,
+    kt,
+    x,
+    O,
+    M,
+    o,
+    K,
+    Bt
+  ]);
+  const it = !!R, qt = yt(R), [ut, jt] = j(!1);
+  N(() => {
+    if (F)
+      return jt(!0), () => jt(!1);
+  }, [F]);
+  const J = dt(
+    (c, E = !0) => {
+      const { disclosureElement: D } = d.getState();
+      if (Xn(c)) return;
+      let h = oe(C) || D;
+      if (h != null && h.id) {
+        const $ = P(h), Q = `[aria-activedescendant="${h.id}"]`, st = $.querySelector(Q);
+        st && (h = st);
+      }
+      if (h && !tt(h)) {
+        const $ = h.closest("[data-dialog]");
+        if ($ != null && $.id) {
+          const Q = P($), st = `[aria-controls~="${$.id}"]`, zt = Q.querySelector(st);
+          zt && (h = zt);
+        }
+      }
+      const T = h && tt(h);
+      if (!T && E) {
+        requestAnimationFrame(() => J(c, !1));
+        return;
+      }
+      qt(T ? h : null) && T && (h == null || h.focus({ preventScroll: !0 }));
+    },
+    [d, C, qt]
+  ), Et = V(!1);
+  w(() => {
+    if (F || !ut || !it) return;
+    const c = g.current;
+    Et.current = !0, J(c);
+  }, [F, ut, x, it, J]), N(() => {
+    if (!ut || !it) return;
+    const c = g.current;
+    return () => {
+      if (Et.current) {
+        Et.current = !1;
+        return;
+      }
+      J(c);
+    };
+  }, [ut, it, J]);
+  const Wt = yt(f);
+  N(() => !x || !A ? void 0 : Lt("keydown", (E) => {
+    if (E.key !== "Escape" || E.defaultPrevented) return;
+    const D = g.current;
+    if (!D || It(D)) return;
+    const h = E.target;
+    if (!h) return;
+    const { disclosureElement: T } = d.getState();
+    !!(h.tagName === "BODY" || H(D, h) || !T || H(T, h)) && Wt(E) && d.hide();
+  }, !0), [d, x, A, Wt]), a = X(
+    a,
+    (c) => /* @__PURE__ */ p(bn, { level: i ? 1 : void 0, children: c }),
+    [i]
+  );
+  const Yt = a.hidden, Xt = a.alwaysVisible;
+  a = X(
+    a,
+    (c) => s ? /* @__PURE__ */ lt(ft, { children: [
+      /* @__PURE__ */ p(
+        Bn,
+        {
+          store: d,
+          backdrop: s,
+          hidden: Yt,
+          alwaysVisible: Xt
+        }
+      ),
+      c
+    ] }) : c,
+    [d, s, Yt, Xt]
+  );
+  const [Fe, Ae] = j(), [Te, Ne] = j();
+  return a = X(
+    a,
+    (c) => /* @__PURE__ */ p(ve, { value: d, children: /* @__PURE__ */ p(on.Provider, { value: Ae, children: /* @__PURE__ */ p(un.Provider, { value: Ne, children: c }) }) }),
+    [d]
+  ), a = {
+    id: L,
+    "data-dialog": "",
+    role: "dialog",
+    tabIndex: u ? -1 : void 0,
+    "aria-labelledby": Fe,
+    "aria-describedby": Te,
+    ...a,
+    ref: Rt(g, a.ref)
+  }, a = ye({
+    ...a,
+    autoFocusOnShow: we
+  }), a = Ht({ store: d, ...a }), a = ze({ ...a, focusable: u }), a = pe({ portal: o, ...a, portalRef: B, preserveTabOrder: K }), a;
+});
+function Un(e, t = Vt) {
+  return _(function(r) {
+    const u = t(), i = r.store || u;
+    return I(
+      i,
+      (s) => !r.unmountOnHide || (s == null ? void 0 : s.mounted) || !!r.open
+    ) ? /* @__PURE__ */ p(e, { ...r }) : null;
+  });
+}
+var nr = Un(
+  _(function(t) {
+    const n = zn(t);
+    return Y(Yn, n);
+  }),
+  Vt
+);
+export {
+  un as D,
+  te as H,
+  Tt as R,
+  on as a,
+  nr as b,
+  Un as c,
+  Wn as d,
+  me as e,
+  Vt as f,
+  ve as g,
+  er as h,
+  ge as i,
+  zn as j,
+  qn as k,
+  jn as l,
+  tr as u
+};
+//# sourceMappingURL=Z32PU2LQ-CPSDShGU.js.map