@inertiaui/modal-react 0.20.2 → 0.20.4

package/dist/inertiaui-modal.js

@@ -1,14 +1,14 @@
 var mn = Object.defineProperty;
 var pn = (e, t, n) => t in e ? mn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var q = (e, t, n) => pn(e, typeof t != "symbol" ? t + "" : t, n);
-import * as $e from "react";
-import E, { createContext as H, useContext as R, useEffect as M, useRef as O, useState as S, createElement as De, useMemo as C, forwardRef as dt, useImperativeHandle as Ft, useLayoutEffect as hn, useCallback as Y, Fragment as G, isValidElement as vn, cloneElement as gn, useId as Me, useSyncExternalStore as wn, useReducer as xn, createRef as yn } from "react";
+import * as Te from "react";
+import E, { createContext as H, useContext as R, useEffect as M, useRef as O, useState as S, createElement as Re, useMemo as C, forwardRef as dt, useImperativeHandle as Ft, useLayoutEffect as hn, useCallback as Y, Fragment as G, isValidElement as vn, cloneElement as gn, useId as Me, useSyncExternalStore as wn, useReducer as xn, createRef as yn } from "react";
 import { jsxs as se, Fragment as ft, jsx as T } from "react/jsx-runtime";
-import je from "axios";
-import { router as be, usePage as bn } from "@inertiajs/react";
+import De from "axios";
+import { router as Ee, usePage as bn } from "@inertiajs/react";
 import { mergeDataIntoQueryString as En } from "@inertiajs/core";
 import { createPortal as $n } from "react-dom";
-const we = {
+const xe = {
   type: "modal",
   navigate: !1,
   modal: {
@@ -33,15 +33,15 @@ class Tn {
     this.config = {}, this.reset();
   }
   reset() {
-    this.config = JSON.parse(JSON.stringify(we));
+    this.config = JSON.parse(JSON.stringify(xe));
   }
   put(t, n) {
     if (typeof t == "object") {
       this.config = {
-        type: t.type ?? we.type,
-        navigate: t.navigate ?? we.navigate,
-        modal: { ...we.modal, ...t.modal ?? {} },
-        slideover: { ...we.slideover, ...t.slideover ?? {} }
+        type: t.type ?? xe.type,
+        navigate: t.navigate ?? xe.navigate,
+        modal: { ...xe.modal, ...t.modal ?? {} },
+        slideover: { ...xe.slideover, ...t.slideover ?? {} }
       };
       return;
     }
@@ -64,11 +64,11 @@ class Tn {
     return r;
   }
 }
-const Be = new Tn(), Sl = () => Be.reset(), Fl = (e, t) => Be.put(e, t), mt = (e) => Be.get(e), ce = (e, t) => Be.get(e ? `slideover.${t}` : `modal.${t}`);
+const _e = new Tn(), Sl = () => _e.reset(), Fl = (e, t) => _e.put(e, t), mt = (e) => _e.get(e), ce = (e, t) => _e.get(e ? `slideover.${t}` : `modal.${t}`);
 function On(e, t) {
   return e = typeof e == "string" ? new URL(e, window.location.origin) : e, t = typeof t == "string" ? new URL(t, window.location.origin) : t, `${e.origin}${e.pathname}` == `${t.origin}${t.pathname}`;
 }
-function tt(e = "inertiaui_modal_") {
+function et(e = "inertiaui_modal_") {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? `${e}${crypto.randomUUID()}` : `${e}${Date.now().toString(36)}_${Math.random().toString(36).substr(2, 9)}`;
 }
 function fe(e) {
@@ -97,12 +97,12 @@ function Ln(e, t = 3, n = 10) {
     }, n);
   });
 }
-function xe(e) {
+function ye(e) {
   return e ? (e = e.replace(/_/g, "-"), e = e.replace(/-+/g, "-"), /[A-Z]/.test(e) ? (e = e.replace(/\s+/g, "").replace(/_/g, "").replace(/(?:^|\s|-)+([A-Za-z])/g, (t, n) => n.toUpperCase()), e = e.replace(/(.)(?=[A-Z])/g, "$1-"), e.toLowerCase()) : e) : "";
 }
-const Xe = H(null);
-Xe.displayName = "ModalStackContext";
-let Nt = null, At = null, Te = null, lt = null, Re = [], de = {};
+const Be = H(null);
+Be.displayName = "ModalStackContext";
+let Nt = null, At = null, me = null, lt = null, tt = [], de = {};
 const Sn = ({ children: e }) => {
   const [t, n] = S([]), [r, l] = S({}), o = (g) => {
     n((u) => {
@@ -116,7 +116,7 @@ const Sn = ({ children: e }) => {
     });
   };
   M(() => {
-    Re = t;
+    tt = t;
   }, [t]);
   class a {
     constructor(u, m, p, v, y) {
@@ -148,20 +148,20 @@ const Sn = ({ children: e }) => {
         });
       });
       q(this, "on", (u, m) => {
-        u = xe(u), this.listeners[u] = this.listeners[u] ?? [], this.listeners[u].push(m);
+        u = ye(u), this.listeners[u] = this.listeners[u] ?? [], this.listeners[u].push(m);
       });
       q(this, "off", (u, m) => {
         var p;
-        u = xe(u), m ? this.listeners[u] = ((p = this.listeners[u]) == null ? void 0 : p.filter((v) => v !== m)) ?? [] : delete this.listeners[u];
+        u = ye(u), m ? this.listeners[u] = ((p = this.listeners[u]) == null ? void 0 : p.filter((v) => v !== m)) ?? [] : delete this.listeners[u];
       });
       q(this, "emit", (u, ...m) => {
         var p;
-        (p = this.listeners[xe(u)]) == null || p.forEach((v) => v(...m));
+        (p = this.listeners[ye(u)]) == null || p.forEach((v) => v(...m));
       });
       q(this, "registerEventListenersFromProps", (u) => {
         const m = [];
         return Object.keys(u).filter((p) => p.startsWith("on")).forEach((p) => {
-          const v = xe(p).replace(/^on-/, "");
+          const v = ye(p).replace(/^on-/, "");
           this.on(v, u[p]), m.push(() => this.off(v, u[p]));
         }), () => m.forEach((p) => p());
       });
@@ -171,7 +171,7 @@ const Sn = ({ children: e }) => {
         if (u.only && (m = Ct(m, u.only)), u.except && (m = Pn(m, u.except)), !((y = this.response) != null && y.url))
           return;
         const p = (u.method ?? "get").toLowerCase(), v = u.data ?? {};
-        je({
+        De({
           url: this.response.url,
           method: p,
           data: p === "get" ? {} : v,
@@ -183,9 +183,9 @@ const Sn = ({ children: e }) => {
             "X-Inertia-Partial-Component": this.response.component,
             "X-Inertia-Version": this.response.version,
             "X-Inertia-Partial-Data": m.join(","),
-            "X-InertiaUI-Modal": tt(),
+            "X-InertiaUI-Modal": et(),
             "X-InertiaUI-Modal-Use-Router": 0,
-            "X-InertiaUI-Modal-Base-Url": Te
+            "X-InertiaUI-Modal-Base-Url": me
           }
         }).then((h) => {
           this.updateProps(h.data.props);
@@ -194,7 +194,7 @@ const Sn = ({ children: e }) => {
       q(this, "updateProps", (u) => {
         Object.assign(this.props, u), o((m) => m);
       });
-      if (this.id = m.id ?? tt(), this.isOpen = !1, this.shouldRender = !1, this.listeners = {}, this.component = u, this.props = m.props, this.response = m, this.config = p ?? {}, this.onCloseCallback = v, this.afterLeaveCallback = y, de[this.id]) {
+      if (this.id = m.id ?? et(), this.isOpen = !1, this.shouldRender = !1, this.listeners = {}, this.component = u, this.props = m.props, this.response = m, this.config = p ?? {}, this.onCloseCallback = v, this.afterLeaveCallback = y, de[this.id]) {
         this.config = {
           ...this.config,
           ...de[this.id].config ?? {}
@@ -235,11 +235,11 @@ const Sn = ({ children: e }) => {
   ).then((m) => {
     const p = u.listeners ?? {};
     return Object.keys(p).forEach((v) => {
-      const y = xe(v);
+      const y = ye(v);
       m.on(y, p[v]);
     }), m;
   }), x = (g, u, m = {}, p = {}, v = {}, y = null, h = null, $ = "brackets", F = !1) => {
-    const j = tt();
+    const j = et();
     return new Promise((_, A) => {
       if (g.startsWith("#")) {
         _(c(g.substring(1), v, y, h));
@@ -247,7 +247,7 @@ const Sn = ({ children: e }) => {
       }
       const [U, B] = En(u, g || "", m, $);
       let X = F && t.length === 0;
-      if (t.length === 0 && (Te = typeof window < "u" ? window.location.href : ""), p = {
+      if (t.length === 0 && (me = typeof window < "u" ? window.location.href : ""), p = {
         ...p,
         Accept: "text/html, application/xhtml+xml",
         "X-Requested-With": "XMLHttpRequest",
@@ -255,13 +255,13 @@ const Sn = ({ children: e }) => {
         "X-Inertia-Version": Nt,
         "X-InertiaUI-Modal": j,
         "X-InertiaUI-Modal-Use-Router": X ? 1 : 0,
-        "X-InertiaUI-Modal-Base-Url": Te
+        "X-InertiaUI-Modal-Base-Url": me
       }, X)
         return lt = null, de[j] = {
           config: v,
           onClose: y,
           onAfterLeave: h
-        }, be.visit(U, {
+        }, Ee.visit(U, {
           method: u,
           data: B,
           headers: p,
@@ -272,7 +272,7 @@ const Sn = ({ children: e }) => {
             Ln(() => lt).then(_);
           }
         });
-      je({
+      De({
         url: U,
         method: u,
         data: B,
@@ -286,9 +286,9 @@ const Sn = ({ children: e }) => {
     localModals: r,
     push: i,
     pushFromResponseData: s,
-    length: () => Re.length,
+    length: () => tt.length,
     closeAll: () => {
-      Re.reverse().forEach((g) => g.close());
+      tt.reverse().forEach((g) => g.close());
     },
     reset: () => o(() => []),
     visit: x,
@@ -306,9 +306,9 @@ const Sn = ({ children: e }) => {
       });
     }
   };
-  return /* @__PURE__ */ T(Xe.Provider, { value: d, children: e });
-}, Ve = () => {
-  const e = R(Xe);
+  return /* @__PURE__ */ T(Be.Provider, { value: d, children: e });
+}, Xe = () => {
+  const e = R(Be);
   if (e === null)
     throw new Error("useModalStack must be used within a ModalStackProvider");
   return e;
@@ -316,27 +316,27 @@ const Sn = ({ children: e }) => {
   e.initialPage && (Nt = e.initialPage.version), e.resolveComponent && (At = e.resolveComponent);
 }, Cl = (e, t) => (Fn(t), /* @__PURE__ */ T(Sn, { children: /* @__PURE__ */ T(e, { ...t, children: ({ Component: r, props: l, key: o }) => /* @__PURE__ */ se(ft, { children: [
   (() => {
-    const s = De(r, { key: o, ...l });
-    return typeof r.layout == "function" ? r.layout(s) : Array.isArray(r.layout) ? r.layout.concat(s).reverse().reduce((c, f) => De(f, l, c)) : s;
+    const s = Re(r, { key: o, ...l });
+    return typeof r.layout == "function" ? r.layout(s) : Array.isArray(r.layout) ? r.layout.concat(s).reverse().reduce((c, f) => Re(f, l, c)) : s;
   })(),
   /* @__PURE__ */ T(Cn, {})
 ] }) }) })), Cn = ({ children: e }) => {
   var s;
-  const t = R(Xe);
+  const t = R(Be);
   let n = !1, r = !1;
-  M(() => be.on("start", () => n = !0), []), M(() => be.on("finish", () => n = !1), []), M(
-    () => be.on("navigate", function(i) {
+  M(() => Ee.on("start", () => n = !0), []), M(() => Ee.on("finish", () => n = !1), []), M(
+    () => Ee.on("navigate", function(i) {
       const c = i.detail.page.props._inertiaui_modal;
       if (!c) {
-        r && t.closeAll();
+        r && t.closeAll(), me = null;
         return;
       }
-      r = c, Te = c.baseUrl, t.pushFromResponseData(c, {}, () => {
+      r = c, me = c.baseUrl, t.pushFromResponseData(c, {}, () => {
         if (!c.baseUrl) {
           console.error("No base url in modal response data so cannot navigate back");
           return;
         }
-        !n && window.location.href !== c.baseUrl && be.visit(c.baseUrl, {
+        !n && window.location.href !== c.baseUrl && Ee.visit(c.baseUrl, {
           preserveScroll: !0,
           preserveState: !0
         });
@@ -346,8 +346,8 @@ const Sn = ({ children: e }) => {
     }),
     []
   );
-  const l = (i) => (Re.length && (i.headers["X-InertiaUI-Modal-Base-Url"] = Te), i);
-  M(() => (je.interceptors.request.use(l), () => je.interceptors.request.eject(l)), []);
+  const l = (i) => (i.headers["X-InertiaUI-Modal-Base-Url"] = me, i);
+  M(() => (De.interceptors.request.use(l), () => De.interceptors.request.eject(l)), []);
   const o = bn(), a = O();
   return M(() => {
     var f, x;
@@ -365,7 +365,7 @@ const kt = () => {
     throw new Error("useModalIndex must be used within a ModalIndexProvider");
   return e;
 }, It = ({ index: e }) => {
-  const { stack: t } = Ve(), n = C(() => t[e], [t, e]);
+  const { stack: t } = Xe(), n = C(() => t[e], [t, e]);
   return (n == null ? void 0 : n.component) && /* @__PURE__ */ T(pt.Provider, { value: e, children: /* @__PURE__ */ T(
     n.component,
     {
@@ -374,7 +374,7 @@ const kt = () => {
     }
   ) });
 }, Rt = dt(({ name: e, children: t, onFocus: n = null, onBlur: r = null, onClose: l = null, onSuccess: o = null, ...a }, s) => {
-  const i = kt(), { stack: c, registerLocalModal: f, removeLocalModal: x } = Ve(), [b, w] = S(null), d = C(() => e ? b : c[i], [e, b, i, c]), g = C(() => {
+  const i = kt(), { stack: c, registerLocalModal: f, removeLocalModal: x } = Xe(), [b, w] = S(null), d = C(() => e ? b : c[i], [e, b, i, c]), g = C(() => {
     var h;
     return (h = c.find(($) => $.shouldRender && $.index > (d == null ? void 0 : d.index))) == null ? void 0 : h.index;
   }, [i, c]), u = C(() => (d == null ? void 0 : d.config.slideover) ?? a.slideover ?? mt("type") === "slideover", [a.slideover]), m = C(
@@ -500,7 +500,7 @@ function Dt(e) {
   } else for (n in e) e[n] && (r && (r += " "), r += n);
   return r;
 }
-function Ue() {
+function je() {
   for (var e, t, n = 0, r = "", l = arguments.length; n < l; n++) (e = arguments[n]) && (t = Dt(e)) && (r && (r += " "), r += t);
   return r;
 }
@@ -534,10 +534,10 @@ let kn = class {
     return this.handoffState === "complete";
   }
 }, ae = new kn();
-function qe(e) {
+function Ve(e) {
   return ae.isServer ? null : e instanceof Node ? e.ownerDocument : e != null && e.hasOwnProperty("current") && e.current instanceof Node ? e.current.ownerDocument : document;
 }
-function Ye(e) {
+function qe(e) {
   typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((t) => setTimeout(() => {
     throw t;
   }));
@@ -555,7 +555,7 @@ function re() {
     return t.add(() => clearTimeout(r));
   }, microTask(...n) {
     let r = { current: !0 };
-    return Ye(() => {
+    return qe(() => {
       r.current && n[0]();
     }), t.add(() => {
       r.current = !1;
@@ -609,7 +609,7 @@ function ne(e, t, ...n) {
   let r = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((l) => `"${l}"`).join(", ")}.`);
   throw Error.captureStackTrace && Error.captureStackTrace(r, ne), r;
 }
-var He = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(He || {}), te = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(te || {});
+var Ue = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Ue || {}), te = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(te || {});
 function W() {
   let e = jn();
   return Y((t) => Dn({ mergeRefs: e, ...t }), [e]);
@@ -655,7 +655,7 @@ function Ie(e, t = {}, n, r, l) {
     for (let m in x) m in u && delete x[m];
     return gn(f, Object.assign({}, u, x, c, { ref: l(Hn(f), c.ref) }, g));
   }
-  return De(o, Object.assign({}, rt(i, ["ref"]), o !== G && c, o !== G && x), f);
+  return Re(o, Object.assign({}, rt(i, ["ref"]), o !== G && c, o !== G && x), f);
 }
 function jn() {
   let e = O([]), t = Y((n) => {
@@ -706,7 +706,7 @@ function Hn(e) {
   return E.version.split(".")[0] >= "19" ? e.props.ref : e.ref;
 }
 let Wn = "span";
-var We = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(We || {});
+var He = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(He || {});
 function _n(e, t) {
   var n;
   let { features: r = 1, ...l } = e, o = { ref: t, "aria-hidden": (r & 2) === 2 ? !0 : (n = l["aria-hidden"]) != null ? n : void 0, hidden: (r & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(r & 4) === 4 && (r & 2) !== 2 && { display: "none" } } };
@@ -791,7 +791,7 @@ let Jn = new Zn(() => _t(() => [], { ADD(e) {
   let n = this.slice();
   return n.splice(t, 1), n;
 } }));
-function me(e, t) {
+function pe(e, t) {
   let n = Jn.get(t), r = Me(), l = Bt(n);
   if (k(() => {
     if (e) return n.dispatch("ADD", r), () => n.dispatch("REMOVE", r);
@@ -813,7 +813,7 @@ function $t(e) {
   r && (r["aria-hidden"] === null ? e.removeAttribute("aria-hidden") : e.setAttribute("aria-hidden", r["aria-hidden"]), e.inert = r.inert, at.delete(e));
 }
 function Qn(e, { allowed: t, disallowed: n } = {}) {
-  let r = me(e, "inert-others");
+  let r = pe(e, "inert-others");
   k(() => {
     var l, o;
     if (!r) return;
@@ -822,7 +822,7 @@ function Qn(e, { allowed: t, disallowed: n } = {}) {
     let s = (o = t == null ? void 0 : t()) != null ? o : [];
     for (let i of s) {
       if (!i) continue;
-      let c = qe(i);
+      let c = Ve(i);
       if (!c) continue;
       let f = i.parentElement;
       for (; f && f !== c.body; ) {
@@ -854,10 +854,10 @@ function er(e, t, n) {
     return () => o.dispose();
   }, [t, r, e]);
 }
-let _e = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), tr = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
+let We = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), tr = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
 var J = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e[e.AutoFocus = 64] = "AutoFocus", e))(J || {}), st = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(st || {}), nr = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(nr || {});
 function rr(e = document.body) {
-  return e == null ? [] : Array.from(e.querySelectorAll(_e)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
+  return e == null ? [] : Array.from(e.querySelectorAll(We)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
 function lr(e = document.body) {
   return e == null ? [] : Array.from(e.querySelectorAll(tr)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
@@ -865,12 +865,12 @@ function lr(e = document.body) {
 var Xt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Xt || {});
 function ir(e, t = 0) {
   var n;
-  return e === ((n = qe(e)) == null ? void 0 : n.body) ? !1 : ne(t, { 0() {
-    return e.matches(_e);
+  return e === ((n = Ve(e)) == null ? void 0 : n.body) ? !1 : ne(t, { 0() {
+    return e.matches(We);
   }, 1() {
     let r = e;
     for (; r !== null; ) {
-      if (r.matches(_e)) return !0;
+      if (r.matches(We)) return !0;
       r = r.parentElement;
     }
     return !1;
@@ -933,7 +933,7 @@ function cr() {
 function dr() {
   return Vt() || cr();
 }
-function ye(e, t, n, r) {
+function be(e, t, n, r) {
   let l = ue(n);
   M(() => {
     if (!e) return;
@@ -955,7 +955,7 @@ function qt(e, t, n, r) {
 }
 const Tt = 30;
 function fr(e, t, n) {
-  let r = me(e, "outside-click"), l = ue(n), o = Y(function(i, c) {
+  let r = pe(e, "outside-click"), l = ue(n), o = Y(function(i, c) {
     if (i.defaultPrevented) return;
     let f = c(i);
     if (f === null || !f.getRootNode().contains(f) || !f.isConnected) return;
@@ -965,25 +965,25 @@ function fr(e, t, n) {
     for (let b of x) if (b !== null && (b.contains(f) || i.composed && i.composedPath().includes(b))) return;
     return !ir(f, Xt.Loose) && f.tabIndex !== -1 && i.preventDefault(), l.current(i, f);
   }, [l, t]), a = O(null);
-  ye(r, "pointerdown", (i) => {
+  be(r, "pointerdown", (i) => {
     var c, f;
     a.current = ((f = (c = i.composedPath) == null ? void 0 : c.call(i)) == null ? void 0 : f[0]) || i.target;
-  }, !0), ye(r, "mousedown", (i) => {
+  }, !0), be(r, "mousedown", (i) => {
     var c, f;
     a.current = ((f = (c = i.composedPath) == null ? void 0 : c.call(i)) == null ? void 0 : f[0]) || i.target;
-  }, !0), ye(r, "click", (i) => {
+  }, !0), be(r, "click", (i) => {
     dr() || a.current && (o(i, () => a.current), a.current = null);
   }, !0);
   let s = O({ x: 0, y: 0 });
-  ye(r, "touchstart", (i) => {
+  be(r, "touchstart", (i) => {
     s.current.x = i.touches[0].clientX, s.current.y = i.touches[0].clientY;
-  }, !0), ye(r, "touchend", (i) => {
+  }, !0), be(r, "touchend", (i) => {
     let c = { x: i.changedTouches[0].clientX, y: i.changedTouches[0].clientY };
     if (!(Math.abs(c.x - s.current.x) >= Tt || Math.abs(c.y - s.current.y) >= Tt)) return o(i, () => i.target instanceof HTMLElement ? i.target : null);
   }, !0), qt(r, "blur", (i) => o(i, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
 }
 function Le(...e) {
-  return C(() => qe(...e), [...e]);
+  return C(() => Ve(...e), [...e]);
 }
 function Yt(e, t, n, r) {
   let l = ue(n);
@@ -1089,7 +1089,7 @@ function gr(e, t, n = () => ({ containers: [] })) {
   }, [e, t]), o;
 }
 function wr(e, t, n = () => [document.body]) {
-  let r = me(e, "scroll-lock");
+  let r = pe(e, "scroll-lock");
   gr(r, t, (l) => {
     var o;
     return { containers: [...(o = l.containers) != null ? o : [], n] };
@@ -1169,17 +1169,17 @@ function gt(e, t) {
     }
   }, [r, ...t]);
 }
-let ze = H(null);
-ze.displayName = "OpenClosedContext";
+let Ye = H(null);
+Ye.displayName = "OpenClosedContext";
 var z = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(z || {});
-function Ge() {
-  return R(ze);
+function ze() {
+  return R(Ye);
 }
 function Pr({ value: e, children: t }) {
-  return E.createElement(ze.Provider, { value: e }, t);
+  return E.createElement(Ye.Provider, { value: e }, t);
 }
 function Mr({ children: e }) {
-  return E.createElement(ze.Provider, { value: null }, e);
+  return E.createElement(Ye.Provider, { value: null }, e);
 }
 function Lr(e) {
   function t() {
@@ -1192,28 +1192,28 @@ Lr(() => {
   function e(t) {
     if (!(t.target instanceof HTMLElement) || t.target === document.body || ee[0] === t.target) return;
     let n = t.target;
-    n = n.closest(_e), ee.unshift(n ?? t.target), ee = ee.filter((r) => r != null && r.isConnected), ee.splice(10);
+    n = n.closest(We), ee.unshift(n ?? t.target), ee = ee.filter((r) => r != null && r.isConnected), ee.splice(10);
   }
   window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
 });
 function zt(e) {
   let t = L(e), n = O(!1);
   M(() => (n.current = !1, () => {
-    n.current = !0, Ye(() => {
+    n.current = !0, qe(() => {
       n.current && t();
     });
   }), [t]);
 }
 function Sr() {
   let e = typeof document > "u";
-  return "useSyncExternalStore" in $e ? ((t) => t.useSyncExternalStore)($e)(() => () => {
+  return "useSyncExternalStore" in Te ? ((t) => t.useSyncExternalStore)(Te)(() => () => {
   }, () => !1, () => !e) : !1;
 }
 function Se() {
-  let e = Sr(), [t, n] = $e.useState(ae.isHandoffComplete);
-  return t && ae.isHandoffComplete === !1 && n(!1), $e.useEffect(() => {
+  let e = Sr(), [t, n] = Te.useState(ae.isHandoffComplete);
+  return t && ae.isHandoffComplete === !1 && n(!1), Te.useEffect(() => {
     t !== !0 && n(!0);
-  }, [t]), $e.useEffect(() => ae.handoff(), []), e ? !1 : t;
+  }, [t]), Te.useEffect(() => ae.handoff(), []), e ? !1 : t;
 }
 let Gt = H(!1);
 function Fr() {
@@ -1278,7 +1278,7 @@ function Rr() {
 }
 let Dr = D(Ar), Jt = D(Ir), jr = Object.assign(Dr, { Group: Jt });
 function Ur(e, t = typeof document < "u" ? document.defaultView : null, n) {
-  let r = me(e, "escape");
+  let r = pe(e, "escape");
   Yt(t, "keydown", (l) => {
     r && (l.defaultPrevented || l.key === Wt.Escape && n(l));
   });
@@ -1308,10 +1308,10 @@ function Wr({ defaultContainers: e = [], portals: t, mainTreeNode: n } = {}) {
 let Qt = H(null);
 function Lt({ children: e, node: t }) {
   let [n, r] = S(null), l = en(t ?? n);
-  return E.createElement(Qt.Provider, { value: l }, e, l === null && E.createElement(ot, { features: We.Hidden, ref: (o) => {
+  return E.createElement(Qt.Provider, { value: l }, e, l === null && E.createElement(ot, { features: He.Hidden, ref: (o) => {
     var a, s;
     if (o) {
-      for (let i of (s = (a = qe(o)) == null ? void 0 : a.querySelectorAll("html > *, body > *")) != null ? s : []) if (i !== document.body && i !== document.head && i instanceof HTMLElement && i != null && i.contains(o)) {
+      for (let i of (s = (a = Ve(o)) == null ? void 0 : a.querySelectorAll("html > *, body > *")) != null ? s : []) if (i !== document.body && i !== document.head && i instanceof HTMLElement && i != null && i.contains(o)) {
         r(i);
         break;
       }
@@ -1328,7 +1328,7 @@ function wt() {
     e.current = !1;
   }), []), e;
 }
-var Ee = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Ee || {});
+var $e = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))($e || {});
 function _r() {
   let e = O(0);
   return qt(!0, "keydown", (t) => {
@@ -1354,13 +1354,13 @@ function Xr(e, t) {
   let x = _r(), b = L((p) => {
     let v = n.current;
     v && ((y) => y())(() => {
-      ne(x.current, { [Ee.Forwards]: () => {
+      ne(x.current, { [$e.Forwards]: () => {
         Pe(v, J.First, { skipElements: [p.relatedTarget, o] });
-      }, [Ee.Backwards]: () => {
+      }, [$e.Backwards]: () => {
         Pe(v, J.Last, { skipElements: [p.relatedTarget, o] });
       } });
     });
-  }), w = me(!!(s & 2), "focus-trap#tab-lock"), d = ht(), g = O(!1), u = { ref: r, onKeyDown(p) {
+  }), w = pe(!!(s & 2), "focus-trap#tab-lock"), d = ht(), g = O(!1), u = { ref: r, onKeyDown(p) {
     p.key == "Tab" && (g.current = !0, d.requestAnimationFrame(() => {
       g.current = !1;
     }));
@@ -1369,15 +1369,15 @@ function Xr(e, t) {
     let v = tn(a);
     n.current instanceof HTMLElement && v.add(n.current);
     let y = p.relatedTarget;
-    y instanceof HTMLElement && y.dataset.headlessuiFocusGuard !== "true" && (nn(v, y) || (g.current ? Pe(n.current, ne(x.current, { [Ee.Forwards]: () => J.Next, [Ee.Backwards]: () => J.Previous }) | J.WrapAround, { relativeTo: p.target }) : p.target instanceof HTMLElement && Q(p.target)));
+    y instanceof HTMLElement && y.dataset.headlessuiFocusGuard !== "true" && (nn(v, y) || (g.current ? Pe(n.current, ne(x.current, { [$e.Forwards]: () => J.Next, [$e.Backwards]: () => J.Previous }) | J.WrapAround, { relativeTo: p.target }) : p.target instanceof HTMLElement && Q(p.target)));
   } }, m = W();
-  return E.createElement(E.Fragment, null, w && E.createElement(ot, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: b, features: We.Focusable }), m({ ourProps: u, theirProps: i, defaultTag: Br, name: "FocusTrap" }), w && E.createElement(ot, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: b, features: We.Focusable }));
+  return E.createElement(E.Fragment, null, w && E.createElement(ot, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: b, features: He.Focusable }), m({ ourProps: u, theirProps: i, defaultTag: Br, name: "FocusTrap" }), w && E.createElement(ot, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: b, features: He.Focusable }));
 }
 let Vr = D(Xr), qr = Object.assign(Vr, { features: ie });
 function Yr(e = !0) {
   let t = O(ee.slice());
   return gt(([n], [r]) => {
-    r === !0 && n === !1 && Ye(() => {
+    r === !0 && n === !1 && qe(() => {
       t.current.splice(0);
     }), r === !1 && n === !0 && (t.current = ee.slice());
   }, [e, ee, t]), L(() => {
@@ -1394,7 +1394,7 @@ function zr(e, { ownerDocument: t }) {
   });
 }
 function Gr(e, { ownerDocument: t, container: n, initialFocus: r, initialFocusFallback: l }) {
-  let o = O(null), a = me(!!(e & 1), "focus-trap#initial-focus"), s = wt();
+  let o = O(null), a = pe(!!(e & 1), "focus-trap#initial-focus"), s = wt();
   return gt(() => {
     if (e === 0) return;
     if (!a) {
@@ -1402,7 +1402,7 @@ function Gr(e, { ownerDocument: t, container: n, initialFocus: r, initialFocusFa
       return;
     }
     let i = n.current;
-    i && Ye(() => {
+    i && qe(() => {
       if (!s.current) return;
       let c = t == null ? void 0 : t.activeElement;
       if (r != null && r.current) {
@@ -1446,23 +1446,23 @@ function rn(e) {
   var t;
   return !!(e.enter || e.enterFrom || e.enterTo || e.leave || e.leaveFrom || e.leaveTo) || ((t = e.as) != null ? t : on) !== G || E.Children.count(e.children) === 1;
 }
-let Ke = H(null);
-Ke.displayName = "TransitionContext";
+let Ge = H(null);
+Ge.displayName = "TransitionContext";
 var Zr = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Zr || {});
 function Jr() {
-  let e = R(Ke);
+  let e = R(Ge);
   if (e === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
   return e;
 }
 function Qr() {
-  let e = R(Ze);
+  let e = R(Ke);
   if (e === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
   return e;
 }
-let Ze = H(null);
-Ze.displayName = "NestingContext";
-function Je(e) {
-  return "children" in e ? Je(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
+let Ke = H(null);
+Ke.displayName = "NestingContext";
+function Ze(e) {
+  return "children" in e ? Ze(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
 }
 function ln(e, t) {
   let n = ue(e), r = O([]), l = wt(), o = ht(), a = L((w, d = te.Hidden) => {
@@ -1473,7 +1473,7 @@ function ln(e, t) {
       r.current[g].state = "hidden";
     } }), o.microTask(() => {
       var u;
-      !Je(r) && l.current && ((u = n.current) == null || u.call(n));
+      !Ze(r) && l.current && ((u = n.current) == null || u.call(n));
     }));
   }), s = L((w) => {
     let d = r.current.find(({ el: g }) => g === w);
@@ -1492,7 +1492,7 @@ function ln(e, t) {
   });
   return C(() => ({ children: r, register: s, unregister: a, onStart: x, onStop: b, wait: c, chains: f }), [s, a, r, x, b, f, c]);
 }
-let on = G, an = He.RenderStrategy;
+let on = G, an = Ue.RenderStrategy;
 function el(e, t) {
   var n, r;
   let { transition: l = !0, beforeEnter: o, afterEnter: a, beforeLeave: s, afterLeave: i, enter: c, enterFrom: f, enterTo: x, entered: b, leave: w, leaveFrom: d, leaveTo: g, ...u } = e, [m, p] = S(null), v = O(null), y = rn(e), h = Z(...y ? [v, t, p] : t === null ? [] : [t]), $ = (n = u.unmount) == null || n ? te.Unmount : te.Hidden, { show: F, appear: j, initial: _ } = Jr(), [A, U] = S(F ? "visible" : "hidden"), B = Qr(), { register: X, unregister: P } = B;
@@ -1509,32 +1509,32 @@ function el(e, t) {
   k(() => {
     if (y && V && A === "visible" && v.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
   }, [v, A, V, y]);
-  let Fe = _ && !j, Ce = j && F && _, he = O(!1), K = ln(() => {
-    he.current || (U("hidden"), P(v));
-  }, B), Ne = L((et) => {
-    he.current = !0;
-    let ke = et ? "enter" : "leave";
-    K.onStart(v, ke, (ge) => {
-      ge === "enter" ? o == null || o() : ge === "leave" && (s == null || s());
+  let Fe = _ && !j, Ce = j && F && _, ve = O(!1), K = ln(() => {
+    ve.current || (U("hidden"), P(v));
+  }, B), Ne = L((Qe) => {
+    ve.current = !0;
+    let ke = Qe ? "enter" : "leave";
+    K.onStart(v, ke, (we) => {
+      we === "enter" ? o == null || o() : we === "leave" && (s == null || s());
     });
-  }), N = L((et) => {
-    let ke = et ? "enter" : "leave";
-    he.current = !1, K.onStop(v, ke, (ge) => {
-      ge === "enter" ? a == null || a() : ge === "leave" && (i == null || i());
-    }), ke === "leave" && !Je(K) && (U("hidden"), P(v));
+  }), N = L((Qe) => {
+    let ke = Qe ? "enter" : "leave";
+    ve.current = !1, K.onStop(v, ke, (we) => {
+      we === "enter" ? a == null || a() : we === "leave" && (i == null || i());
+    }), ke === "leave" && !Ze(K) && (U("hidden"), P(v));
   });
   M(() => {
     y && l || (Ne(F), N(F));
   }, [F, y, l]);
-  let Ae = !(!l || !y || !V || Fe), [, I] = Er(Ae, m, F, { start: Ne, end: N }), dn = le({ ref: h, className: ((r = it(u.className, Ce && c, Ce && f, I.enter && c, I.enter && I.closed && f, I.enter && !I.closed && x, I.leave && w, I.leave && !I.closed && d, I.leave && I.closed && g, !I.transition && F && b)) == null ? void 0 : r.trim()) || void 0, ...br(I) }), ve = 0;
-  A === "visible" && (ve |= z.Open), A === "hidden" && (ve |= z.Closed), I.enter && (ve |= z.Opening), I.leave && (ve |= z.Closing);
+  let Ae = !(!l || !y || !V || Fe), [, I] = Er(Ae, m, F, { start: Ne, end: N }), dn = le({ ref: h, className: ((r = it(u.className, Ce && c, Ce && f, I.enter && c, I.enter && I.closed && f, I.enter && !I.closed && x, I.leave && w, I.leave && !I.closed && d, I.leave && I.closed && g, !I.transition && F && b)) == null ? void 0 : r.trim()) || void 0, ...br(I) }), ge = 0;
+  A === "visible" && (ge |= z.Open), A === "hidden" && (ge |= z.Closed), I.enter && (ge |= z.Opening), I.leave && (ge |= z.Closing);
   let fn = W();
-  return E.createElement(Ze.Provider, { value: K }, E.createElement(Pr, { value: ve }, fn({ ourProps: dn, theirProps: u, defaultTag: on, features: an, visible: A === "visible", name: "Transition.Child" })));
+  return E.createElement(Ke.Provider, { value: K }, E.createElement(Pr, { value: ge }, fn({ ourProps: dn, theirProps: u, defaultTag: on, features: an, visible: A === "visible", name: "Transition.Child" })));
 }
 function tl(e, t) {
   let { show: n, appear: r = !1, unmount: l = !0, ...o } = e, a = O(null), s = rn(e), i = Z(...s ? [a, t] : t === null ? [] : [t]);
   Se();
-  let c = Ge();
+  let c = ze();
   if (n === void 0 && c !== null && (n = (c & z.Open) === z.Open), n === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
   let [f, x] = S(n ? "visible" : "hidden"), b = ln(() => {
     n || x("hidden");
@@ -1544,7 +1544,7 @@ function tl(e, t) {
   }, [g, n]);
   let u = C(() => ({ show: n, appear: r, initial: w }), [n, r, w]);
   k(() => {
-    n ? x("visible") : !Je(b) && a.current !== null && x("hidden");
+    n ? x("visible") : !Ze(b) && a.current !== null && x("hidden");
   }, [n, b]);
   let m = { unmount: l }, p = L(() => {
     var h;
@@ -1553,23 +1553,23 @@ function tl(e, t) {
     var h;
     w && d(!1), (h = e.beforeLeave) == null || h.call(e);
   }), y = W();
-  return E.createElement(Ze.Provider, { value: b }, E.createElement(Ke.Provider, { value: u }, y({ ourProps: { ...m, as: G, children: E.createElement(sn, { ref: i, ...m, ...o, beforeEnter: p, beforeLeave: v }) }, theirProps: {}, defaultTag: G, features: an, visible: f === "visible", name: "Transition" })));
+  return E.createElement(Ke.Provider, { value: b }, E.createElement(Ge.Provider, { value: u }, y({ ourProps: { ...m, as: G, children: E.createElement(sn, { ref: i, ...m, ...o, beforeEnter: p, beforeLeave: v }) }, theirProps: {}, defaultTag: G, features: an, visible: f === "visible", name: "Transition" })));
 }
 function nl(e, t) {
-  let n = R(Ke) !== null, r = Ge() !== null;
+  let n = R(Ge) !== null, r = ze() !== null;
   return E.createElement(E.Fragment, null, !n && r ? E.createElement(ct, { ref: t, ...e }) : E.createElement(sn, { ref: t, ...e }));
 }
-let ct = D(tl), sn = D(el), pe = D(nl), un = Object.assign(ct, { Child: pe, Root: ct });
+let ct = D(tl), sn = D(el), he = D(nl), un = Object.assign(ct, { Child: he, Root: ct });
 var rl = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(rl || {}), ll = ((e) => (e[e.SetTitleId = 0] = "SetTitleId", e))(ll || {});
 let il = { 0(e, t) {
   return e.titleId === t.id ? e : { ...e, titleId: t.id };
 } }, xt = H(null);
 xt.displayName = "DialogContext";
-function Qe(e) {
+function Je(e) {
   let t = R(xt);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(n, Qe), n;
+    throw Error.captureStackTrace && Error.captureStackTrace(n, Je), n;
   }
   return t;
 }
@@ -1581,7 +1581,7 @@ let St = D(function(e, t) {
   s = function() {
     return s === "dialog" || s === "alertdialog" ? s : (b.current || (b.current = !0, console.warn(`Invalid role [${s}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog");
   }();
-  let w = Ge();
+  let w = ze();
   l === void 0 && w !== null && (l = (w & z.Open) === z.Open);
   let d = O(null), g = Z(d, t), u = Le(d), m = l ? 0 : 1, [p, v] = xn(ol, { titleId: null, descriptionId: null, panelRef: yn() }), y = L(() => o(!1)), h = L((N) => v({ type: 0, id: N })), $ = Se() ? m === 0 : !1, [F, j] = Rr(), _ = { get current() {
     var N;
@@ -1598,13 +1598,13 @@ let St = D(function(e, t) {
   }), Ur($, u == null ? void 0 : u.defaultView, (N) => {
     N.preventDefault(), N.stopPropagation(), document.activeElement && "blur" in document.activeElement && typeof document.activeElement.blur == "function" && document.activeElement.blur(), y();
   }), wr(c || B ? !1 : $, u, U), er($, d, y);
-  let [X, P] = Xn(), V = C(() => [{ dialogState: m, close: y, setTitleId: h, unmount: f }, p], [m, p, y, h, f]), Fe = C(() => ({ open: m === 0 }), [m]), Ce = { ref: g, id: r, role: s, tabIndex: -1, "aria-modal": c ? void 0 : m === 0 ? !0 : void 0, "aria-labelledby": p.titleId, "aria-describedby": X, unmount: f }, he = !Hr(), K = ie.None;
-  $ && !c && (K |= ie.RestoreFocus, K |= ie.TabLock, i && (K |= ie.AutoFocus), he && (K |= ie.InitialFocus));
+  let [X, P] = Xn(), V = C(() => [{ dialogState: m, close: y, setTitleId: h, unmount: f }, p], [m, p, y, h, f]), Fe = C(() => ({ open: m === 0 }), [m]), Ce = { ref: g, id: r, role: s, tabIndex: -1, "aria-modal": c ? void 0 : m === 0 ? !0 : void 0, "aria-labelledby": p.titleId, "aria-describedby": X, unmount: f }, ve = !Hr(), K = ie.None;
+  $ && !c && (K |= ie.RestoreFocus, K |= ie.TabLock, i && (K |= ie.AutoFocus), ve && (K |= ie.InitialFocus));
   let Ne = W();
   return E.createElement(Mr, null, E.createElement(Mt, { force: !0 }, E.createElement(jr, null, E.createElement(xt.Provider, { value: V }, E.createElement(Jt, { target: d }, E.createElement(Mt, { force: !1 }, E.createElement(P, { slot: Fe }, E.createElement(j, null, E.createElement(qr, { initialFocus: a, initialFocusFallback: d, containers: U, features: K }, E.createElement(Kn, { value: y }, Ne({ ourProps: Ce, theirProps: x, slot: Fe, defaultTag: al, features: sl, visible: m === 0, name: "Dialog" })))))))))));
-}), al = "div", sl = He.RenderStrategy | He.Static;
+}), al = "div", sl = Ue.RenderStrategy | Ue.Static;
 function ul(e, t) {
-  let { transition: n = !1, open: r, ...l } = e, o = Ge(), a = e.hasOwnProperty("open") || o !== null, s = e.hasOwnProperty("onClose");
+  let { transition: n = !1, open: r, ...l } = e, o = ze(), a = e.hasOwnProperty("open") || o !== null, s = e.hasOwnProperty("onClose");
   if (!a && !s) throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");
   if (!a) throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");
   if (!s) throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");
@@ -1614,19 +1614,19 @@ function ul(e, t) {
 }
 let cl = "div";
 function dl(e, t) {
-  let n = Me(), { id: r = `headlessui-dialog-panel-${n}`, transition: l = !1, ...o } = e, [{ dialogState: a, unmount: s }, i] = Qe("Dialog.Panel"), c = Z(t, i.panelRef), f = C(() => ({ open: a === 0 }), [a]), x = L((u) => {
+  let n = Me(), { id: r = `headlessui-dialog-panel-${n}`, transition: l = !1, ...o } = e, [{ dialogState: a, unmount: s }, i] = Je("Dialog.Panel"), c = Z(t, i.panelRef), f = C(() => ({ open: a === 0 }), [a]), x = L((u) => {
     u.stopPropagation();
-  }), b = { ref: c, id: r, onClick: x }, w = l ? pe : G, d = l ? { unmount: s } : {}, g = W();
+  }), b = { ref: c, id: r, onClick: x }, w = l ? he : G, d = l ? { unmount: s } : {}, g = W();
   return E.createElement(w, { ...d }, g({ ourProps: b, theirProps: o, slot: f, defaultTag: cl, name: "Dialog.Panel" }));
 }
 let fl = "div";
 function ml(e, t) {
-  let { transition: n = !1, ...r } = e, [{ dialogState: l, unmount: o }] = Qe("Dialog.Backdrop"), a = C(() => ({ open: l === 0 }), [l]), s = { ref: t, "aria-hidden": !0 }, i = n ? pe : G, c = n ? { unmount: o } : {}, f = W();
+  let { transition: n = !1, ...r } = e, [{ dialogState: l, unmount: o }] = Je("Dialog.Backdrop"), a = C(() => ({ open: l === 0 }), [l]), s = { ref: t, "aria-hidden": !0 }, i = n ? he : G, c = n ? { unmount: o } : {}, f = W();
   return E.createElement(i, { ...c }, f({ ourProps: s, theirProps: r, slot: a, defaultTag: fl, name: "Dialog.Backdrop" }));
 }
 let pl = "h2";
 function hl(e, t) {
-  let n = Me(), { id: r = `headlessui-dialog-title-${n}`, ...l } = e, [{ dialogState: o, setTitleId: a }] = Qe("Dialog.Title"), s = Z(t);
+  let n = Me(), { id: r = `headlessui-dialog-title-${n}`, ...l } = e, [{ dialogState: o, setTitleId: a }] = Je("Dialog.Title"), s = Z(t);
   M(() => (a(r), () => a(null)), [r, a]);
   let i = C(() => ({ open: o === 0 }), [o]), c = { ref: s, id: r };
   return W()({ ourProps: c, theirProps: l, slot: i, defaultTag: pl, name: "Dialog.Title" });
@@ -1672,13 +1672,13 @@ const xl = ({ modalContext: e, config: t, children: n }) => {
   return /* @__PURE__ */ T("div", { className: "im-modal-container fixed inset-0 z-40 overflow-y-auto p-4", children: /* @__PURE__ */ T(
     "div",
     {
-      className: Ue("im-modal-positioner flex min-h-full justify-center", {
+      className: je("im-modal-positioner flex min-h-full justify-center", {
         "items-start": t.position === "top",
         "items-center": t.position === "center",
         "items-end": t.position === "bottom"
       }),
       children: /* @__PURE__ */ T(
-        pe,
+        he,
         {
           as: "div",
           enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1687,7 +1687,7 @@ const xl = ({ modalContext: e, config: t, children: n }) => {
           leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
           afterEnter: () => l(!0),
           afterLeave: e.afterLeave,
-          className: Ue("im-modal-wrapper w-full transition duration-300 ease-in-out", e.onTopOfStack ? "" : "blur-sm", {
+          className: je("im-modal-wrapper w-full transition duration-300 ease-in-out", e.onTopOfStack ? "" : "blur-sm", {
             "sm:max-w-sm": t.maxWidth === "sm",
             "sm:max-w-md": t.maxWidth === "md",
             "sm:max-w-md md:max-w-lg": t.maxWidth === "lg",
@@ -1719,12 +1719,12 @@ const xl = ({ modalContext: e, config: t, children: n }) => {
   return /* @__PURE__ */ T("div", { className: "im-slideover-container fixed inset-0 z-40 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ T(
     "div",
     {
-      className: Ue("im-slideover-positioner flex min-h-full items-center", {
+      className: je("im-slideover-positioner flex min-h-full items-center", {
         "justify-start rtl:justify-end": (t == null ? void 0 : t.position) === "left",
         "justify-end rtl:justify-start": (t == null ? void 0 : t.position) === "right"
       }),
       children: /* @__PURE__ */ T(
-        pe,
+        he,
         {
           as: "div",
           enterFrom: `opacity-0 ${t.position === "left" ? "-translate-x-full" : "translate-x-full"}`,
@@ -1733,7 +1733,7 @@ const xl = ({ modalContext: e, config: t, children: n }) => {
           leaveTo: `opacity-0 ${t.position === "left" ? "-translate-x-full" : "translate-x-full"}`,
           afterEnter: () => l(!0),
           afterLeave: e.afterLeave,
-          className: Ue("im-slideover-wrapper w-full transition duration-300 ease-in-out", e.onTopOfStack ? "" : "blur-sm", {
+          className: je("im-slideover-wrapper w-full transition duration-300 ease-in-out", e.onTopOfStack ? "" : "blur-sm", {
             "sm:max-w-sm": t.maxWidth === "sm",
             "sm:max-w-md": t.maxWidth === "md",
             "sm:max-w-md md:max-w-lg": t.maxWidth === "lg",
@@ -1803,7 +1803,7 @@ const xl = ({ modalContext: e, config: t, children: n }) => {
               "data-inertiaui-modal-index": p,
               children: [
                 p === 0 ? /* @__PURE__ */ T(
-                  pe,
+                  he,
                   {
                     enter: "transition transform ease-in-out duration-300",
                     enterFrom: "opacity-0",
@@ -1893,7 +1893,7 @@ const kl = ({
   children: d,
   ...g
 }) => {
-  const [u, m] = S(!1), [p, v] = S(null), { stack: y, visit: h } = Ve(), $ = C(() => w ?? mt("navigate"), [w]), F = {}, j = {};
+  const [u, m] = S(!1), [p, v] = S(null), { stack: y, visit: h } = Xe(), $ = C(() => w ?? mt("navigate"), [w]), F = {}, j = {};
   Object.keys(g).forEach((P) => {
     bt.includes(P) || (P.startsWith("on") && typeof g[P] == "function" ? P.toLowerCase() in window ? F[P] = g[P] : j[P] = g[P] : F[P] = g[P]);
   });
@@ -1936,9 +1936,9 @@ const kl = ({
   );
 };
 function Il() {
-  return Ve().stack[kt()] ?? null;
+  return Xe().stack[kt()] ?? null;
 }
-const Rl = (e) => (t) => (t.default.layout = (n) => De(e, {}, n), t);
+const Rl = (e) => (t) => (t.default.layout = (n) => Re(e, {}, n), t);
 export {
   Rt as HeadlessModal,
   bl as Modal,
@@ -1953,5 +1953,5 @@ export {
   Rl as setPageLayout,
   Il as useModal,
   kt as useModalIndex,
-  Ve as useModalStack
+  Xe as useModalStack
 };

package/dist/inertiaui-modal.umd.cjs

@@ -1,5 +1,5 @@
-(function(C,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react"),require("react/jsx-runtime"),require("axios"),require("@inertiajs/react"),require("@inertiajs/core"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime","axios","@inertiajs/react","@inertiajs/core","react-dom"],o):(C=typeof globalThis<"u"?globalThis:C||self,o(C.InertiaUIModal={},C.React,C.jsxRuntime,C.Axios,C.react,C.core,C.ReactDOM))})(this,function(C,o,$,be,ne,tn,nn){"use strict";var sl=Object.defineProperty;var al=(C,o,$)=>o in C?sl(C,o,{enumerable:!0,configurable:!0,writable:!0,value:$}):C[o]=$;var B=(C,o,$)=>al(C,typeof o!="symbol"?o+"":o,$);function rn(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const ae=rn(o),ue={type:"modal",navigate:!1,modal:{closeButton:!0,closeExplicitly:!1,maxWidth:"2xl",paddingClasses:"p-4 sm:p-6",panelClasses:"bg-white rounded",position:"center"},slideover:{closeButton:!0,closeExplicitly:!1,maxWidth:"md",paddingClasses:"p-4 sm:p-6",panelClasses:"bg-white min-h-screen",position:"right"}};class ln{constructor(){this.config={},this.reset()}reset(){this.config=JSON.parse(JSON.stringify(ue))}put(t,n){if(typeof t=="object"){this.config={type:t.type??ue.type,navigate:t.navigate??ue.navigate,modal:{...ue.modal,...t.modal??{}},slideover:{...ue.slideover,...t.slideover??{}}};return}const r=t.split(".");let l=this.config;for(let s=0;s<r.length-1;s++)l=l[r[s]]=l[r[s]]||{};l[r[r.length-1]]=n}get(t){if(typeof t>"u")return this.config;const n=t.split(".");let r=this.config;for(const l of n){if(r[l]===void 0)return null;r=r[l]}return r}}const $e=new ln,on=()=>$e.reset(),sn=(e,t)=>$e.put(e,t),Me=e=>$e.get(e),re=(e,t)=>$e.get(e?`slideover.${t}`:`modal.${t}`);function an(e,t){return e=typeof e=="string"?new URL(e,window.location.origin):e,t=typeof t=="string"?new URL(t,window.location.origin):t,`${e.origin}${e.pathname}`==`${t.origin}${t.pathname}`}function Ve(e="inertiaui_modal_"){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?`${e}${crypto.randomUUID()}`:`${e}${Date.now().toString(36)}_${Math.random().toString(36).substr(2,9)}`}function le(e){return typeof e=="string"?e.toLowerCase():e}function un(e,t,n=!1){return n&&(t=t.map(le)),Array.isArray(e)?e.filter(r=>!t.includes(n?le(r):r)):Object.keys(e).reduce((r,l)=>(t.includes(n?le(l):l)||(r[l]=e[l]),r),{})}function ct(e,t,n=!1){return n&&(t=t.map(le)),Array.isArray(e)?e.filter(r=>t.includes(n?le(r):r)):Object.keys(e).reduce((r,l)=>(t.includes(n?le(l):l)&&(r[l]=e[l]),r),{})}function dn(e){return Array.isArray(e)?e.filter(t=>t!==null):Object.keys(e).reduce((t,n)=>(n in e&&e[n]!==null&&(t[n]=e[n]),t),{})}function cn(e,t=3,n=10){return new Promise((r,l)=>{const s=e();if(s){r(s);return}let a=t*1e3/n;const u=setInterval(()=>{const i=e();i&&(clearInterval(u),r(i)),--a<=0&&(clearInterval(u),l(new Error("Condition not met in time")))},n)})}function de(e){return e?(e=e.replace(/_/g,"-"),e=e.replace(/-+/g,"-"),/[A-Z]/.test(e)?(e=e.replace(/\s+/g,"").replace(/_/g,"").replace(/(?:^|\s|-)+([A-Za-z])/g,(t,n)=>n.toUpperCase()),e=e.replace(/(.)(?=[A-Z])/g,"$1-"),e.toLowerCase()):e):""}const Ce=o.createContext(null);Ce.displayName="ModalStackContext";let ft=null,mt=null,ce=null,Ye=null,Se=[],oe={};const pt=({children:e})=>{const[t,n]=o.useState([]),[r,l]=o.useState({}),s=w=>{n(d=>{const p=w([...d]),h=g=>{var y;return p.length<2?!0:((y=p.map(v=>({id:v.id,shouldRender:v.shouldRender})).reverse().find(v=>v.shouldRender))==null?void 0:y.id)===g};return p.forEach((g,y)=>{p[y].onTopOfStack=h(g.id),p[y].getParentModal=()=>y<1?null:p.slice(0,y).reverse().find(v=>v.isOpen),p[y].getChildModal=()=>y===p.length-1?null:p.slice(y+1).find(v=>v.isOpen)}),p})};o.useEffect(()=>{Se=t},[t]);class a{constructor(d,p,h,g,y){B(this,"show",()=>{s(d=>d.map(p=>(p.id===this.id&&!p.isOpen&&(p.isOpen=!0,p.shouldRender=!0),p)))});B(this,"setOpen",d=>{d?this.show():this.close()});B(this,"close",()=>{s(d=>d.map(p=>{var h;return p.id===this.id&&p.isOpen&&(Object.keys(p.listeners).forEach(g=>{p.off(g)}),p.isOpen=!1,(h=p.onCloseCallback)==null||h.call(p)),p}))});B(this,"afterLeave",()=>{this.isOpen||s(d=>{const p=d.map(h=>{var g;return h.id===this.id&&!h.isOpen&&(h.shouldRender=!1,(g=h.afterLeaveCallback)==null||g.call(h),h.afterLeaveCallback=null),h});return this.index===0?[]:p})});B(this,"on",(d,p)=>{d=de(d),this.listeners[d]=this.listeners[d]??[],this.listeners[d].push(p)});B(this,"off",(d,p)=>{var h;d=de(d),p?this.listeners[d]=((h=this.listeners[d])==null?void 0:h.filter(g=>g!==p))??[]:delete this.listeners[d]});B(this,"emit",(d,...p)=>{var h;(h=this.listeners[de(d)])==null||h.forEach(g=>g(...p))});B(this,"registerEventListenersFromProps",d=>{const p=[];return Object.keys(d).filter(h=>h.startsWith("on")).forEach(h=>{const g=de(h).replace(/^on-/,"");this.on(g,d[h]),p.push(()=>this.off(g,d[h]))}),()=>p.forEach(h=>h())});B(this,"reload",(d={})=>{var y;let p=Object.keys(this.response.props);if(d.only&&(p=ct(p,d.only)),d.except&&(p=un(p,d.except)),!((y=this.response)!=null&&y.url))return;const h=(d.method??"get").toLowerCase(),g=d.data??{};be({url:this.response.url,method:h,data:h==="get"?{}:g,params:h==="get"?g:{},headers:{...d.headers??{},Accept:"text/html, application/xhtml+xml","X-Inertia":!0,"X-Inertia-Partial-Component":this.response.component,"X-Inertia-Version":this.response.version,"X-Inertia-Partial-Data":p.join(","),"X-InertiaUI-Modal":Ve(),"X-InertiaUI-Modal-Use-Router":0,"X-InertiaUI-Modal-Base-Url":ce}}).then(v=>{this.updateProps(v.data.props)})});B(this,"updateProps",d=>{Object.assign(this.props,d),s(p=>p)});if(this.id=p.id??Ve(),this.isOpen=!1,this.shouldRender=!1,this.listeners={},this.component=d,this.props=p.props,this.response=p,this.config=h??{},this.onCloseCallback=g,this.afterLeaveCallback=y,oe[this.id]){this.config={...this.config,...oe[this.id].config??{}};const v=oe[this.id].onClose,M=oe[this.id].onAfterLeave;v&&(this.onCloseCallback=g?()=>{g(),v()}:v),M&&(this.afterLeaveCallback=y?()=>{y(),M()}:M),delete oe[this.id]}this.index=-1,this.getParentModal=()=>null,this.getChildModal=()=>null,this.onTopOfStack=!0}static generateId(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?`inertiaui_modal_${crypto.randomUUID()}`:`inertiaui_modal_${Date.now().toString(36)}_${Math.random().toString(36).substr(2,9)}`}}const u=(w,d={},p=null,h=null)=>mt(w.component).then(g=>i(g,w,d,p,h)),i=(w,d,p,h,g)=>{const y=new a(w,d,p,h,g);return y.index=t.length,s(v=>[...v,y]),y.show(),y};function c(w,d,p,h){if(!r[w])throw new Error(`The local modal "${w}" has not been registered.`);const g=i(null,{},d,p,h);return g.name=w,r[w].callback(g),g}const m=(w,d={})=>x(w,d.method??"get",d.data??{},d.headers??{},d.config??{},d.onClose,d.onAfterLeave,d.queryStringArrayFormat??"brackets",d.navigate??Me("navigate")).then(p=>{const h=d.listeners??{};return Object.keys(h).forEach(g=>{const y=de(g);p.on(y,h[g])}),p}),x=(w,d,p={},h={},g={},y=null,v=null,M="brackets",T=!1)=>{const I=Ve();return new Promise((U,F)=>{if(w.startsWith("#")){U(c(w.substring(1),g,y,v));return}const[A,H]=tn.mergeDataIntoQueryString(d,w||"",p,M);let W=T&&t.length===0;if(t.length===0&&(ce=typeof window<"u"?window.location.href:""),h={...h,Accept:"text/html, application/xhtml+xml","X-Requested-With":"XMLHttpRequest","X-Inertia":!0,"X-Inertia-Version":ft,"X-InertiaUI-Modal":I,"X-InertiaUI-Modal-Use-Router":W?1:0,"X-InertiaUI-Modal-Base-Url":ce},W)return Ye=null,oe[I]={config:g,onClose:y,onAfterLeave:v},ne.router.visit(A,{method:d,data:H,headers:h,preserveScroll:!0,preserveState:!0,onError:F,onFinish:()=>{cn(()=>Ye).then(U)}});be({url:A,method:d,data:H,headers:h}).then(S=>U(u(S.data,g,y,v))).catch(S=>{F(S)})})},f={stack:t,localModals:r,push:i,pushFromResponseData:u,length:()=>Se.length,closeAll:()=>{Se.reverse().forEach(w=>w.close())},reset:()=>s(()=>[]),visit:x,visitModal:m,registerLocalModal:(w,d)=>{l(p=>({...p,[w]:{name:w,callback:d}}))},removeLocalModal:w=>{l(d=>{const p={...d};return delete p[w],p})}};return $.jsx(Ce.Provider,{value:f,children:e})},fe=()=>{const e=o.useContext(Ce);if(e===null)throw new Error("useModalStack must be used within a ModalStackProvider");return e},ht=["closeButton","closeExplicitly","maxWidth","paddingClasses","panelClasses","position","slideover"],vt=e=>{e.initialPage&&(ft=e.initialPage.version),e.resolveComponent&&(mt=e.resolveComponent)},fn=(e,t)=>{vt(t);const n=({Component:r,props:l,key:s})=>{const a=()=>{const u=o.createElement(r,{key:s,...l});return typeof r.layout=="function"?r.layout(u):Array.isArray(r.layout)?r.layout.concat(u).reverse().reduce((c,m)=>o.createElement(m,l,c)):u};return $.jsxs($.Fragment,{children:[a(),$.jsx(gt,{})]})};return $.jsx(pt,{children:$.jsx(e,{...t,children:n})})},gt=({children:e})=>{var u;const t=o.useContext(Ce);let n=!1,r=!1;o.useEffect(()=>ne.router.on("start",()=>n=!0),[]),o.useEffect(()=>ne.router.on("finish",()=>n=!1),[]),o.useEffect(()=>ne.router.on("navigate",function(i){const c=i.detail.page.props._inertiaui_modal;if(!c){r&&t.closeAll();return}r=c,ce=c.baseUrl,t.pushFromResponseData(c,{},()=>{if(!c.baseUrl){console.error("No base url in modal response data so cannot navigate back");return}!n&&window.location.href!==c.baseUrl&&ne.router.visit(c.baseUrl,{preserveScroll:!0,preserveState:!0})}).then(m=>{Ye=m})}),[]);const l=i=>(Se.length&&(i.headers["X-InertiaUI-Modal-Base-Url"]=ce),i);o.useEffect(()=>(be.interceptors.request.use(l),()=>be.interceptors.request.eject(l)),[]);const s=ne.usePage(),a=o.useRef();return o.useEffect(()=>{var m,x;const i=(m=s.props)==null?void 0:m._inertiaui_modal,c=a.current;a.current=i,i&&c&&i.component===c.component&&an(i.url,c.url)&&((x=t.stack[0])==null||x.updateProps(i.props??{}))},[(u=s.props)==null?void 0:u._inertiaui_modal]),$.jsxs($.Fragment,{children:[e,t.stack.length>0&&$.jsx(wt,{index:0})]})},ze=o.createContext(null);ze.displayName="ModalIndexContext";const Ge=()=>{const e=o.useContext(ze);if(e===void 0)throw new Error("useModalIndex must be used within a ModalIndexProvider");return e},wt=({index:e})=>{const{stack:t}=fe(),n=o.useMemo(()=>t[e],[t,e]);return(n==null?void 0:n.component)&&$.jsx(ze.Provider,{value:e,children:$.jsx(n.component,{...n.props,onModalEvent:(...r)=>n.emit(...r)})})},Ke=o.forwardRef(({name:e,children:t,onFocus:n=null,onBlur:r=null,onClose:l=null,onSuccess:s=null,...a},u)=>{const i=Ge(),{stack:c,registerLocalModal:m,removeLocalModal:x}=fe(),[b,E]=o.useState(null),f=o.useMemo(()=>e?b:c[i],[e,b,i,c]),w=o.useMemo(()=>{var v;return(v=c.find(M=>M.shouldRender&&M.index>(f==null?void 0:f.index)))==null?void 0:v.index},[i,c]),d=o.useMemo(()=>(f==null?void 0:f.config.slideover)??a.slideover??Me("type")==="slideover",[a.slideover]),p=o.useMemo(()=>({slideover:d,closeButton:a.closeButton??re(d,"closeButton"),closeExplicitly:a.closeExplicitly??re(d,"closeExplicitly"),maxWidth:a.maxWidth??re(d,"maxWidth"),paddingClasses:a.paddingClasses??re(d,"paddingClasses"),panelClasses:a.panelClasses??re(d,"panelClasses"),position:a.position??re(d,"position"),...f==null?void 0:f.config}),[a,f==null?void 0:f.config]);o.useEffect(()=>{if(e){let v=null;return m(e,M=>{v=M.registerEventListenersFromProps(a),E(M)}),()=>{v==null||v(),v=null,x(e)}}return f.registerEventListenersFromProps(a)},[e]);const h=o.useRef(f);o.useEffect(()=>{h.current=f},[f]),o.useEffect(()=>{f!==null&&(f.isOpen?s==null||s():l==null||l())},[f==null?void 0:f.isOpen]);const[g,y]=o.useState(!1);return o.useEffect(()=>{g&&f!==null&&f.isOpen&&(f.onTopOfStack?n==null||n():r==null||r()),y(!0)},[f==null?void 0:f.onTopOfStack]),o.useImperativeHandle(u,()=>({afterLeave:()=>{var v;return(v=h.current)==null?void 0:v.afterLeave()},close:()=>{var v;return(v=h.current)==null?void 0:v.close()},emit:(...v)=>{var M;return(M=h.current)==null?void 0:M.emit(...v)},getChildModal:()=>{var v;return(v=h.current)==null?void 0:v.getChildModal()},getParentModal:()=>{var v;return(v=h.current)==null?void 0:v.getParentModal()},reload:(...v)=>{var M;return(M=h.current)==null?void 0:M.reload(...v)},setOpen:()=>{var v;return(v=h.current)==null?void 0:v.setOpen()},get id(){var v;return(v=h.current)==null?void 0:v.id},get index(){var v;return(v=h.current)==null?void 0:v.index},get isOpen(){var v;return(v=h.current)==null?void 0:v.isOpen},get config(){var v;return(v=h.current)==null?void 0:v.config},get modalContext(){return h.current},get onTopOfStack(){var v;return(v=h.current)==null?void 0:v.onTopOfStack},get shouldRender(){var v;return(v=h.current)==null?void 0:v.shouldRender}}),[f]),(f==null?void 0:f.shouldRender)&&$.jsxs($.Fragment,{children:[typeof t=="function"?t({afterLeave:f.afterLeave,close:f.close,config:p,emit:f.emit,getChildModal:f.getChildModal,getParentModal:f.getParentModal,id:f.id,index:f.index,isOpen:f.isOpen,modalContext:f,onTopOfStack:f.onTopOfStack,reload:f.reload,setOpen:f.setOpen,shouldRender:f.shouldRender}):t,w&&$.jsx(wt,{index:w})]})});Ke.displayName="HeadlessModal";function Et(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var l=e.length;for(t=0;t<l;t++)e[t]&&(n=Et(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}function Oe(){for(var e,t,n=0,r="",l=arguments.length;n<l;n++)(e=arguments[n])&&(t=Et(e))&&(r&&(r+=" "),r+=t);return r}var mn=Object.defineProperty,pn=(e,t,n)=>t in e?mn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ze=(e,t,n)=>(pn(e,typeof t!="symbol"?t+"":t,n),n);let hn=class{constructor(){Ze(this,"current",this.detect()),Ze(this,"handoffState","pending"),Ze(this,"currentId",0)}set(t){this.current!==t&&(this.handoffState="pending",this.currentId=0,this.current=t)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return this.current==="server"}get isClient(){return this.current==="client"}detect(){return typeof window>"u"||typeof document>"u"?"server":"client"}handoff(){this.handoffState==="pending"&&(this.handoffState="complete")}get isHandoffComplete(){return this.handoffState==="complete"}},J=new hn;function Te(e){return J.isServer?null:e instanceof Node?e.ownerDocument:e!=null&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}function Pe(e){typeof queueMicrotask=="function"?queueMicrotask(e):Promise.resolve().then(e).catch(t=>setTimeout(()=>{throw t}))}function z(){let e=[],t={addEventListener(n,r,l,s){return n.addEventListener(r,l,s),t.add(()=>n.removeEventListener(r,l,s))},requestAnimationFrame(...n){let r=requestAnimationFrame(...n);return t.add(()=>cancelAnimationFrame(r))},nextFrame(...n){return t.requestAnimationFrame(()=>t.requestAnimationFrame(...n))},setTimeout(...n){let r=setTimeout(...n);return t.add(()=>clearTimeout(r))},microTask(...n){let r={current:!0};return Pe(()=>{r.current&&n[0]()}),t.add(()=>{r.current=!1})},style(n,r,l){let s=n.style.getPropertyValue(r);return Object.assign(n.style,{[r]:l}),this.add(()=>{Object.assign(n.style,{[r]:s})})},group(n){let r=z();return n(r),this.add(()=>r.dispose())},add(n){return e.includes(n)||e.push(n),()=>{let r=e.indexOf(n);if(r>=0)for(let l of e.splice(r,1))l()}},dispose(){for(let n of e.splice(0))n()}};return t}function Je(){let[e]=o.useState(z);return o.useEffect(()=>()=>e.dispose(),[e]),e}let L=(e,t)=>{J.isServer?o.useEffect(e,t):o.useLayoutEffect(e,t)};function Q(e){let t=o.useRef(e);return L(()=>{t.current=e},[e]),t}let O=function(e){let t=Q(e);return o.useCallback((...n)=>t.current(...n),[t])},vn=o.createContext(void 0);function gn(){return o.useContext(vn)}function Qe(...e){return Array.from(new Set(e.flatMap(t=>typeof t=="string"?t.split(" "):[]))).filter(Boolean).join(" ")}function G(e,t,...n){if(e in t){let l=t[e];return typeof l=="function"?l(...n):l}let r=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map(l=>`"${l}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,G),r}var Fe=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(Fe||{}),K=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(K||{});function D(){let e=En();return o.useCallback(t=>wn({mergeRefs:e,...t}),[e])}function wn({ourProps:e,theirProps:t,slot:n,defaultTag:r,features:l,visible:s=!0,name:a,mergeRefs:u}){u=u??xn;let i=xt(t,e);if(s)return Le(i,n,r,a,u);let c=l??0;if(c&2){let{static:m=!1,...x}=i;if(m)return Le(x,n,r,a,u)}if(c&1){let{unmount:m=!0,...x}=i;return G(m?0:1,{0(){return null},1(){return Le({...x,hidden:!0,style:{display:"none"}},n,r,a,u)}})}return Le(i,n,r,a,u)}function Le(e,t={},n,r,l){let{as:s=n,children:a,refName:u="ref",...i}=Re(e,["unmount","static"]),c=e.ref!==void 0?{[u]:e.ref}:{},m=typeof a=="function"?a(t):a;"className"in i&&i.className&&typeof i.className=="function"&&(i.className=i.className(t)),i["aria-labelledby"]&&i["aria-labelledby"]===i.id&&(i["aria-labelledby"]=void 0);let x={};if(t){let b=!1,E=[];for(let[f,w]of Object.entries(t))typeof w=="boolean"&&(b=!0),w===!0&&E.push(f.replace(/([A-Z])/g,d=>`-${d.toLowerCase()}`));if(b){x["data-headlessui-state"]=E.join(" ");for(let f of E)x[`data-${f}`]=""}}if(s===o.Fragment&&(Object.keys(R(i)).length>0||Object.keys(R(x)).length>0))if(!o.isValidElement(m)||Array.isArray(m)&&m.length>1){if(Object.keys(R(i)).length>0)throw new Error(['Passing props on "Fragment"!',"",`The current component <${r} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(R(i)).concat(Object.keys(R(x))).map(b=>`  - ${b}`).join(`
+(function(C,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react"),require("react/jsx-runtime"),require("axios"),require("@inertiajs/react"),require("@inertiajs/core"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime","axios","@inertiajs/react","@inertiajs/core","react-dom"],o):(C=typeof globalThis<"u"?globalThis:C||self,o(C.InertiaUIModal={},C.React,C.jsxRuntime,C.Axios,C.react,C.core,C.ReactDOM))})(this,function(C,o,$,be,ne,tn,nn){"use strict";var sl=Object.defineProperty;var al=(C,o,$)=>o in C?sl(C,o,{enumerable:!0,configurable:!0,writable:!0,value:$}):C[o]=$;var B=(C,o,$)=>al(C,typeof o!="symbol"?o+"":o,$);function rn(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const ue=rn(o),de={type:"modal",navigate:!1,modal:{closeButton:!0,closeExplicitly:!1,maxWidth:"2xl",paddingClasses:"p-4 sm:p-6",panelClasses:"bg-white rounded",position:"center"},slideover:{closeButton:!0,closeExplicitly:!1,maxWidth:"md",paddingClasses:"p-4 sm:p-6",panelClasses:"bg-white min-h-screen",position:"right"}};class ln{constructor(){this.config={},this.reset()}reset(){this.config=JSON.parse(JSON.stringify(de))}put(t,n){if(typeof t=="object"){this.config={type:t.type??de.type,navigate:t.navigate??de.navigate,modal:{...de.modal,...t.modal??{}},slideover:{...de.slideover,...t.slideover??{}}};return}const r=t.split(".");let l=this.config;for(let s=0;s<r.length-1;s++)l=l[r[s]]=l[r[s]]||{};l[r[r.length-1]]=n}get(t){if(typeof t>"u")return this.config;const n=t.split(".");let r=this.config;for(const l of n){if(r[l]===void 0)return null;r=r[l]}return r}}const $e=new ln,on=()=>$e.reset(),sn=(e,t)=>$e.put(e,t),Me=e=>$e.get(e),re=(e,t)=>$e.get(e?`slideover.${t}`:`modal.${t}`);function an(e,t){return e=typeof e=="string"?new URL(e,window.location.origin):e,t=typeof t=="string"?new URL(t,window.location.origin):t,`${e.origin}${e.pathname}`==`${t.origin}${t.pathname}`}function Xe(e="inertiaui_modal_"){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?`${e}${crypto.randomUUID()}`:`${e}${Date.now().toString(36)}_${Math.random().toString(36).substr(2,9)}`}function le(e){return typeof e=="string"?e.toLowerCase():e}function un(e,t,n=!1){return n&&(t=t.map(le)),Array.isArray(e)?e.filter(r=>!t.includes(n?le(r):r)):Object.keys(e).reduce((r,l)=>(t.includes(n?le(l):l)||(r[l]=e[l]),r),{})}function ct(e,t,n=!1){return n&&(t=t.map(le)),Array.isArray(e)?e.filter(r=>t.includes(n?le(r):r)):Object.keys(e).reduce((r,l)=>(t.includes(n?le(l):l)&&(r[l]=e[l]),r),{})}function dn(e){return Array.isArray(e)?e.filter(t=>t!==null):Object.keys(e).reduce((t,n)=>(n in e&&e[n]!==null&&(t[n]=e[n]),t),{})}function cn(e,t=3,n=10){return new Promise((r,l)=>{const s=e();if(s){r(s);return}let a=t*1e3/n;const u=setInterval(()=>{const i=e();i&&(clearInterval(u),r(i)),--a<=0&&(clearInterval(u),l(new Error("Condition not met in time")))},n)})}function ce(e){return e?(e=e.replace(/_/g,"-"),e=e.replace(/-+/g,"-"),/[A-Z]/.test(e)?(e=e.replace(/\s+/g,"").replace(/_/g,"").replace(/(?:^|\s|-)+([A-Za-z])/g,(t,n)=>n.toUpperCase()),e=e.replace(/(.)(?=[A-Z])/g,"$1-"),e.toLowerCase()):e):""}const Ce=o.createContext(null);Ce.displayName="ModalStackContext";let ft=null,mt=null,oe=null,Ve=null,Ye=[],ie={};const pt=({children:e})=>{const[t,n]=o.useState([]),[r,l]=o.useState({}),s=w=>{n(d=>{const p=w([...d]),h=g=>{var y;return p.length<2?!0:((y=p.map(v=>({id:v.id,shouldRender:v.shouldRender})).reverse().find(v=>v.shouldRender))==null?void 0:y.id)===g};return p.forEach((g,y)=>{p[y].onTopOfStack=h(g.id),p[y].getParentModal=()=>y<1?null:p.slice(0,y).reverse().find(v=>v.isOpen),p[y].getChildModal=()=>y===p.length-1?null:p.slice(y+1).find(v=>v.isOpen)}),p})};o.useEffect(()=>{Ye=t},[t]);class a{constructor(d,p,h,g,y){B(this,"show",()=>{s(d=>d.map(p=>(p.id===this.id&&!p.isOpen&&(p.isOpen=!0,p.shouldRender=!0),p)))});B(this,"setOpen",d=>{d?this.show():this.close()});B(this,"close",()=>{s(d=>d.map(p=>{var h;return p.id===this.id&&p.isOpen&&(Object.keys(p.listeners).forEach(g=>{p.off(g)}),p.isOpen=!1,(h=p.onCloseCallback)==null||h.call(p)),p}))});B(this,"afterLeave",()=>{this.isOpen||s(d=>{const p=d.map(h=>{var g;return h.id===this.id&&!h.isOpen&&(h.shouldRender=!1,(g=h.afterLeaveCallback)==null||g.call(h),h.afterLeaveCallback=null),h});return this.index===0?[]:p})});B(this,"on",(d,p)=>{d=ce(d),this.listeners[d]=this.listeners[d]??[],this.listeners[d].push(p)});B(this,"off",(d,p)=>{var h;d=ce(d),p?this.listeners[d]=((h=this.listeners[d])==null?void 0:h.filter(g=>g!==p))??[]:delete this.listeners[d]});B(this,"emit",(d,...p)=>{var h;(h=this.listeners[ce(d)])==null||h.forEach(g=>g(...p))});B(this,"registerEventListenersFromProps",d=>{const p=[];return Object.keys(d).filter(h=>h.startsWith("on")).forEach(h=>{const g=ce(h).replace(/^on-/,"");this.on(g,d[h]),p.push(()=>this.off(g,d[h]))}),()=>p.forEach(h=>h())});B(this,"reload",(d={})=>{var y;let p=Object.keys(this.response.props);if(d.only&&(p=ct(p,d.only)),d.except&&(p=un(p,d.except)),!((y=this.response)!=null&&y.url))return;const h=(d.method??"get").toLowerCase(),g=d.data??{};be({url:this.response.url,method:h,data:h==="get"?{}:g,params:h==="get"?g:{},headers:{...d.headers??{},Accept:"text/html, application/xhtml+xml","X-Inertia":!0,"X-Inertia-Partial-Component":this.response.component,"X-Inertia-Version":this.response.version,"X-Inertia-Partial-Data":p.join(","),"X-InertiaUI-Modal":Xe(),"X-InertiaUI-Modal-Use-Router":0,"X-InertiaUI-Modal-Base-Url":oe}}).then(v=>{this.updateProps(v.data.props)})});B(this,"updateProps",d=>{Object.assign(this.props,d),s(p=>p)});if(this.id=p.id??Xe(),this.isOpen=!1,this.shouldRender=!1,this.listeners={},this.component=d,this.props=p.props,this.response=p,this.config=h??{},this.onCloseCallback=g,this.afterLeaveCallback=y,ie[this.id]){this.config={...this.config,...ie[this.id].config??{}};const v=ie[this.id].onClose,M=ie[this.id].onAfterLeave;v&&(this.onCloseCallback=g?()=>{g(),v()}:v),M&&(this.afterLeaveCallback=y?()=>{y(),M()}:M),delete ie[this.id]}this.index=-1,this.getParentModal=()=>null,this.getChildModal=()=>null,this.onTopOfStack=!0}static generateId(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?`inertiaui_modal_${crypto.randomUUID()}`:`inertiaui_modal_${Date.now().toString(36)}_${Math.random().toString(36).substr(2,9)}`}}const u=(w,d={},p=null,h=null)=>mt(w.component).then(g=>i(g,w,d,p,h)),i=(w,d,p,h,g)=>{const y=new a(w,d,p,h,g);return y.index=t.length,s(v=>[...v,y]),y.show(),y};function c(w,d,p,h){if(!r[w])throw new Error(`The local modal "${w}" has not been registered.`);const g=i(null,{},d,p,h);return g.name=w,r[w].callback(g),g}const m=(w,d={})=>x(w,d.method??"get",d.data??{},d.headers??{},d.config??{},d.onClose,d.onAfterLeave,d.queryStringArrayFormat??"brackets",d.navigate??Me("navigate")).then(p=>{const h=d.listeners??{};return Object.keys(h).forEach(g=>{const y=ce(g);p.on(y,h[g])}),p}),x=(w,d,p={},h={},g={},y=null,v=null,M="brackets",T=!1)=>{const I=Xe();return new Promise((U,F)=>{if(w.startsWith("#")){U(c(w.substring(1),g,y,v));return}const[A,H]=tn.mergeDataIntoQueryString(d,w||"",p,M);let W=T&&t.length===0;if(t.length===0&&(oe=typeof window<"u"?window.location.href:""),h={...h,Accept:"text/html, application/xhtml+xml","X-Requested-With":"XMLHttpRequest","X-Inertia":!0,"X-Inertia-Version":ft,"X-InertiaUI-Modal":I,"X-InertiaUI-Modal-Use-Router":W?1:0,"X-InertiaUI-Modal-Base-Url":oe},W)return Ve=null,ie[I]={config:g,onClose:y,onAfterLeave:v},ne.router.visit(A,{method:d,data:H,headers:h,preserveScroll:!0,preserveState:!0,onError:F,onFinish:()=>{cn(()=>Ve).then(U)}});be({url:A,method:d,data:H,headers:h}).then(S=>U(u(S.data,g,y,v))).catch(S=>{F(S)})})},f={stack:t,localModals:r,push:i,pushFromResponseData:u,length:()=>Ye.length,closeAll:()=>{Ye.reverse().forEach(w=>w.close())},reset:()=>s(()=>[]),visit:x,visitModal:m,registerLocalModal:(w,d)=>{l(p=>({...p,[w]:{name:w,callback:d}}))},removeLocalModal:w=>{l(d=>{const p={...d};return delete p[w],p})}};return $.jsx(Ce.Provider,{value:f,children:e})},fe=()=>{const e=o.useContext(Ce);if(e===null)throw new Error("useModalStack must be used within a ModalStackProvider");return e},ht=["closeButton","closeExplicitly","maxWidth","paddingClasses","panelClasses","position","slideover"],vt=e=>{e.initialPage&&(ft=e.initialPage.version),e.resolveComponent&&(mt=e.resolveComponent)},fn=(e,t)=>{vt(t);const n=({Component:r,props:l,key:s})=>{const a=()=>{const u=o.createElement(r,{key:s,...l});return typeof r.layout=="function"?r.layout(u):Array.isArray(r.layout)?r.layout.concat(u).reverse().reduce((c,m)=>o.createElement(m,l,c)):u};return $.jsxs($.Fragment,{children:[a(),$.jsx(gt,{})]})};return $.jsx(pt,{children:$.jsx(e,{...t,children:n})})},gt=({children:e})=>{var u;const t=o.useContext(Ce);let n=!1,r=!1;o.useEffect(()=>ne.router.on("start",()=>n=!0),[]),o.useEffect(()=>ne.router.on("finish",()=>n=!1),[]),o.useEffect(()=>ne.router.on("navigate",function(i){const c=i.detail.page.props._inertiaui_modal;if(!c){r&&t.closeAll(),oe=null;return}r=c,oe=c.baseUrl,t.pushFromResponseData(c,{},()=>{if(!c.baseUrl){console.error("No base url in modal response data so cannot navigate back");return}!n&&window.location.href!==c.baseUrl&&ne.router.visit(c.baseUrl,{preserveScroll:!0,preserveState:!0})}).then(m=>{Ve=m})}),[]);const l=i=>(i.headers["X-InertiaUI-Modal-Base-Url"]=oe,i);o.useEffect(()=>(be.interceptors.request.use(l),()=>be.interceptors.request.eject(l)),[]);const s=ne.usePage(),a=o.useRef();return o.useEffect(()=>{var m,x;const i=(m=s.props)==null?void 0:m._inertiaui_modal,c=a.current;a.current=i,i&&c&&i.component===c.component&&an(i.url,c.url)&&((x=t.stack[0])==null||x.updateProps(i.props??{}))},[(u=s.props)==null?void 0:u._inertiaui_modal]),$.jsxs($.Fragment,{children:[e,t.stack.length>0&&$.jsx(wt,{index:0})]})},ze=o.createContext(null);ze.displayName="ModalIndexContext";const Ge=()=>{const e=o.useContext(ze);if(e===void 0)throw new Error("useModalIndex must be used within a ModalIndexProvider");return e},wt=({index:e})=>{const{stack:t}=fe(),n=o.useMemo(()=>t[e],[t,e]);return(n==null?void 0:n.component)&&$.jsx(ze.Provider,{value:e,children:$.jsx(n.component,{...n.props,onModalEvent:(...r)=>n.emit(...r)})})},Ke=o.forwardRef(({name:e,children:t,onFocus:n=null,onBlur:r=null,onClose:l=null,onSuccess:s=null,...a},u)=>{const i=Ge(),{stack:c,registerLocalModal:m,removeLocalModal:x}=fe(),[b,E]=o.useState(null),f=o.useMemo(()=>e?b:c[i],[e,b,i,c]),w=o.useMemo(()=>{var v;return(v=c.find(M=>M.shouldRender&&M.index>(f==null?void 0:f.index)))==null?void 0:v.index},[i,c]),d=o.useMemo(()=>(f==null?void 0:f.config.slideover)??a.slideover??Me("type")==="slideover",[a.slideover]),p=o.useMemo(()=>({slideover:d,closeButton:a.closeButton??re(d,"closeButton"),closeExplicitly:a.closeExplicitly??re(d,"closeExplicitly"),maxWidth:a.maxWidth??re(d,"maxWidth"),paddingClasses:a.paddingClasses??re(d,"paddingClasses"),panelClasses:a.panelClasses??re(d,"panelClasses"),position:a.position??re(d,"position"),...f==null?void 0:f.config}),[a,f==null?void 0:f.config]);o.useEffect(()=>{if(e){let v=null;return m(e,M=>{v=M.registerEventListenersFromProps(a),E(M)}),()=>{v==null||v(),v=null,x(e)}}return f.registerEventListenersFromProps(a)},[e]);const h=o.useRef(f);o.useEffect(()=>{h.current=f},[f]),o.useEffect(()=>{f!==null&&(f.isOpen?s==null||s():l==null||l())},[f==null?void 0:f.isOpen]);const[g,y]=o.useState(!1);return o.useEffect(()=>{g&&f!==null&&f.isOpen&&(f.onTopOfStack?n==null||n():r==null||r()),y(!0)},[f==null?void 0:f.onTopOfStack]),o.useImperativeHandle(u,()=>({afterLeave:()=>{var v;return(v=h.current)==null?void 0:v.afterLeave()},close:()=>{var v;return(v=h.current)==null?void 0:v.close()},emit:(...v)=>{var M;return(M=h.current)==null?void 0:M.emit(...v)},getChildModal:()=>{var v;return(v=h.current)==null?void 0:v.getChildModal()},getParentModal:()=>{var v;return(v=h.current)==null?void 0:v.getParentModal()},reload:(...v)=>{var M;return(M=h.current)==null?void 0:M.reload(...v)},setOpen:()=>{var v;return(v=h.current)==null?void 0:v.setOpen()},get id(){var v;return(v=h.current)==null?void 0:v.id},get index(){var v;return(v=h.current)==null?void 0:v.index},get isOpen(){var v;return(v=h.current)==null?void 0:v.isOpen},get config(){var v;return(v=h.current)==null?void 0:v.config},get modalContext(){return h.current},get onTopOfStack(){var v;return(v=h.current)==null?void 0:v.onTopOfStack},get shouldRender(){var v;return(v=h.current)==null?void 0:v.shouldRender}}),[f]),(f==null?void 0:f.shouldRender)&&$.jsxs($.Fragment,{children:[typeof t=="function"?t({afterLeave:f.afterLeave,close:f.close,config:p,emit:f.emit,getChildModal:f.getChildModal,getParentModal:f.getParentModal,id:f.id,index:f.index,isOpen:f.isOpen,modalContext:f,onTopOfStack:f.onTopOfStack,reload:f.reload,setOpen:f.setOpen,shouldRender:f.shouldRender}):t,w&&$.jsx(wt,{index:w})]})});Ke.displayName="HeadlessModal";function Et(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var l=e.length;for(t=0;t<l;t++)e[t]&&(n=Et(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}function Se(){for(var e,t,n=0,r="",l=arguments.length;n<l;n++)(e=arguments[n])&&(t=Et(e))&&(r&&(r+=" "),r+=t);return r}var mn=Object.defineProperty,pn=(e,t,n)=>t in e?mn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ze=(e,t,n)=>(pn(e,typeof t!="symbol"?t+"":t,n),n);let hn=class{constructor(){Ze(this,"current",this.detect()),Ze(this,"handoffState","pending"),Ze(this,"currentId",0)}set(t){this.current!==t&&(this.handoffState="pending",this.currentId=0,this.current=t)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return this.current==="server"}get isClient(){return this.current==="client"}detect(){return typeof window>"u"||typeof document>"u"?"server":"client"}handoff(){this.handoffState==="pending"&&(this.handoffState="complete")}get isHandoffComplete(){return this.handoffState==="complete"}},J=new hn;function Oe(e){return J.isServer?null:e instanceof Node?e.ownerDocument:e!=null&&e.hasOwnProperty("current")&&e.current instanceof Node?e.current.ownerDocument:document}function Te(e){typeof queueMicrotask=="function"?queueMicrotask(e):Promise.resolve().then(e).catch(t=>setTimeout(()=>{throw t}))}function z(){let e=[],t={addEventListener(n,r,l,s){return n.addEventListener(r,l,s),t.add(()=>n.removeEventListener(r,l,s))},requestAnimationFrame(...n){let r=requestAnimationFrame(...n);return t.add(()=>cancelAnimationFrame(r))},nextFrame(...n){return t.requestAnimationFrame(()=>t.requestAnimationFrame(...n))},setTimeout(...n){let r=setTimeout(...n);return t.add(()=>clearTimeout(r))},microTask(...n){let r={current:!0};return Te(()=>{r.current&&n[0]()}),t.add(()=>{r.current=!1})},style(n,r,l){let s=n.style.getPropertyValue(r);return Object.assign(n.style,{[r]:l}),this.add(()=>{Object.assign(n.style,{[r]:s})})},group(n){let r=z();return n(r),this.add(()=>r.dispose())},add(n){return e.includes(n)||e.push(n),()=>{let r=e.indexOf(n);if(r>=0)for(let l of e.splice(r,1))l()}},dispose(){for(let n of e.splice(0))n()}};return t}function Je(){let[e]=o.useState(z);return o.useEffect(()=>()=>e.dispose(),[e]),e}let L=(e,t)=>{J.isServer?o.useEffect(e,t):o.useLayoutEffect(e,t)};function Q(e){let t=o.useRef(e);return L(()=>{t.current=e},[e]),t}let O=function(e){let t=Q(e);return o.useCallback((...n)=>t.current(...n),[t])},vn=o.createContext(void 0);function gn(){return o.useContext(vn)}function Qe(...e){return Array.from(new Set(e.flatMap(t=>typeof t=="string"?t.split(" "):[]))).filter(Boolean).join(" ")}function G(e,t,...n){if(e in t){let l=t[e];return typeof l=="function"?l(...n):l}let r=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map(l=>`"${l}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,G),r}var Pe=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(Pe||{}),K=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(K||{});function D(){let e=En();return o.useCallback(t=>wn({mergeRefs:e,...t}),[e])}function wn({ourProps:e,theirProps:t,slot:n,defaultTag:r,features:l,visible:s=!0,name:a,mergeRefs:u}){u=u??xn;let i=xt(t,e);if(s)return Fe(i,n,r,a,u);let c=l??0;if(c&2){let{static:m=!1,...x}=i;if(m)return Fe(x,n,r,a,u)}if(c&1){let{unmount:m=!0,...x}=i;return G(m?0:1,{0(){return null},1(){return Fe({...x,hidden:!0,style:{display:"none"}},n,r,a,u)}})}return Fe(i,n,r,a,u)}function Fe(e,t={},n,r,l){let{as:s=n,children:a,refName:u="ref",...i}=Re(e,["unmount","static"]),c=e.ref!==void 0?{[u]:e.ref}:{},m=typeof a=="function"?a(t):a;"className"in i&&i.className&&typeof i.className=="function"&&(i.className=i.className(t)),i["aria-labelledby"]&&i["aria-labelledby"]===i.id&&(i["aria-labelledby"]=void 0);let x={};if(t){let b=!1,E=[];for(let[f,w]of Object.entries(t))typeof w=="boolean"&&(b=!0),w===!0&&E.push(f.replace(/([A-Z])/g,d=>`-${d.toLowerCase()}`));if(b){x["data-headlessui-state"]=E.join(" ");for(let f of E)x[`data-${f}`]=""}}if(s===o.Fragment&&(Object.keys(R(i)).length>0||Object.keys(R(x)).length>0))if(!o.isValidElement(m)||Array.isArray(m)&&m.length>1){if(Object.keys(R(i)).length>0)throw new Error(['Passing props on "Fragment"!',"",`The current component <${r} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(R(i)).concat(Object.keys(R(x))).map(b=>`  - ${b}`).join(`
 `),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map(b=>`  - ${b}`).join(`
 `)].join(`
-`))}else{let b=m.props,E=b==null?void 0:b.className,f=typeof E=="function"?(...p)=>Qe(E(...p),i.className):Qe(E,i.className),w=f?{className:f}:{},d=xt(m.props,R(Re(i,["ref"])));for(let p in x)p in d&&delete x[p];return o.cloneElement(m,Object.assign({},d,x,c,{ref:l(yn(m),c.ref)},w))}return o.createElement(s,Object.assign({},Re(i,["ref"]),s!==o.Fragment&&c,s!==o.Fragment&&x),m)}function En(){let e=o.useRef([]),t=o.useCallback(n=>{for(let r of e.current)r!=null&&(typeof r=="function"?r(n):r.current=n)},[]);return(...n)=>{if(!n.every(r=>r==null))return e.current=n,t}}function xn(...e){return e.every(t=>t==null)?void 0:t=>{for(let n of e)n!=null&&(typeof n=="function"?n(t):n.current=t)}}function xt(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},n={};for(let r of e)for(let l in r)l.startsWith("on")&&typeof r[l]=="function"?(n[l]!=null||(n[l]=[]),n[l].push(r[l])):t[l]=r[l];if(t.disabled||t["aria-disabled"])for(let r in n)/^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(r)&&(n[r]=[l=>{var s;return(s=l==null?void 0:l.preventDefault)==null?void 0:s.call(l)}]);for(let r in n)Object.assign(t,{[r](l,...s){let a=n[r];for(let u of a){if((l instanceof Event||(l==null?void 0:l.nativeEvent)instanceof Event)&&l.defaultPrevented)return;u(l,...s)}}});return t}function k(e){var t;return Object.assign(o.forwardRef(e),{displayName:(t=e.displayName)!=null?t:e.name})}function R(e){let t=Object.assign({},e);for(let n in t)t[n]===void 0&&delete t[n];return t}function Re(e,t=[]){let n=Object.assign({},e);for(let r of t)r in n&&delete n[r];return n}function yn(e){return o.version.split(".")[0]>="19"?e.props.ref:e.ref}let bn="span";var ke=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(ke||{});function $n(e,t){var n;let{features:r=1,...l}=e,s={ref:t,"aria-hidden":(r&2)===2?!0:(n=l["aria-hidden"])!=null?n:void 0,hidden:(r&4)===4?!0:void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(r&4)===4&&(r&2)!==2&&{display:"none"}}};return D()({ourProps:s,theirProps:l,slot:{},defaultTag:bn,name:"Hidden"})}let et=k($n),yt=Symbol();function Mn(e,t=!0){return Object.assign(e,{[yt]:t})}function q(...e){let t=o.useRef(e);o.useEffect(()=>{t.current=e},[e]);let n=O(r=>{for(let l of t.current)l!=null&&(typeof l=="function"?l(r):l.current=r)});return e.every(r=>r==null||(r==null?void 0:r[yt]))?void 0:n}let tt=o.createContext(null);tt.displayName="DescriptionContext";function bt(){let e=o.useContext(tt);if(e===null){let t=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,bt),t}return e}function Cn(){let[e,t]=o.useState([]);return[e.length>0?e.join(" "):void 0,o.useMemo(()=>function(n){let r=O(s=>(t(a=>[...a,s]),()=>t(a=>{let u=a.slice(),i=u.indexOf(s);return i!==-1&&u.splice(i,1),u}))),l=o.useMemo(()=>({register:r,slot:n.slot,name:n.name,props:n.props,value:n.value}),[r,n.slot,n.name,n.props,n.value]);return o.createElement(tt.Provider,{value:l},n.children)},[t])]}let Sn="p";function On(e,t){let n=o.useId(),r=gn(),{id:l=`headlessui-description-${n}`,...s}=e,a=bt(),u=q(t);L(()=>a.register(l),[l,a.register]);let i=r||!1,c=o.useMemo(()=>({...a.slot,disabled:i}),[a.slot,i]),m={ref:u,...a.props,id:l};return D()({ourProps:m,theirProps:s,slot:c,defaultTag:Sn,name:a.name||"Description"})}let Tn=k(On),Pn=Object.assign(Tn,{});var $t=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))($t||{});let Fn=o.createContext(()=>{});function Ln({value:e,children:t}){return o.createElement(Fn.Provider,{value:e},t)}let kn=class extends Map{constructor(t){super(),this.factory=t}get(t){let n=super.get(t);return n===void 0&&(n=this.factory(t),this.set(t,n)),n}};function Mt(e,t){let n=e(),r=new Set;return{getSnapshot(){return n},subscribe(l){return r.add(l),()=>r.delete(l)},dispatch(l,...s){let a=t[l].call(n,...s);a&&(n=a,r.forEach(u=>u()))}}}function Ct(e){return o.useSyncExternalStore(e.subscribe,e.getSnapshot,e.getSnapshot)}let Nn=new kn(()=>Mt(()=>[],{ADD(e){return this.includes(e)?this:[...this,e]},REMOVE(e){let t=this.indexOf(e);if(t===-1)return this;let n=this.slice();return n.splice(t,1),n}}));function ie(e,t){let n=Nn.get(t),r=o.useId(),l=Ct(n);if(L(()=>{if(e)return n.dispatch("ADD",r),()=>n.dispatch("REMOVE",r)},[n,e]),!e)return!1;let s=l.indexOf(r),a=l.length;return s===-1&&(s=a,a+=1),s===a-1}let nt=new Map,me=new Map;function St(e){var t;let n=(t=me.get(e))!=null?t:0;return me.set(e,n+1),n!==0?()=>Ot(e):(nt.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),e.setAttribute("aria-hidden","true"),e.inert=!0,()=>Ot(e))}function Ot(e){var t;let n=(t=me.get(e))!=null?t:1;if(n===1?me.delete(e):me.set(e,n-1),n!==1)return;let r=nt.get(e);r&&(r["aria-hidden"]===null?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",r["aria-hidden"]),e.inert=r.inert,nt.delete(e))}function In(e,{allowed:t,disallowed:n}={}){let r=ie(e,"inert-others");L(()=>{var l,s;if(!r)return;let a=z();for(let i of(l=n==null?void 0:n())!=null?l:[])i&&a.add(St(i));let u=(s=t==null?void 0:t())!=null?s:[];for(let i of u){if(!i)continue;let c=Te(i);if(!c)continue;let m=i.parentElement;for(;m&&m!==c.body;){for(let x of m.children)u.some(b=>x.contains(b))||a.add(St(x));m=m.parentElement}}return a.dispose},[r,t,n])}function An(e,t,n){let r=Q(l=>{let s=l.getBoundingClientRect();s.x===0&&s.y===0&&s.width===0&&s.height===0&&n()});o.useEffect(()=>{if(!e)return;let l=t===null?null:t instanceof HTMLElement?t:t.current;if(!l)return;let s=z();if(typeof ResizeObserver<"u"){let a=new ResizeObserver(()=>r.current(l));a.observe(l),s.add(()=>a.disconnect())}if(typeof IntersectionObserver<"u"){let a=new IntersectionObserver(()=>r.current(l));a.observe(l),s.add(()=>a.disconnect())}return()=>s.dispose()},[t,r,e])}let Ne=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(","),Dn=["[data-autofocus]"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var V=(e=>(e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll",e[e.AutoFocus=64]="AutoFocus",e))(V||{}),rt=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(rt||{}),jn=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(jn||{});function Un(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(Ne)).sort((t,n)=>Math.sign((t.tabIndex||Number.MAX_SAFE_INTEGER)-(n.tabIndex||Number.MAX_SAFE_INTEGER)))}function Hn(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(Dn)).sort((t,n)=>Math.sign((t.tabIndex||Number.MAX_SAFE_INTEGER)-(n.tabIndex||Number.MAX_SAFE_INTEGER)))}var Tt=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(Tt||{});function Wn(e,t=0){var n;return e===((n=Te(e))==null?void 0:n.body)?!1:G(t,{0(){return e.matches(Ne)},1(){let r=e;for(;r!==null;){if(r.matches(Ne))return!0;r=r.parentElement}return!1}})}var _n=(e=>(e[e.Keyboard=0]="Keyboard",e[e.Mouse=1]="Mouse",e))(_n||{});typeof window<"u"&&typeof document<"u"&&(document.addEventListener("keydown",e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")},!0),document.addEventListener("click",e=>{e.detail===1?delete document.documentElement.dataset.headlessuiFocusVisible:e.detail===0&&(document.documentElement.dataset.headlessuiFocusVisible="")},!0));function Y(e){e==null||e.focus({preventScroll:!0})}let Bn=["textarea","input"].join(",");function qn(e){var t,n;return(n=(t=e==null?void 0:e.matches)==null?void 0:t.call(e,Bn))!=null?n:!1}function Xn(e,t=n=>n){return e.slice().sort((n,r)=>{let l=t(n),s=t(r);if(l===null||s===null)return 0;let a=l.compareDocumentPosition(s);return a&Node.DOCUMENT_POSITION_FOLLOWING?-1:a&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function pe(e,t,{sorted:n=!0,relativeTo:r=null,skipElements:l=[]}={}){let s=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,a=Array.isArray(e)?n?Xn(e):e:t&64?Hn(e):Un(e);l.length>0&&a.length>1&&(a=a.filter(E=>!l.some(f=>f!=null&&"current"in f?(f==null?void 0:f.current)===E:f===E))),r=r??s.activeElement;let u=(()=>{if(t&5)return 1;if(t&10)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),i=(()=>{if(t&1)return 0;if(t&2)return Math.max(0,a.indexOf(r))-1;if(t&4)return Math.max(0,a.indexOf(r))+1;if(t&8)return a.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),c=t&32?{preventScroll:!0}:{},m=0,x=a.length,b;do{if(m>=x||m+x<=0)return 0;let E=i+m;if(t&16)E=(E+x)%x;else{if(E<0)return 3;if(E>=x)return 1}b=a[E],b==null||b.focus(c),m+=u}while(b!==s.activeElement);return t&6&&qn(b)&&b.select(),2}function Pt(){return/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}function Vn(){return/Android/gi.test(window.navigator.userAgent)}function Yn(){return Pt()||Vn()}function he(e,t,n,r){let l=Q(n);o.useEffect(()=>{if(!e)return;function s(a){l.current(a)}return document.addEventListener(t,s,r),()=>document.removeEventListener(t,s,r)},[e,t,r])}function Ft(e,t,n,r){let l=Q(n);o.useEffect(()=>{if(!e)return;function s(a){l.current(a)}return window.addEventListener(t,s,r),()=>window.removeEventListener(t,s,r)},[e,t,r])}const Lt=30;function zn(e,t,n){let r=ie(e,"outside-click"),l=Q(n),s=o.useCallback(function(i,c){if(i.defaultPrevented)return;let m=c(i);if(m===null||!m.getRootNode().contains(m)||!m.isConnected)return;let x=function b(E){return typeof E=="function"?b(E()):Array.isArray(E)||E instanceof Set?E:[E]}(t);for(let b of x)if(b!==null&&(b.contains(m)||i.composed&&i.composedPath().includes(b)))return;return!Wn(m,Tt.Loose)&&m.tabIndex!==-1&&i.preventDefault(),l.current(i,m)},[l,t]),a=o.useRef(null);he(r,"pointerdown",i=>{var c,m;a.current=((m=(c=i.composedPath)==null?void 0:c.call(i))==null?void 0:m[0])||i.target},!0),he(r,"mousedown",i=>{var c,m;a.current=((m=(c=i.composedPath)==null?void 0:c.call(i))==null?void 0:m[0])||i.target},!0),he(r,"click",i=>{Yn()||a.current&&(s(i,()=>a.current),a.current=null)},!0);let u=o.useRef({x:0,y:0});he(r,"touchstart",i=>{u.current.x=i.touches[0].clientX,u.current.y=i.touches[0].clientY},!0),he(r,"touchend",i=>{let c={x:i.changedTouches[0].clientX,y:i.changedTouches[0].clientY};if(!(Math.abs(c.x-u.current.x)>=Lt||Math.abs(c.y-u.current.y)>=Lt))return s(i,()=>i.target instanceof HTMLElement?i.target:null)},!0),Ft(r,"blur",i=>s(i,()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null),!0)}function ve(...e){return o.useMemo(()=>Te(...e),[...e])}function kt(e,t,n,r){let l=Q(n);o.useEffect(()=>{e=e??window;function s(a){l.current(a)}return e.addEventListener(t,s,r),()=>e.removeEventListener(t,s,r)},[e,t,r])}function Gn(){let e;return{before({doc:t}){var n;let r=t.documentElement,l=(n=t.defaultView)!=null?n:window;e=Math.max(0,l.innerWidth-r.clientWidth)},after({doc:t,d:n}){let r=t.documentElement,l=Math.max(0,r.clientWidth-r.offsetWidth),s=Math.max(0,e-l);n.style(r,"paddingRight",`${s}px`)}}}function Kn(){return Pt()?{before({doc:e,d:t,meta:n}){function r(l){return n.containers.flatMap(s=>s()).some(s=>s.contains(l))}t.microTask(()=>{var l;if(window.getComputedStyle(e.documentElement).scrollBehavior!=="auto"){let u=z();u.style(e.documentElement,"scrollBehavior","auto"),t.add(()=>t.microTask(()=>u.dispose()))}let s=(l=window.scrollY)!=null?l:window.pageYOffset,a=null;t.addEventListener(e,"click",u=>{if(u.target instanceof HTMLElement)try{let i=u.target.closest("a");if(!i)return;let{hash:c}=new URL(i.href),m=e.querySelector(c);m&&!r(m)&&(a=m)}catch{}},!0),t.addEventListener(e,"touchstart",u=>{if(u.target instanceof HTMLElement)if(r(u.target)){let i=u.target;for(;i.parentElement&&r(i.parentElement);)i=i.parentElement;t.style(i,"overscrollBehavior","contain")}else t.style(u.target,"touchAction","none")}),t.addEventListener(e,"touchmove",u=>{if(u.target instanceof HTMLElement){if(u.target.tagName==="INPUT")return;if(r(u.target)){let i=u.target;for(;i.parentElement&&i.dataset.headlessuiPortal!==""&&!(i.scrollHeight>i.clientHeight||i.scrollWidth>i.clientWidth);)i=i.parentElement;i.dataset.headlessuiPortal===""&&u.preventDefault()}else u.preventDefault()}},{passive:!1}),t.add(()=>{var u;let i=(u=window.scrollY)!=null?u:window.pageYOffset;s!==i&&window.scrollTo(0,s),a&&a.isConnected&&(a.scrollIntoView({block:"nearest"}),a=null)})})}}:{}}function Zn(){return{before({doc:e,d:t}){t.style(e.documentElement,"overflow","hidden")}}}function Jn(e){let t={};for(let n of e)Object.assign(t,n(t));return t}let ee=Mt(()=>new Map,{PUSH(e,t){var n;let r=(n=this.get(e))!=null?n:{doc:e,count:0,d:z(),meta:new Set};return r.count++,r.meta.add(t),this.set(e,r),this},POP(e,t){let n=this.get(e);return n&&(n.count--,n.meta.delete(t)),this},SCROLL_PREVENT({doc:e,d:t,meta:n}){let r={doc:e,d:t,meta:Jn(n)},l=[Kn(),Gn(),Zn()];l.forEach(({before:s})=>s==null?void 0:s(r)),l.forEach(({after:s})=>s==null?void 0:s(r))},SCROLL_ALLOW({d:e}){e.dispose()},TEARDOWN({doc:e}){this.delete(e)}});ee.subscribe(()=>{let e=ee.getSnapshot(),t=new Map;for(let[n]of e)t.set(n,n.documentElement.style.overflow);for(let n of e.values()){let r=t.get(n.doc)==="hidden",l=n.count!==0;(l&&!r||!l&&r)&&ee.dispatch(n.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",n),n.count===0&&ee.dispatch("TEARDOWN",n)}});function Qn(e,t,n=()=>({containers:[]})){let r=Ct(ee),l=t?r.get(t):void 0,s=l?l.count>0:!1;return L(()=>{if(!(!t||!e))return ee.dispatch("PUSH",t,n),()=>ee.dispatch("POP",t,n)},[e,t]),s}function Rn(e,t,n=()=>[document.body]){let r=ie(e,"scroll-lock");Qn(r,t,l=>{var s;return{containers:[...(s=l.containers)!=null?s:[],n]}})}function er(e=0){let[t,n]=o.useState(e),r=o.useCallback(i=>n(i),[t]),l=o.useCallback(i=>n(c=>c|i),[t]),s=o.useCallback(i=>(t&i)===i,[t]),a=o.useCallback(i=>n(c=>c&~i),[n]),u=o.useCallback(i=>n(c=>c^i),[n]);return{flags:t,setFlag:r,addFlag:l,hasFlag:s,removeFlag:a,toggleFlag:u}}var Nt,It;typeof process<"u"&&typeof globalThis<"u"&&typeof Element<"u"&&((Nt=process==null?void 0:process.env)==null?void 0:Nt.NODE_ENV)==="test"&&typeof((It=Element==null?void 0:Element.prototype)==null?void 0:It.getAnimations)>"u"&&(Element.prototype.getAnimations=function(){return console.warn(["Headless UI has polyfilled `Element.prototype.getAnimations` for your tests.","Please install a proper polyfill e.g. `jsdom-testing-mocks`, to silence these warnings.","","Example usage:","```js","import { mockAnimationsApi } from 'jsdom-testing-mocks'","mockAnimationsApi()","```"].join(`
-`)),[]});var tr=(e=>(e[e.None=0]="None",e[e.Closed=1]="Closed",e[e.Enter=2]="Enter",e[e.Leave=4]="Leave",e))(tr||{});function nr(e){let t={};for(let n in e)e[n]===!0&&(t[`data-${n}`]="");return t}function rr(e,t,n,r){let[l,s]=o.useState(n),{hasFlag:a,addFlag:u,removeFlag:i}=er(e&&l?3:0),c=o.useRef(!1),m=o.useRef(!1),x=Je();return L(()=>{var b;if(e){if(n&&s(!0),!t){n&&u(3);return}return(b=r==null?void 0:r.start)==null||b.call(r,n),lr(t,{inFlight:c,prepare(){m.current?m.current=!1:m.current=c.current,c.current=!0,!m.current&&(n?(u(3),i(4)):(u(4),i(2)))},run(){m.current?n?(i(3),u(4)):(i(4),u(3)):n?i(1):u(1)},done(){var E;m.current&&typeof t.getAnimations=="function"&&t.getAnimations().length>0||(c.current=!1,i(7),n||s(!1),(E=r==null?void 0:r.end)==null||E.call(r,n))}})}},[e,n,t,x]),e?[l,{closed:a(1),enter:a(2),leave:a(4),transition:a(2)||a(4)}]:[n,{closed:void 0,enter:void 0,leave:void 0,transition:void 0}]}function lr(e,{prepare:t,run:n,done:r,inFlight:l}){let s=z();return ir(e,{prepare:t,inFlight:l}),s.nextFrame(()=>{n(),s.requestAnimationFrame(()=>{s.add(or(e,r))})}),s.dispose}function or(e,t){var n,r;let l=z();if(!e)return l.dispose;let s=!1;l.add(()=>{s=!0});let a=(r=(n=e.getAnimations)==null?void 0:n.call(e).filter(u=>u instanceof CSSTransition))!=null?r:[];return a.length===0?(t(),l.dispose):(Promise.allSettled(a.map(u=>u.finished)).then(()=>{s||t()}),l.dispose)}function ir(e,{inFlight:t,prepare:n}){if(t!=null&&t.current){n();return}let r=e.style.transition;e.style.transition="none",n(),e.offsetHeight,e.style.transition=r}function lt(e,t){let n=o.useRef([]),r=O(e);o.useEffect(()=>{let l=[...n.current];for(let[s,a]of t.entries())if(n.current[s]!==a){let u=r(t,l);return n.current=t,u}},[r,...t])}let Ie=o.createContext(null);Ie.displayName="OpenClosedContext";var j=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(j||{});function Ae(){return o.useContext(Ie)}function sr({value:e,children:t}){return o.createElement(Ie.Provider,{value:e},t)}function ar({children:e}){return o.createElement(Ie.Provider,{value:null},e)}function ur(e){function t(){document.readyState!=="loading"&&(e(),document.removeEventListener("DOMContentLoaded",t))}typeof window<"u"&&typeof document<"u"&&(document.addEventListener("DOMContentLoaded",t),t())}let Z=[];ur(()=>{function e(t){if(!(t.target instanceof HTMLElement)||t.target===document.body||Z[0]===t.target)return;let n=t.target;n=n.closest(Ne),Z.unshift(n??t.target),Z=Z.filter(r=>r!=null&&r.isConnected),Z.splice(10)}window.addEventListener("click",e,{capture:!0}),window.addEventListener("mousedown",e,{capture:!0}),window.addEventListener("focus",e,{capture:!0}),document.body.addEventListener("click",e,{capture:!0}),document.body.addEventListener("mousedown",e,{capture:!0}),document.body.addEventListener("focus",e,{capture:!0})});function At(e){let t=O(e),n=o.useRef(!1);o.useEffect(()=>(n.current=!1,()=>{n.current=!0,Pe(()=>{n.current&&t()})}),[t])}function dr(){let e=typeof document>"u";return"useSyncExternalStore"in ae?(t=>t.useSyncExternalStore)(ae)(()=>()=>{},()=>!1,()=>!e):!1}function ge(){let e=dr(),[t,n]=ae.useState(J.isHandoffComplete);return t&&J.isHandoffComplete===!1&&n(!1),ae.useEffect(()=>{t!==!0&&n(!0)},[t]),ae.useEffect(()=>J.handoff(),[]),e?!1:t}let Dt=o.createContext(!1);function cr(){return o.useContext(Dt)}function jt(e){return o.createElement(Dt.Provider,{value:e.force},e.children)}function fr(e){let t=cr(),n=o.useContext(Ht),r=ve(e),[l,s]=o.useState(()=>{var a;if(!t&&n!==null)return(a=n.current)!=null?a:null;if(J.isServer)return null;let u=r==null?void 0:r.getElementById("headlessui-portal-root");if(u)return u;if(r===null)return null;let i=r.createElement("div");return i.setAttribute("id","headlessui-portal-root"),r.body.appendChild(i)});return o.useEffect(()=>{l!==null&&(r!=null&&r.body.contains(l)||r==null||r.body.appendChild(l))},[l,r]),o.useEffect(()=>{t||n!==null&&s(n.current)},[n,s,t]),l}let Ut=o.Fragment,mr=k(function(e,t){let n=e,r=o.useRef(null),l=q(Mn(x=>{r.current=x}),t),s=ve(r),a=fr(r),[u]=o.useState(()=>{var x;return J.isServer?null:(x=s==null?void 0:s.createElement("div"))!=null?x:null}),i=o.useContext(ot),c=ge();L(()=>{!a||!u||a.contains(u)||(u.setAttribute("data-headlessui-portal",""),a.appendChild(u))},[a,u]),L(()=>{if(u&&i)return i.register(u)},[i,u]),At(()=>{var x;!a||!u||(u instanceof Node&&a.contains(u)&&a.removeChild(u),a.childNodes.length<=0&&((x=a.parentElement)==null||x.removeChild(a)))});let m=D();return c?!a||!u?null:nn.createPortal(m({ourProps:{ref:l},theirProps:n,slot:{},defaultTag:Ut,name:"Portal"}),u):null});function pr(e,t){let n=q(t),{enabled:r=!0,...l}=e,s=D();return r?o.createElement(mr,{...l,ref:n}):s({ourProps:{ref:n},theirProps:l,slot:{},defaultTag:Ut,name:"Portal"})}let hr=o.Fragment,Ht=o.createContext(null);function vr(e,t){let{target:n,...r}=e,l={ref:q(t)},s=D();return o.createElement(Ht.Provider,{value:n},s({ourProps:l,theirProps:r,defaultTag:hr,name:"Popover.Group"}))}let ot=o.createContext(null);function gr(){let e=o.useContext(ot),t=o.useRef([]),n=O(s=>(t.current.push(s),e&&e.register(s),()=>r(s))),r=O(s=>{let a=t.current.indexOf(s);a!==-1&&t.current.splice(a,1),e&&e.unregister(s)}),l=o.useMemo(()=>({register:n,unregister:r,portals:t}),[n,r,t]);return[t,o.useMemo(()=>function({children:s}){return o.createElement(ot.Provider,{value:l},s)},[l])]}let wr=k(pr),Wt=k(vr),Er=Object.assign(wr,{Group:Wt});function xr(e,t=typeof document<"u"?document.defaultView:null,n){let r=ie(e,"escape");kt(t,"keydown",l=>{r&&(l.defaultPrevented||l.key===$t.Escape&&n(l))})}function yr(){var e;let[t]=o.useState(()=>typeof window<"u"&&typeof window.matchMedia=="function"?window.matchMedia("(pointer: coarse)"):null),[n,r]=o.useState((e=t==null?void 0:t.matches)!=null?e:!1);return L(()=>{if(!t)return;function l(s){r(s.matches)}return t.addEventListener("change",l),()=>t.removeEventListener("change",l)},[t]),n}function br({defaultContainers:e=[],portals:t,mainTreeNode:n}={}){let r=ve(n),l=O(()=>{var s,a;let u=[];for(let i of e)i!==null&&(i instanceof HTMLElement?u.push(i):"current"in i&&i.current instanceof HTMLElement&&u.push(i.current));if(t!=null&&t.current)for(let i of t.current)u.push(i);for(let i of(s=r==null?void 0:r.querySelectorAll("html > *, body > *"))!=null?s:[])i!==document.body&&i!==document.head&&i instanceof HTMLElement&&i.id!=="headlessui-portal-root"&&(n&&(i.contains(n)||i.contains((a=n==null?void 0:n.getRootNode())==null?void 0:a.host))||u.some(c=>i.contains(c))||u.push(i));return u});return{resolveContainers:l,contains:O(s=>l().some(a=>a.contains(s)))}}let _t=o.createContext(null);function Bt({children:e,node:t}){let[n,r]=o.useState(null),l=qt(t??n);return o.createElement(_t.Provider,{value:l},e,l===null&&o.createElement(et,{features:ke.Hidden,ref:s=>{var a,u;if(s){for(let i of(u=(a=Te(s))==null?void 0:a.querySelectorAll("html > *, body > *"))!=null?u:[])if(i!==document.body&&i!==document.head&&i instanceof HTMLElement&&i!=null&&i.contains(s)){r(i);break}}}}))}function qt(e=null){var t;return(t=o.useContext(_t))!=null?t:e}function it(){let e=o.useRef(!1);return L(()=>(e.current=!0,()=>{e.current=!1}),[]),e}var we=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(we||{});function $r(){let e=o.useRef(0);return Ft(!0,"keydown",t=>{t.key==="Tab"&&(e.current=t.shiftKey?1:0)},!0),e}function Xt(e){if(!e)return new Set;if(typeof e=="function")return new Set(e());let t=new Set;for(let n of e.current)n.current instanceof HTMLElement&&t.add(n.current);return t}let Mr="div";var te=(e=>(e[e.None=0]="None",e[e.InitialFocus=1]="InitialFocus",e[e.TabLock=2]="TabLock",e[e.FocusLock=4]="FocusLock",e[e.RestoreFocus=8]="RestoreFocus",e[e.AutoFocus=16]="AutoFocus",e))(te||{});function Cr(e,t){let n=o.useRef(null),r=q(n,t),{initialFocus:l,initialFocusFallback:s,containers:a,features:u=15,...i}=e;ge()||(u=0);let c=ve(n);Pr(u,{ownerDocument:c});let m=Fr(u,{ownerDocument:c,container:n,initialFocus:l,initialFocusFallback:s});Lr(u,{ownerDocument:c,container:n,containers:a,previousActiveElement:m});let x=$r(),b=O(h=>{let g=n.current;g&&(y=>y())(()=>{G(x.current,{[we.Forwards]:()=>{pe(g,V.First,{skipElements:[h.relatedTarget,s]})},[we.Backwards]:()=>{pe(g,V.Last,{skipElements:[h.relatedTarget,s]})}})})}),E=ie(!!(u&2),"focus-trap#tab-lock"),f=Je(),w=o.useRef(!1),d={ref:r,onKeyDown(h){h.key=="Tab"&&(w.current=!0,f.requestAnimationFrame(()=>{w.current=!1}))},onBlur(h){if(!(u&4))return;let g=Xt(a);n.current instanceof HTMLElement&&g.add(n.current);let y=h.relatedTarget;y instanceof HTMLElement&&y.dataset.headlessuiFocusGuard!=="true"&&(Vt(g,y)||(w.current?pe(n.current,G(x.current,{[we.Forwards]:()=>V.Next,[we.Backwards]:()=>V.Previous})|V.WrapAround,{relativeTo:h.target}):h.target instanceof HTMLElement&&Y(h.target)))}},p=D();return o.createElement(o.Fragment,null,E&&o.createElement(et,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:b,features:ke.Focusable}),p({ourProps:d,theirProps:i,defaultTag:Mr,name:"FocusTrap"}),E&&o.createElement(et,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:b,features:ke.Focusable}))}let Sr=k(Cr),Or=Object.assign(Sr,{features:te});function Tr(e=!0){let t=o.useRef(Z.slice());return lt(([n],[r])=>{r===!0&&n===!1&&Pe(()=>{t.current.splice(0)}),r===!1&&n===!0&&(t.current=Z.slice())},[e,Z,t]),O(()=>{var n;return(n=t.current.find(r=>r!=null&&r.isConnected))!=null?n:null})}function Pr(e,{ownerDocument:t}){let n=!!(e&8),r=Tr(n);lt(()=>{n||(t==null?void 0:t.activeElement)===(t==null?void 0:t.body)&&Y(r())},[n]),At(()=>{n&&Y(r())})}function Fr(e,{ownerDocument:t,container:n,initialFocus:r,initialFocusFallback:l}){let s=o.useRef(null),a=ie(!!(e&1),"focus-trap#initial-focus"),u=it();return lt(()=>{if(e===0)return;if(!a){l!=null&&l.current&&Y(l.current);return}let i=n.current;i&&Pe(()=>{if(!u.current)return;let c=t==null?void 0:t.activeElement;if(r!=null&&r.current){if((r==null?void 0:r.current)===c){s.current=c;return}}else if(i.contains(c)){s.current=c;return}if(r!=null&&r.current)Y(r.current);else{if(e&16){if(pe(i,V.First|V.AutoFocus)!==rt.Error)return}else if(pe(i,V.First)!==rt.Error)return;if(l!=null&&l.current&&(Y(l.current),(t==null?void 0:t.activeElement)===l.current))return;console.warn("There are no focusable elements inside the <FocusTrap />")}s.current=t==null?void 0:t.activeElement})},[l,a,e]),s}function Lr(e,{ownerDocument:t,container:n,containers:r,previousActiveElement:l}){let s=it(),a=!!(e&4);kt(t==null?void 0:t.defaultView,"focus",u=>{if(!a||!s.current)return;let i=Xt(r);n.current instanceof HTMLElement&&i.add(n.current);let c=l.current;if(!c)return;let m=u.target;m&&m instanceof HTMLElement?Vt(i,m)?(l.current=m,Y(m)):(u.preventDefault(),u.stopPropagation(),Y(c)):Y(l.current)},!0)}function Vt(e,t){for(let n of e)if(n.contains(t))return!0;return!1}function Yt(e){var t;return!!(e.enter||e.enterFrom||e.enterTo||e.leave||e.leaveFrom||e.leaveTo)||((t=e.as)!=null?t:Gt)!==o.Fragment||o.Children.count(e.children)===1}let De=o.createContext(null);De.displayName="TransitionContext";var kr=(e=>(e.Visible="visible",e.Hidden="hidden",e))(kr||{});function Nr(){let e=o.useContext(De);if(e===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}function Ir(){let e=o.useContext(je);if(e===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}let je=o.createContext(null);je.displayName="NestingContext";function Ue(e){return"children"in e?Ue(e.children):e.current.filter(({el:t})=>t.current!==null).filter(({state:t})=>t==="visible").length>0}function zt(e,t){let n=Q(e),r=o.useRef([]),l=it(),s=Je(),a=O((E,f=K.Hidden)=>{let w=r.current.findIndex(({el:d})=>d===E);w!==-1&&(G(f,{[K.Unmount](){r.current.splice(w,1)},[K.Hidden](){r.current[w].state="hidden"}}),s.microTask(()=>{var d;!Ue(r)&&l.current&&((d=n.current)==null||d.call(n))}))}),u=O(E=>{let f=r.current.find(({el:w})=>w===E);return f?f.state!=="visible"&&(f.state="visible"):r.current.push({el:E,state:"visible"}),()=>a(E,K.Unmount)}),i=o.useRef([]),c=o.useRef(Promise.resolve()),m=o.useRef({enter:[],leave:[]}),x=O((E,f,w)=>{i.current.splice(0),t&&(t.chains.current[f]=t.chains.current[f].filter(([d])=>d!==E)),t==null||t.chains.current[f].push([E,new Promise(d=>{i.current.push(d)})]),t==null||t.chains.current[f].push([E,new Promise(d=>{Promise.all(m.current[f].map(([p,h])=>h)).then(()=>d())})]),f==="enter"?c.current=c.current.then(()=>t==null?void 0:t.wait.current).then(()=>w(f)):w(f)}),b=O((E,f,w)=>{Promise.all(m.current[f].splice(0).map(([d,p])=>p)).then(()=>{var d;(d=i.current.shift())==null||d()}).then(()=>w(f))});return o.useMemo(()=>({children:r,register:u,unregister:a,onStart:x,onStop:b,wait:c,chains:m}),[u,a,r,x,b,m,c])}let Gt=o.Fragment,Kt=Fe.RenderStrategy;function Ar(e,t){var n,r;let{transition:l=!0,beforeEnter:s,afterEnter:a,beforeLeave:u,afterLeave:i,enter:c,enterFrom:m,enterTo:x,entered:b,leave:E,leaveFrom:f,leaveTo:w,...d}=e,[p,h]=o.useState(null),g=o.useRef(null),y=Yt(e),v=q(...y?[g,t,h]:t===null?[]:[t]),M=(n=d.unmount)==null||n?K.Unmount:K.Hidden,{show:T,appear:I,initial:U}=Nr(),[F,A]=o.useState(T?"visible":"hidden"),H=Ir(),{register:W,unregister:S}=H;L(()=>W(g),[W,g]),L(()=>{if(M===K.Hidden&&g.current){if(T&&F!=="visible"){A("visible");return}return G(F,{hidden:()=>S(g),visible:()=>W(g)})}},[F,g,W,S,T,M]);let _=ge();L(()=>{if(y&&_&&F==="visible"&&g.current===null)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")},[g,F,_,y]);let We=U&&!I,_e=I&&T&&U,Ee=o.useRef(!1),X=zt(()=>{Ee.current||(A("hidden"),S(g))},H),Be=O(dt=>{Ee.current=!0;let Xe=dt?"enter":"leave";X.onStart(g,Xe,ye=>{ye==="enter"?s==null||s():ye==="leave"&&(u==null||u())})}),P=O(dt=>{let Xe=dt?"enter":"leave";Ee.current=!1,X.onStop(g,Xe,ye=>{ye==="enter"?a==null||a():ye==="leave"&&(i==null||i())}),Xe==="leave"&&!Ue(X)&&(A("hidden"),S(g))});o.useEffect(()=>{y&&l||(Be(T),P(T))},[T,y,l]);let qe=!(!l||!y||!_||We),[,N]=rr(qe,p,T,{start:Be,end:P}),ol=R({ref:v,className:((r=Qe(d.className,_e&&c,_e&&m,N.enter&&c,N.enter&&N.closed&&m,N.enter&&!N.closed&&x,N.leave&&E,N.leave&&!N.closed&&f,N.leave&&N.closed&&w,!N.transition&&T&&b))==null?void 0:r.trim())||void 0,...nr(N)}),xe=0;F==="visible"&&(xe|=j.Open),F==="hidden"&&(xe|=j.Closed),N.enter&&(xe|=j.Opening),N.leave&&(xe|=j.Closing);let il=D();return o.createElement(je.Provider,{value:X},o.createElement(sr,{value:xe},il({ourProps:ol,theirProps:d,defaultTag:Gt,features:Kt,visible:F==="visible",name:"Transition.Child"})))}function Dr(e,t){let{show:n,appear:r=!1,unmount:l=!0,...s}=e,a=o.useRef(null),u=Yt(e),i=q(...u?[a,t]:t===null?[]:[t]);ge();let c=Ae();if(n===void 0&&c!==null&&(n=(c&j.Open)===j.Open),n===void 0)throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[m,x]=o.useState(n?"visible":"hidden"),b=zt(()=>{n||x("hidden")}),[E,f]=o.useState(!0),w=o.useRef([n]);L(()=>{E!==!1&&w.current[w.current.length-1]!==n&&(w.current.push(n),f(!1))},[w,n]);let d=o.useMemo(()=>({show:n,appear:r,initial:E}),[n,r,E]);L(()=>{n?x("visible"):!Ue(b)&&a.current!==null&&x("hidden")},[n,b]);let p={unmount:l},h=O(()=>{var v;E&&f(!1),(v=e.beforeEnter)==null||v.call(e)}),g=O(()=>{var v;E&&f(!1),(v=e.beforeLeave)==null||v.call(e)}),y=D();return o.createElement(je.Provider,{value:b},o.createElement(De.Provider,{value:d},y({ourProps:{...p,as:o.Fragment,children:o.createElement(Zt,{ref:i,...p,...s,beforeEnter:h,beforeLeave:g})},theirProps:{},defaultTag:o.Fragment,features:Kt,visible:m==="visible",name:"Transition"})))}function jr(e,t){let n=o.useContext(De)!==null,r=Ae()!==null;return o.createElement(o.Fragment,null,!n&&r?o.createElement(st,{ref:t,...e}):o.createElement(Zt,{ref:t,...e}))}let st=k(Dr),Zt=k(Ar),se=k(jr),Jt=Object.assign(st,{Child:se,Root:st});var Ur=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Ur||{}),Hr=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(Hr||{});let Wr={0(e,t){return e.titleId===t.id?e:{...e,titleId:t.id}}},at=o.createContext(null);at.displayName="DialogContext";function He(e){let t=o.useContext(at);if(t===null){let n=new Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,He),n}return t}function _r(e,t){return G(t.type,Wr,e,t)}let Qt=k(function(e,t){let n=o.useId(),{id:r=`headlessui-dialog-${n}`,open:l,onClose:s,initialFocus:a,role:u="dialog",autoFocus:i=!0,__demoMode:c=!1,unmount:m=!1,...x}=e,b=o.useRef(!1);u=function(){return u==="dialog"||u==="alertdialog"?u:(b.current||(b.current=!0,console.warn(`Invalid role [${u}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)),"dialog")}();let E=Ae();l===void 0&&E!==null&&(l=(E&j.Open)===j.Open);let f=o.useRef(null),w=q(f,t),d=ve(f),p=l?0:1,[h,g]=o.useReducer(_r,{titleId:null,descriptionId:null,panelRef:o.createRef()}),y=O(()=>s(!1)),v=O(P=>g({type:0,id:P})),M=ge()?p===0:!1,[T,I]=gr(),U={get current(){var P;return(P=h.panelRef.current)!=null?P:f.current}},F=qt(),{resolveContainers:A}=br({mainTreeNode:F,portals:T,defaultContainers:[U]}),H=E!==null?(E&j.Closing)===j.Closing:!1;In(c||H?!1:M,{allowed:O(()=>{var P,qe;return[(qe=(P=f.current)==null?void 0:P.closest("[data-headlessui-portal]"))!=null?qe:null]}),disallowed:O(()=>{var P;return[(P=F==null?void 0:F.closest("body > *:not(#headlessui-portal-root)"))!=null?P:null]})}),zn(M,A,P=>{P.preventDefault(),y()}),xr(M,d==null?void 0:d.defaultView,P=>{P.preventDefault(),P.stopPropagation(),document.activeElement&&"blur"in document.activeElement&&typeof document.activeElement.blur=="function"&&document.activeElement.blur(),y()}),Rn(c||H?!1:M,d,A),An(M,f,y);let[W,S]=Cn(),_=o.useMemo(()=>[{dialogState:p,close:y,setTitleId:v,unmount:m},h],[p,h,y,v,m]),We=o.useMemo(()=>({open:p===0}),[p]),_e={ref:w,id:r,role:u,tabIndex:-1,"aria-modal":c?void 0:p===0?!0:void 0,"aria-labelledby":h.titleId,"aria-describedby":W,unmount:m},Ee=!yr(),X=te.None;M&&!c&&(X|=te.RestoreFocus,X|=te.TabLock,i&&(X|=te.AutoFocus),Ee&&(X|=te.InitialFocus));let Be=D();return o.createElement(ar,null,o.createElement(jt,{force:!0},o.createElement(Er,null,o.createElement(at.Provider,{value:_},o.createElement(Wt,{target:f},o.createElement(jt,{force:!1},o.createElement(S,{slot:We},o.createElement(I,null,o.createElement(Or,{initialFocus:a,initialFocusFallback:f,containers:A,features:X},o.createElement(Ln,{value:y},Be({ourProps:_e,theirProps:x,slot:We,defaultTag:Br,features:qr,visible:p===0,name:"Dialog"})))))))))))}),Br="div",qr=Fe.RenderStrategy|Fe.Static;function Xr(e,t){let{transition:n=!1,open:r,...l}=e,s=Ae(),a=e.hasOwnProperty("open")||s!==null,u=e.hasOwnProperty("onClose");if(!a&&!u)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!a)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!u)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if(!s&&typeof e.open!="boolean")throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${e.open}`);if(typeof e.onClose!="function")throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${e.onClose}`);return(r!==void 0||n)&&!l.static?o.createElement(Bt,null,o.createElement(Jt,{show:r,transition:n,unmount:l.unmount},o.createElement(Qt,{ref:t,...l}))):o.createElement(Bt,null,o.createElement(Qt,{ref:t,open:r,...l}))}let Vr="div";function Yr(e,t){let n=o.useId(),{id:r=`headlessui-dialog-panel-${n}`,transition:l=!1,...s}=e,[{dialogState:a,unmount:u},i]=He("Dialog.Panel"),c=q(t,i.panelRef),m=o.useMemo(()=>({open:a===0}),[a]),x=O(d=>{d.stopPropagation()}),b={ref:c,id:r,onClick:x},E=l?se:o.Fragment,f=l?{unmount:u}:{},w=D();return o.createElement(E,{...f},w({ourProps:b,theirProps:s,slot:m,defaultTag:Vr,name:"Dialog.Panel"}))}let zr="div";function Gr(e,t){let{transition:n=!1,...r}=e,[{dialogState:l,unmount:s}]=He("Dialog.Backdrop"),a=o.useMemo(()=>({open:l===0}),[l]),u={ref:t,"aria-hidden":!0},i=n?se:o.Fragment,c=n?{unmount:s}:{},m=D();return o.createElement(i,{...c},m({ourProps:u,theirProps:r,slot:a,defaultTag:zr,name:"Dialog.Backdrop"}))}let Kr="h2";function Zr(e,t){let n=o.useId(),{id:r=`headlessui-dialog-title-${n}`,...l}=e,[{dialogState:s,setTitleId:a}]=He("Dialog.Title"),u=q(t);o.useEffect(()=>(a(r),()=>a(null)),[r,a]);let i=o.useMemo(()=>({open:s===0}),[s]),c={ref:u,id:r};return D()({ourProps:c,theirProps:l,slot:i,defaultTag:Kr,name:"Dialog.Title"})}let Jr=k(Xr),ut=k(Yr);k(Gr);let Qr=k(Zr),Rr=Object.assign(Jr,{Panel:ut,Title:Qr,Description:Pn});function Rt({onClick:e}){return $.jsxs("button",{type:"button",className:"im-close-button text-gray-400 hover:text-gray-500",onClick:e,children:[$.jsx("span",{className:"sr-only",children:"Close"}),$.jsx("svg",{className:"size-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",children:$.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})]})}const el=({modalContext:e,config:t,children:n})=>{const[r,l]=o.useState(!1);return $.jsx("div",{className:"im-modal-container fixed inset-0 z-40 overflow-y-auto p-4",children:$.jsx("div",{className:Oe("im-modal-positioner flex min-h-full justify-center",{"items-start":t.position==="top","items-center":t.position==="center","items-end":t.position==="bottom"}),children:$.jsx(se,{as:"div",enterFrom:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",enterTo:"opacity-100 translate-y-0 sm:scale-100",leaveFrom:"opacity-100 translate-y-0 sm:scale-100",leaveTo:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",afterEnter:()=>l(!0),afterLeave:e.afterLeave,className:Oe("im-modal-wrapper w-full transition duration-300 ease-in-out",e.onTopOfStack?"":"blur-sm",{"sm:max-w-sm":t.maxWidth==="sm","sm:max-w-md":t.maxWidth==="md","sm:max-w-md md:max-w-lg":t.maxWidth==="lg","sm:max-w-md md:max-w-xl":t.maxWidth==="xl","sm:max-w-md md:max-w-xl lg:max-w-2xl":t.maxWidth==="2xl","sm:max-w-md md:max-w-xl lg:max-w-3xl":t.maxWidth==="3xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-4xl":t.maxWidth==="4xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl":t.maxWidth==="5xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-6xl":t.maxWidth==="6xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl":t.maxWidth==="7xl"}),children:$.jsxs(ut,{className:`im-modal-content relative ${t.paddingClasses} ${t.panelClasses}`,"data-inertiaui-modal-entered":r,children:[t.closeButton&&$.jsx("div",{className:"absolute right-0 top-0 pr-3 pt-3",children:$.jsx(Rt,{onClick:e.close})}),typeof n=="function"?n({modalContext:e,config:t}):n]})})})})},tl=({modalContext:e,config:t,children:n})=>{const[r,l]=o.useState(!1);return $.jsx("div",{className:"im-slideover-container fixed inset-0 z-40 overflow-y-auto overflow-x-hidden",children:$.jsx("div",{className:Oe("im-slideover-positioner flex min-h-full items-center",{"justify-start rtl:justify-end":(t==null?void 0:t.position)==="left","justify-end rtl:justify-start":(t==null?void 0:t.position)==="right"}),children:$.jsx(se,{as:"div",enterFrom:`opacity-0 ${t.position==="left"?"-translate-x-full":"translate-x-full"}`,enterTo:"opacity-100 translate-x-0",leaveFrom:"opacity-100 translate-x-0",leaveTo:`opacity-0 ${t.position==="left"?"-translate-x-full":"translate-x-full"}`,afterEnter:()=>l(!0),afterLeave:e.afterLeave,className:Oe("im-slideover-wrapper w-full transition duration-300 ease-in-out",e.onTopOfStack?"":"blur-sm",{"sm:max-w-sm":t.maxWidth==="sm","sm:max-w-md":t.maxWidth==="md","sm:max-w-md md:max-w-lg":t.maxWidth==="lg","sm:max-w-md md:max-w-xl":t.maxWidth==="xl","sm:max-w-md md:max-w-xl lg:max-w-2xl":t.maxWidth==="2xl","sm:max-w-md md:max-w-xl lg:max-w-3xl":t.maxWidth==="3xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-4xl":t.maxWidth==="4xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl":t.maxWidth==="5xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-6xl":t.maxWidth==="6xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl":t.maxWidth==="7xl"}),children:$.jsxs(ut,{className:`im-slideover-content relative ${t.paddingClasses} ${t.panelClasses}`,"data-inertiaui-modal-entered":r,children:[t.closeButton&&$.jsx("div",{className:"absolute right-0 top-0 pr-3 pt-3",children:$.jsx(Rt,{onClick:e.close})}),typeof n=="function"?n({modalContext:e,config:t}):n]})})})})},en=o.forwardRef(({name:e,children:t,onFocus:n=null,onBlur:r=null,onClose:l=null,onSuccess:s=null,onAfterLeave:a=null,...u},i)=>{const c=x=>typeof t=="function"?t(x):t,m=o.useRef(null);return o.useImperativeHandle(i,()=>m.current,[m]),$.jsx(Ke,{ref:m,name:e,onFocus:n,onBlur:r,onClose:l,onSuccess:s,...u,children:({afterLeave:x,close:b,config:E,emit:f,getChildModal:w,getParentModal:d,id:p,index:h,isOpen:g,modalContext:y,onTopOfStack:v,reload:M,setOpen:T,shouldRender:I})=>$.jsx(Jt,{appear:!0,show:g??!1,afterLeave:a,children:$.jsxs(Rr,{as:"div",className:"im-dialog relative z-20",onClose:()=>E.closeExplicitly?null:b(),"data-inertiaui-modal-id":p,"data-inertiaui-modal-index":h,children:[h===0?$.jsx(se,{enter:"transition transform ease-in-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"transition transform ease-in-out duration-300",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:v?$.jsx("div",{className:"im-backdrop fixed inset-0 z-30 bg-black/75","aria-hidden":"true"}):$.jsx("div",{})}):null,h>0&&v?$.jsx("div",{className:"im-backdrop fixed inset-0 z-30 bg-black/75"}):null,E.slideover?$.jsx(tl,{modalContext:y,config:E,children:c({afterLeave:x,close:b,config:E,emit:f,getChildModal:w,getParentModal:d,id:p,index:h,isOpen:g,modalContext:y,onTopOfStack:v,reload:M,setOpen:T,shouldRender:I})}):$.jsx(el,{modalContext:y,config:E,children:c({afterLeave:x,close:b,config:E,emit:f,getChildModal:w,getParentModal:d,id:p,index:h,isOpen:g,modalContext:y,onTopOfStack:v,reload:M,setOpen:T,shouldRender:I})})]})})})});en.displayName="Modal";const nl=({href:e,method:t="get",data:n={},as:r="a",headers:l={},queryStringArrayFormat:s="brackets",onAfterLeave:a=null,onBlur:u=null,onClose:i=null,onError:c=null,onFocus:m=null,onStart:x=null,onSuccess:b=null,navigate:E=null,children:f,...w})=>{const[d,p]=o.useState(!1),[h,g]=o.useState(null),{stack:y,visit:v}=fe(),M=o.useMemo(()=>E??Me("navigate"),[E]),T={},I={};Object.keys(w).forEach(S=>{ht.includes(S)||(S.startsWith("on")&&typeof w[S]=="function"?S.toLowerCase()in window?T[S]=w[S]:I[S]=w[S]:T[S]=w[S])});const[U,F]=o.useState(!1);o.useEffect(()=>{h&&(h.onTopOfStack&&U?m==null||m():!h.onTopOfStack&&!U&&(u==null||u()),F(!h.onTopOfStack))},[y]);const A=o.useCallback(()=>{i==null||i()},[i]),H=o.useCallback(()=>{g(null),a==null||a()},[a]),W=o.useCallback(S=>{S==null||S.preventDefault(),!d&&(e.startsWith("#")||(p(!0),x==null||x()),v(e,t,n,l,dn(ct(w,ht)),()=>A(y.length),H,s,M).then(_=>{g(_),_.registerEventListenersFromProps(I),b==null||b()}).catch(_=>{console.error(_),c==null||c(_)}).finally(()=>p(!1)))},[e,t,n,l,s,w,A,H]);return $.jsx(r,{...T,href:e,onClick:W,children:typeof f=="function"?f({loading:d}):f})};function rl(){return fe().stack[Ge()]??null}const ll=e=>t=>(t.default.layout=n=>o.createElement(e,{},n),t);C.HeadlessModal=Ke,C.Modal=en,C.ModalLink=nl,C.ModalRoot=gt,C.ModalStackProvider=pt,C.getConfig=Me,C.initFromPageProps=vt,C.putConfig=sn,C.renderApp=fn,C.resetConfig=on,C.setPageLayout=ll,C.useModal=rl,C.useModalIndex=Ge,C.useModalStack=fe,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
+`))}else{let b=m.props,E=b==null?void 0:b.className,f=typeof E=="function"?(...p)=>Qe(E(...p),i.className):Qe(E,i.className),w=f?{className:f}:{},d=xt(m.props,R(Re(i,["ref"])));for(let p in x)p in d&&delete x[p];return o.cloneElement(m,Object.assign({},d,x,c,{ref:l(yn(m),c.ref)},w))}return o.createElement(s,Object.assign({},Re(i,["ref"]),s!==o.Fragment&&c,s!==o.Fragment&&x),m)}function En(){let e=o.useRef([]),t=o.useCallback(n=>{for(let r of e.current)r!=null&&(typeof r=="function"?r(n):r.current=n)},[]);return(...n)=>{if(!n.every(r=>r==null))return e.current=n,t}}function xn(...e){return e.every(t=>t==null)?void 0:t=>{for(let n of e)n!=null&&(typeof n=="function"?n(t):n.current=t)}}function xt(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},n={};for(let r of e)for(let l in r)l.startsWith("on")&&typeof r[l]=="function"?(n[l]!=null||(n[l]=[]),n[l].push(r[l])):t[l]=r[l];if(t.disabled||t["aria-disabled"])for(let r in n)/^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(r)&&(n[r]=[l=>{var s;return(s=l==null?void 0:l.preventDefault)==null?void 0:s.call(l)}]);for(let r in n)Object.assign(t,{[r](l,...s){let a=n[r];for(let u of a){if((l instanceof Event||(l==null?void 0:l.nativeEvent)instanceof Event)&&l.defaultPrevented)return;u(l,...s)}}});return t}function k(e){var t;return Object.assign(o.forwardRef(e),{displayName:(t=e.displayName)!=null?t:e.name})}function R(e){let t=Object.assign({},e);for(let n in t)t[n]===void 0&&delete t[n];return t}function Re(e,t=[]){let n=Object.assign({},e);for(let r of t)r in n&&delete n[r];return n}function yn(e){return o.version.split(".")[0]>="19"?e.props.ref:e.ref}let bn="span";var Le=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(Le||{});function $n(e,t){var n;let{features:r=1,...l}=e,s={ref:t,"aria-hidden":(r&2)===2?!0:(n=l["aria-hidden"])!=null?n:void 0,hidden:(r&4)===4?!0:void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(r&4)===4&&(r&2)!==2&&{display:"none"}}};return D()({ourProps:s,theirProps:l,slot:{},defaultTag:bn,name:"Hidden"})}let et=k($n),yt=Symbol();function Mn(e,t=!0){return Object.assign(e,{[yt]:t})}function q(...e){let t=o.useRef(e);o.useEffect(()=>{t.current=e},[e]);let n=O(r=>{for(let l of t.current)l!=null&&(typeof l=="function"?l(r):l.current=r)});return e.every(r=>r==null||(r==null?void 0:r[yt]))?void 0:n}let tt=o.createContext(null);tt.displayName="DescriptionContext";function bt(){let e=o.useContext(tt);if(e===null){let t=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,bt),t}return e}function Cn(){let[e,t]=o.useState([]);return[e.length>0?e.join(" "):void 0,o.useMemo(()=>function(n){let r=O(s=>(t(a=>[...a,s]),()=>t(a=>{let u=a.slice(),i=u.indexOf(s);return i!==-1&&u.splice(i,1),u}))),l=o.useMemo(()=>({register:r,slot:n.slot,name:n.name,props:n.props,value:n.value}),[r,n.slot,n.name,n.props,n.value]);return o.createElement(tt.Provider,{value:l},n.children)},[t])]}let Sn="p";function On(e,t){let n=o.useId(),r=gn(),{id:l=`headlessui-description-${n}`,...s}=e,a=bt(),u=q(t);L(()=>a.register(l),[l,a.register]);let i=r||!1,c=o.useMemo(()=>({...a.slot,disabled:i}),[a.slot,i]),m={ref:u,...a.props,id:l};return D()({ourProps:m,theirProps:s,slot:c,defaultTag:Sn,name:a.name||"Description"})}let Tn=k(On),Pn=Object.assign(Tn,{});var $t=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))($t||{});let Fn=o.createContext(()=>{});function Ln({value:e,children:t}){return o.createElement(Fn.Provider,{value:e},t)}let kn=class extends Map{constructor(t){super(),this.factory=t}get(t){let n=super.get(t);return n===void 0&&(n=this.factory(t),this.set(t,n)),n}};function Mt(e,t){let n=e(),r=new Set;return{getSnapshot(){return n},subscribe(l){return r.add(l),()=>r.delete(l)},dispatch(l,...s){let a=t[l].call(n,...s);a&&(n=a,r.forEach(u=>u()))}}}function Ct(e){return o.useSyncExternalStore(e.subscribe,e.getSnapshot,e.getSnapshot)}let Nn=new kn(()=>Mt(()=>[],{ADD(e){return this.includes(e)?this:[...this,e]},REMOVE(e){let t=this.indexOf(e);if(t===-1)return this;let n=this.slice();return n.splice(t,1),n}}));function se(e,t){let n=Nn.get(t),r=o.useId(),l=Ct(n);if(L(()=>{if(e)return n.dispatch("ADD",r),()=>n.dispatch("REMOVE",r)},[n,e]),!e)return!1;let s=l.indexOf(r),a=l.length;return s===-1&&(s=a,a+=1),s===a-1}let nt=new Map,me=new Map;function St(e){var t;let n=(t=me.get(e))!=null?t:0;return me.set(e,n+1),n!==0?()=>Ot(e):(nt.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),e.setAttribute("aria-hidden","true"),e.inert=!0,()=>Ot(e))}function Ot(e){var t;let n=(t=me.get(e))!=null?t:1;if(n===1?me.delete(e):me.set(e,n-1),n!==1)return;let r=nt.get(e);r&&(r["aria-hidden"]===null?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",r["aria-hidden"]),e.inert=r.inert,nt.delete(e))}function In(e,{allowed:t,disallowed:n}={}){let r=se(e,"inert-others");L(()=>{var l,s;if(!r)return;let a=z();for(let i of(l=n==null?void 0:n())!=null?l:[])i&&a.add(St(i));let u=(s=t==null?void 0:t())!=null?s:[];for(let i of u){if(!i)continue;let c=Oe(i);if(!c)continue;let m=i.parentElement;for(;m&&m!==c.body;){for(let x of m.children)u.some(b=>x.contains(b))||a.add(St(x));m=m.parentElement}}return a.dispose},[r,t,n])}function An(e,t,n){let r=Q(l=>{let s=l.getBoundingClientRect();s.x===0&&s.y===0&&s.width===0&&s.height===0&&n()});o.useEffect(()=>{if(!e)return;let l=t===null?null:t instanceof HTMLElement?t:t.current;if(!l)return;let s=z();if(typeof ResizeObserver<"u"){let a=new ResizeObserver(()=>r.current(l));a.observe(l),s.add(()=>a.disconnect())}if(typeof IntersectionObserver<"u"){let a=new IntersectionObserver(()=>r.current(l));a.observe(l),s.add(()=>a.disconnect())}return()=>s.dispose()},[t,r,e])}let ke=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(","),Dn=["[data-autofocus]"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var V=(e=>(e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll",e[e.AutoFocus=64]="AutoFocus",e))(V||{}),rt=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(rt||{}),jn=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(jn||{});function Un(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(ke)).sort((t,n)=>Math.sign((t.tabIndex||Number.MAX_SAFE_INTEGER)-(n.tabIndex||Number.MAX_SAFE_INTEGER)))}function Hn(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(Dn)).sort((t,n)=>Math.sign((t.tabIndex||Number.MAX_SAFE_INTEGER)-(n.tabIndex||Number.MAX_SAFE_INTEGER)))}var Tt=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(Tt||{});function Wn(e,t=0){var n;return e===((n=Oe(e))==null?void 0:n.body)?!1:G(t,{0(){return e.matches(ke)},1(){let r=e;for(;r!==null;){if(r.matches(ke))return!0;r=r.parentElement}return!1}})}var _n=(e=>(e[e.Keyboard=0]="Keyboard",e[e.Mouse=1]="Mouse",e))(_n||{});typeof window<"u"&&typeof document<"u"&&(document.addEventListener("keydown",e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")},!0),document.addEventListener("click",e=>{e.detail===1?delete document.documentElement.dataset.headlessuiFocusVisible:e.detail===0&&(document.documentElement.dataset.headlessuiFocusVisible="")},!0));function Y(e){e==null||e.focus({preventScroll:!0})}let Bn=["textarea","input"].join(",");function qn(e){var t,n;return(n=(t=e==null?void 0:e.matches)==null?void 0:t.call(e,Bn))!=null?n:!1}function Xn(e,t=n=>n){return e.slice().sort((n,r)=>{let l=t(n),s=t(r);if(l===null||s===null)return 0;let a=l.compareDocumentPosition(s);return a&Node.DOCUMENT_POSITION_FOLLOWING?-1:a&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function pe(e,t,{sorted:n=!0,relativeTo:r=null,skipElements:l=[]}={}){let s=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,a=Array.isArray(e)?n?Xn(e):e:t&64?Hn(e):Un(e);l.length>0&&a.length>1&&(a=a.filter(E=>!l.some(f=>f!=null&&"current"in f?(f==null?void 0:f.current)===E:f===E))),r=r??s.activeElement;let u=(()=>{if(t&5)return 1;if(t&10)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),i=(()=>{if(t&1)return 0;if(t&2)return Math.max(0,a.indexOf(r))-1;if(t&4)return Math.max(0,a.indexOf(r))+1;if(t&8)return a.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),c=t&32?{preventScroll:!0}:{},m=0,x=a.length,b;do{if(m>=x||m+x<=0)return 0;let E=i+m;if(t&16)E=(E+x)%x;else{if(E<0)return 3;if(E>=x)return 1}b=a[E],b==null||b.focus(c),m+=u}while(b!==s.activeElement);return t&6&&qn(b)&&b.select(),2}function Pt(){return/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}function Vn(){return/Android/gi.test(window.navigator.userAgent)}function Yn(){return Pt()||Vn()}function he(e,t,n,r){let l=Q(n);o.useEffect(()=>{if(!e)return;function s(a){l.current(a)}return document.addEventListener(t,s,r),()=>document.removeEventListener(t,s,r)},[e,t,r])}function Ft(e,t,n,r){let l=Q(n);o.useEffect(()=>{if(!e)return;function s(a){l.current(a)}return window.addEventListener(t,s,r),()=>window.removeEventListener(t,s,r)},[e,t,r])}const Lt=30;function zn(e,t,n){let r=se(e,"outside-click"),l=Q(n),s=o.useCallback(function(i,c){if(i.defaultPrevented)return;let m=c(i);if(m===null||!m.getRootNode().contains(m)||!m.isConnected)return;let x=function b(E){return typeof E=="function"?b(E()):Array.isArray(E)||E instanceof Set?E:[E]}(t);for(let b of x)if(b!==null&&(b.contains(m)||i.composed&&i.composedPath().includes(b)))return;return!Wn(m,Tt.Loose)&&m.tabIndex!==-1&&i.preventDefault(),l.current(i,m)},[l,t]),a=o.useRef(null);he(r,"pointerdown",i=>{var c,m;a.current=((m=(c=i.composedPath)==null?void 0:c.call(i))==null?void 0:m[0])||i.target},!0),he(r,"mousedown",i=>{var c,m;a.current=((m=(c=i.composedPath)==null?void 0:c.call(i))==null?void 0:m[0])||i.target},!0),he(r,"click",i=>{Yn()||a.current&&(s(i,()=>a.current),a.current=null)},!0);let u=o.useRef({x:0,y:0});he(r,"touchstart",i=>{u.current.x=i.touches[0].clientX,u.current.y=i.touches[0].clientY},!0),he(r,"touchend",i=>{let c={x:i.changedTouches[0].clientX,y:i.changedTouches[0].clientY};if(!(Math.abs(c.x-u.current.x)>=Lt||Math.abs(c.y-u.current.y)>=Lt))return s(i,()=>i.target instanceof HTMLElement?i.target:null)},!0),Ft(r,"blur",i=>s(i,()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null),!0)}function ve(...e){return o.useMemo(()=>Oe(...e),[...e])}function kt(e,t,n,r){let l=Q(n);o.useEffect(()=>{e=e??window;function s(a){l.current(a)}return e.addEventListener(t,s,r),()=>e.removeEventListener(t,s,r)},[e,t,r])}function Gn(){let e;return{before({doc:t}){var n;let r=t.documentElement,l=(n=t.defaultView)!=null?n:window;e=Math.max(0,l.innerWidth-r.clientWidth)},after({doc:t,d:n}){let r=t.documentElement,l=Math.max(0,r.clientWidth-r.offsetWidth),s=Math.max(0,e-l);n.style(r,"paddingRight",`${s}px`)}}}function Kn(){return Pt()?{before({doc:e,d:t,meta:n}){function r(l){return n.containers.flatMap(s=>s()).some(s=>s.contains(l))}t.microTask(()=>{var l;if(window.getComputedStyle(e.documentElement).scrollBehavior!=="auto"){let u=z();u.style(e.documentElement,"scrollBehavior","auto"),t.add(()=>t.microTask(()=>u.dispose()))}let s=(l=window.scrollY)!=null?l:window.pageYOffset,a=null;t.addEventListener(e,"click",u=>{if(u.target instanceof HTMLElement)try{let i=u.target.closest("a");if(!i)return;let{hash:c}=new URL(i.href),m=e.querySelector(c);m&&!r(m)&&(a=m)}catch{}},!0),t.addEventListener(e,"touchstart",u=>{if(u.target instanceof HTMLElement)if(r(u.target)){let i=u.target;for(;i.parentElement&&r(i.parentElement);)i=i.parentElement;t.style(i,"overscrollBehavior","contain")}else t.style(u.target,"touchAction","none")}),t.addEventListener(e,"touchmove",u=>{if(u.target instanceof HTMLElement){if(u.target.tagName==="INPUT")return;if(r(u.target)){let i=u.target;for(;i.parentElement&&i.dataset.headlessuiPortal!==""&&!(i.scrollHeight>i.clientHeight||i.scrollWidth>i.clientWidth);)i=i.parentElement;i.dataset.headlessuiPortal===""&&u.preventDefault()}else u.preventDefault()}},{passive:!1}),t.add(()=>{var u;let i=(u=window.scrollY)!=null?u:window.pageYOffset;s!==i&&window.scrollTo(0,s),a&&a.isConnected&&(a.scrollIntoView({block:"nearest"}),a=null)})})}}:{}}function Zn(){return{before({doc:e,d:t}){t.style(e.documentElement,"overflow","hidden")}}}function Jn(e){let t={};for(let n of e)Object.assign(t,n(t));return t}let ee=Mt(()=>new Map,{PUSH(e,t){var n;let r=(n=this.get(e))!=null?n:{doc:e,count:0,d:z(),meta:new Set};return r.count++,r.meta.add(t),this.set(e,r),this},POP(e,t){let n=this.get(e);return n&&(n.count--,n.meta.delete(t)),this},SCROLL_PREVENT({doc:e,d:t,meta:n}){let r={doc:e,d:t,meta:Jn(n)},l=[Kn(),Gn(),Zn()];l.forEach(({before:s})=>s==null?void 0:s(r)),l.forEach(({after:s})=>s==null?void 0:s(r))},SCROLL_ALLOW({d:e}){e.dispose()},TEARDOWN({doc:e}){this.delete(e)}});ee.subscribe(()=>{let e=ee.getSnapshot(),t=new Map;for(let[n]of e)t.set(n,n.documentElement.style.overflow);for(let n of e.values()){let r=t.get(n.doc)==="hidden",l=n.count!==0;(l&&!r||!l&&r)&&ee.dispatch(n.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",n),n.count===0&&ee.dispatch("TEARDOWN",n)}});function Qn(e,t,n=()=>({containers:[]})){let r=Ct(ee),l=t?r.get(t):void 0,s=l?l.count>0:!1;return L(()=>{if(!(!t||!e))return ee.dispatch("PUSH",t,n),()=>ee.dispatch("POP",t,n)},[e,t]),s}function Rn(e,t,n=()=>[document.body]){let r=se(e,"scroll-lock");Qn(r,t,l=>{var s;return{containers:[...(s=l.containers)!=null?s:[],n]}})}function er(e=0){let[t,n]=o.useState(e),r=o.useCallback(i=>n(i),[t]),l=o.useCallback(i=>n(c=>c|i),[t]),s=o.useCallback(i=>(t&i)===i,[t]),a=o.useCallback(i=>n(c=>c&~i),[n]),u=o.useCallback(i=>n(c=>c^i),[n]);return{flags:t,setFlag:r,addFlag:l,hasFlag:s,removeFlag:a,toggleFlag:u}}var Nt,It;typeof process<"u"&&typeof globalThis<"u"&&typeof Element<"u"&&((Nt=process==null?void 0:process.env)==null?void 0:Nt.NODE_ENV)==="test"&&typeof((It=Element==null?void 0:Element.prototype)==null?void 0:It.getAnimations)>"u"&&(Element.prototype.getAnimations=function(){return console.warn(["Headless UI has polyfilled `Element.prototype.getAnimations` for your tests.","Please install a proper polyfill e.g. `jsdom-testing-mocks`, to silence these warnings.","","Example usage:","```js","import { mockAnimationsApi } from 'jsdom-testing-mocks'","mockAnimationsApi()","```"].join(`
+`)),[]});var tr=(e=>(e[e.None=0]="None",e[e.Closed=1]="Closed",e[e.Enter=2]="Enter",e[e.Leave=4]="Leave",e))(tr||{});function nr(e){let t={};for(let n in e)e[n]===!0&&(t[`data-${n}`]="");return t}function rr(e,t,n,r){let[l,s]=o.useState(n),{hasFlag:a,addFlag:u,removeFlag:i}=er(e&&l?3:0),c=o.useRef(!1),m=o.useRef(!1),x=Je();return L(()=>{var b;if(e){if(n&&s(!0),!t){n&&u(3);return}return(b=r==null?void 0:r.start)==null||b.call(r,n),lr(t,{inFlight:c,prepare(){m.current?m.current=!1:m.current=c.current,c.current=!0,!m.current&&(n?(u(3),i(4)):(u(4),i(2)))},run(){m.current?n?(i(3),u(4)):(i(4),u(3)):n?i(1):u(1)},done(){var E;m.current&&typeof t.getAnimations=="function"&&t.getAnimations().length>0||(c.current=!1,i(7),n||s(!1),(E=r==null?void 0:r.end)==null||E.call(r,n))}})}},[e,n,t,x]),e?[l,{closed:a(1),enter:a(2),leave:a(4),transition:a(2)||a(4)}]:[n,{closed:void 0,enter:void 0,leave:void 0,transition:void 0}]}function lr(e,{prepare:t,run:n,done:r,inFlight:l}){let s=z();return ir(e,{prepare:t,inFlight:l}),s.nextFrame(()=>{n(),s.requestAnimationFrame(()=>{s.add(or(e,r))})}),s.dispose}function or(e,t){var n,r;let l=z();if(!e)return l.dispose;let s=!1;l.add(()=>{s=!0});let a=(r=(n=e.getAnimations)==null?void 0:n.call(e).filter(u=>u instanceof CSSTransition))!=null?r:[];return a.length===0?(t(),l.dispose):(Promise.allSettled(a.map(u=>u.finished)).then(()=>{s||t()}),l.dispose)}function ir(e,{inFlight:t,prepare:n}){if(t!=null&&t.current){n();return}let r=e.style.transition;e.style.transition="none",n(),e.offsetHeight,e.style.transition=r}function lt(e,t){let n=o.useRef([]),r=O(e);o.useEffect(()=>{let l=[...n.current];for(let[s,a]of t.entries())if(n.current[s]!==a){let u=r(t,l);return n.current=t,u}},[r,...t])}let Ne=o.createContext(null);Ne.displayName="OpenClosedContext";var j=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(j||{});function Ie(){return o.useContext(Ne)}function sr({value:e,children:t}){return o.createElement(Ne.Provider,{value:e},t)}function ar({children:e}){return o.createElement(Ne.Provider,{value:null},e)}function ur(e){function t(){document.readyState!=="loading"&&(e(),document.removeEventListener("DOMContentLoaded",t))}typeof window<"u"&&typeof document<"u"&&(document.addEventListener("DOMContentLoaded",t),t())}let Z=[];ur(()=>{function e(t){if(!(t.target instanceof HTMLElement)||t.target===document.body||Z[0]===t.target)return;let n=t.target;n=n.closest(ke),Z.unshift(n??t.target),Z=Z.filter(r=>r!=null&&r.isConnected),Z.splice(10)}window.addEventListener("click",e,{capture:!0}),window.addEventListener("mousedown",e,{capture:!0}),window.addEventListener("focus",e,{capture:!0}),document.body.addEventListener("click",e,{capture:!0}),document.body.addEventListener("mousedown",e,{capture:!0}),document.body.addEventListener("focus",e,{capture:!0})});function At(e){let t=O(e),n=o.useRef(!1);o.useEffect(()=>(n.current=!1,()=>{n.current=!0,Te(()=>{n.current&&t()})}),[t])}function dr(){let e=typeof document>"u";return"useSyncExternalStore"in ue?(t=>t.useSyncExternalStore)(ue)(()=>()=>{},()=>!1,()=>!e):!1}function ge(){let e=dr(),[t,n]=ue.useState(J.isHandoffComplete);return t&&J.isHandoffComplete===!1&&n(!1),ue.useEffect(()=>{t!==!0&&n(!0)},[t]),ue.useEffect(()=>J.handoff(),[]),e?!1:t}let Dt=o.createContext(!1);function cr(){return o.useContext(Dt)}function jt(e){return o.createElement(Dt.Provider,{value:e.force},e.children)}function fr(e){let t=cr(),n=o.useContext(Ht),r=ve(e),[l,s]=o.useState(()=>{var a;if(!t&&n!==null)return(a=n.current)!=null?a:null;if(J.isServer)return null;let u=r==null?void 0:r.getElementById("headlessui-portal-root");if(u)return u;if(r===null)return null;let i=r.createElement("div");return i.setAttribute("id","headlessui-portal-root"),r.body.appendChild(i)});return o.useEffect(()=>{l!==null&&(r!=null&&r.body.contains(l)||r==null||r.body.appendChild(l))},[l,r]),o.useEffect(()=>{t||n!==null&&s(n.current)},[n,s,t]),l}let Ut=o.Fragment,mr=k(function(e,t){let n=e,r=o.useRef(null),l=q(Mn(x=>{r.current=x}),t),s=ve(r),a=fr(r),[u]=o.useState(()=>{var x;return J.isServer?null:(x=s==null?void 0:s.createElement("div"))!=null?x:null}),i=o.useContext(ot),c=ge();L(()=>{!a||!u||a.contains(u)||(u.setAttribute("data-headlessui-portal",""),a.appendChild(u))},[a,u]),L(()=>{if(u&&i)return i.register(u)},[i,u]),At(()=>{var x;!a||!u||(u instanceof Node&&a.contains(u)&&a.removeChild(u),a.childNodes.length<=0&&((x=a.parentElement)==null||x.removeChild(a)))});let m=D();return c?!a||!u?null:nn.createPortal(m({ourProps:{ref:l},theirProps:n,slot:{},defaultTag:Ut,name:"Portal"}),u):null});function pr(e,t){let n=q(t),{enabled:r=!0,...l}=e,s=D();return r?o.createElement(mr,{...l,ref:n}):s({ourProps:{ref:n},theirProps:l,slot:{},defaultTag:Ut,name:"Portal"})}let hr=o.Fragment,Ht=o.createContext(null);function vr(e,t){let{target:n,...r}=e,l={ref:q(t)},s=D();return o.createElement(Ht.Provider,{value:n},s({ourProps:l,theirProps:r,defaultTag:hr,name:"Popover.Group"}))}let ot=o.createContext(null);function gr(){let e=o.useContext(ot),t=o.useRef([]),n=O(s=>(t.current.push(s),e&&e.register(s),()=>r(s))),r=O(s=>{let a=t.current.indexOf(s);a!==-1&&t.current.splice(a,1),e&&e.unregister(s)}),l=o.useMemo(()=>({register:n,unregister:r,portals:t}),[n,r,t]);return[t,o.useMemo(()=>function({children:s}){return o.createElement(ot.Provider,{value:l},s)},[l])]}let wr=k(pr),Wt=k(vr),Er=Object.assign(wr,{Group:Wt});function xr(e,t=typeof document<"u"?document.defaultView:null,n){let r=se(e,"escape");kt(t,"keydown",l=>{r&&(l.defaultPrevented||l.key===$t.Escape&&n(l))})}function yr(){var e;let[t]=o.useState(()=>typeof window<"u"&&typeof window.matchMedia=="function"?window.matchMedia("(pointer: coarse)"):null),[n,r]=o.useState((e=t==null?void 0:t.matches)!=null?e:!1);return L(()=>{if(!t)return;function l(s){r(s.matches)}return t.addEventListener("change",l),()=>t.removeEventListener("change",l)},[t]),n}function br({defaultContainers:e=[],portals:t,mainTreeNode:n}={}){let r=ve(n),l=O(()=>{var s,a;let u=[];for(let i of e)i!==null&&(i instanceof HTMLElement?u.push(i):"current"in i&&i.current instanceof HTMLElement&&u.push(i.current));if(t!=null&&t.current)for(let i of t.current)u.push(i);for(let i of(s=r==null?void 0:r.querySelectorAll("html > *, body > *"))!=null?s:[])i!==document.body&&i!==document.head&&i instanceof HTMLElement&&i.id!=="headlessui-portal-root"&&(n&&(i.contains(n)||i.contains((a=n==null?void 0:n.getRootNode())==null?void 0:a.host))||u.some(c=>i.contains(c))||u.push(i));return u});return{resolveContainers:l,contains:O(s=>l().some(a=>a.contains(s)))}}let _t=o.createContext(null);function Bt({children:e,node:t}){let[n,r]=o.useState(null),l=qt(t??n);return o.createElement(_t.Provider,{value:l},e,l===null&&o.createElement(et,{features:Le.Hidden,ref:s=>{var a,u;if(s){for(let i of(u=(a=Oe(s))==null?void 0:a.querySelectorAll("html > *, body > *"))!=null?u:[])if(i!==document.body&&i!==document.head&&i instanceof HTMLElement&&i!=null&&i.contains(s)){r(i);break}}}}))}function qt(e=null){var t;return(t=o.useContext(_t))!=null?t:e}function it(){let e=o.useRef(!1);return L(()=>(e.current=!0,()=>{e.current=!1}),[]),e}var we=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(we||{});function $r(){let e=o.useRef(0);return Ft(!0,"keydown",t=>{t.key==="Tab"&&(e.current=t.shiftKey?1:0)},!0),e}function Xt(e){if(!e)return new Set;if(typeof e=="function")return new Set(e());let t=new Set;for(let n of e.current)n.current instanceof HTMLElement&&t.add(n.current);return t}let Mr="div";var te=(e=>(e[e.None=0]="None",e[e.InitialFocus=1]="InitialFocus",e[e.TabLock=2]="TabLock",e[e.FocusLock=4]="FocusLock",e[e.RestoreFocus=8]="RestoreFocus",e[e.AutoFocus=16]="AutoFocus",e))(te||{});function Cr(e,t){let n=o.useRef(null),r=q(n,t),{initialFocus:l,initialFocusFallback:s,containers:a,features:u=15,...i}=e;ge()||(u=0);let c=ve(n);Pr(u,{ownerDocument:c});let m=Fr(u,{ownerDocument:c,container:n,initialFocus:l,initialFocusFallback:s});Lr(u,{ownerDocument:c,container:n,containers:a,previousActiveElement:m});let x=$r(),b=O(h=>{let g=n.current;g&&(y=>y())(()=>{G(x.current,{[we.Forwards]:()=>{pe(g,V.First,{skipElements:[h.relatedTarget,s]})},[we.Backwards]:()=>{pe(g,V.Last,{skipElements:[h.relatedTarget,s]})}})})}),E=se(!!(u&2),"focus-trap#tab-lock"),f=Je(),w=o.useRef(!1),d={ref:r,onKeyDown(h){h.key=="Tab"&&(w.current=!0,f.requestAnimationFrame(()=>{w.current=!1}))},onBlur(h){if(!(u&4))return;let g=Xt(a);n.current instanceof HTMLElement&&g.add(n.current);let y=h.relatedTarget;y instanceof HTMLElement&&y.dataset.headlessuiFocusGuard!=="true"&&(Vt(g,y)||(w.current?pe(n.current,G(x.current,{[we.Forwards]:()=>V.Next,[we.Backwards]:()=>V.Previous})|V.WrapAround,{relativeTo:h.target}):h.target instanceof HTMLElement&&Y(h.target)))}},p=D();return o.createElement(o.Fragment,null,E&&o.createElement(et,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:b,features:Le.Focusable}),p({ourProps:d,theirProps:i,defaultTag:Mr,name:"FocusTrap"}),E&&o.createElement(et,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:b,features:Le.Focusable}))}let Sr=k(Cr),Or=Object.assign(Sr,{features:te});function Tr(e=!0){let t=o.useRef(Z.slice());return lt(([n],[r])=>{r===!0&&n===!1&&Te(()=>{t.current.splice(0)}),r===!1&&n===!0&&(t.current=Z.slice())},[e,Z,t]),O(()=>{var n;return(n=t.current.find(r=>r!=null&&r.isConnected))!=null?n:null})}function Pr(e,{ownerDocument:t}){let n=!!(e&8),r=Tr(n);lt(()=>{n||(t==null?void 0:t.activeElement)===(t==null?void 0:t.body)&&Y(r())},[n]),At(()=>{n&&Y(r())})}function Fr(e,{ownerDocument:t,container:n,initialFocus:r,initialFocusFallback:l}){let s=o.useRef(null),a=se(!!(e&1),"focus-trap#initial-focus"),u=it();return lt(()=>{if(e===0)return;if(!a){l!=null&&l.current&&Y(l.current);return}let i=n.current;i&&Te(()=>{if(!u.current)return;let c=t==null?void 0:t.activeElement;if(r!=null&&r.current){if((r==null?void 0:r.current)===c){s.current=c;return}}else if(i.contains(c)){s.current=c;return}if(r!=null&&r.current)Y(r.current);else{if(e&16){if(pe(i,V.First|V.AutoFocus)!==rt.Error)return}else if(pe(i,V.First)!==rt.Error)return;if(l!=null&&l.current&&(Y(l.current),(t==null?void 0:t.activeElement)===l.current))return;console.warn("There are no focusable elements inside the <FocusTrap />")}s.current=t==null?void 0:t.activeElement})},[l,a,e]),s}function Lr(e,{ownerDocument:t,container:n,containers:r,previousActiveElement:l}){let s=it(),a=!!(e&4);kt(t==null?void 0:t.defaultView,"focus",u=>{if(!a||!s.current)return;let i=Xt(r);n.current instanceof HTMLElement&&i.add(n.current);let c=l.current;if(!c)return;let m=u.target;m&&m instanceof HTMLElement?Vt(i,m)?(l.current=m,Y(m)):(u.preventDefault(),u.stopPropagation(),Y(c)):Y(l.current)},!0)}function Vt(e,t){for(let n of e)if(n.contains(t))return!0;return!1}function Yt(e){var t;return!!(e.enter||e.enterFrom||e.enterTo||e.leave||e.leaveFrom||e.leaveTo)||((t=e.as)!=null?t:Gt)!==o.Fragment||o.Children.count(e.children)===1}let Ae=o.createContext(null);Ae.displayName="TransitionContext";var kr=(e=>(e.Visible="visible",e.Hidden="hidden",e))(kr||{});function Nr(){let e=o.useContext(Ae);if(e===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}function Ir(){let e=o.useContext(De);if(e===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}let De=o.createContext(null);De.displayName="NestingContext";function je(e){return"children"in e?je(e.children):e.current.filter(({el:t})=>t.current!==null).filter(({state:t})=>t==="visible").length>0}function zt(e,t){let n=Q(e),r=o.useRef([]),l=it(),s=Je(),a=O((E,f=K.Hidden)=>{let w=r.current.findIndex(({el:d})=>d===E);w!==-1&&(G(f,{[K.Unmount](){r.current.splice(w,1)},[K.Hidden](){r.current[w].state="hidden"}}),s.microTask(()=>{var d;!je(r)&&l.current&&((d=n.current)==null||d.call(n))}))}),u=O(E=>{let f=r.current.find(({el:w})=>w===E);return f?f.state!=="visible"&&(f.state="visible"):r.current.push({el:E,state:"visible"}),()=>a(E,K.Unmount)}),i=o.useRef([]),c=o.useRef(Promise.resolve()),m=o.useRef({enter:[],leave:[]}),x=O((E,f,w)=>{i.current.splice(0),t&&(t.chains.current[f]=t.chains.current[f].filter(([d])=>d!==E)),t==null||t.chains.current[f].push([E,new Promise(d=>{i.current.push(d)})]),t==null||t.chains.current[f].push([E,new Promise(d=>{Promise.all(m.current[f].map(([p,h])=>h)).then(()=>d())})]),f==="enter"?c.current=c.current.then(()=>t==null?void 0:t.wait.current).then(()=>w(f)):w(f)}),b=O((E,f,w)=>{Promise.all(m.current[f].splice(0).map(([d,p])=>p)).then(()=>{var d;(d=i.current.shift())==null||d()}).then(()=>w(f))});return o.useMemo(()=>({children:r,register:u,unregister:a,onStart:x,onStop:b,wait:c,chains:m}),[u,a,r,x,b,m,c])}let Gt=o.Fragment,Kt=Pe.RenderStrategy;function Ar(e,t){var n,r;let{transition:l=!0,beforeEnter:s,afterEnter:a,beforeLeave:u,afterLeave:i,enter:c,enterFrom:m,enterTo:x,entered:b,leave:E,leaveFrom:f,leaveTo:w,...d}=e,[p,h]=o.useState(null),g=o.useRef(null),y=Yt(e),v=q(...y?[g,t,h]:t===null?[]:[t]),M=(n=d.unmount)==null||n?K.Unmount:K.Hidden,{show:T,appear:I,initial:U}=Nr(),[F,A]=o.useState(T?"visible":"hidden"),H=Ir(),{register:W,unregister:S}=H;L(()=>W(g),[W,g]),L(()=>{if(M===K.Hidden&&g.current){if(T&&F!=="visible"){A("visible");return}return G(F,{hidden:()=>S(g),visible:()=>W(g)})}},[F,g,W,S,T,M]);let _=ge();L(()=>{if(y&&_&&F==="visible"&&g.current===null)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")},[g,F,_,y]);let He=U&&!I,We=I&&T&&U,Ee=o.useRef(!1),X=zt(()=>{Ee.current||(A("hidden"),S(g))},H),_e=O(dt=>{Ee.current=!0;let qe=dt?"enter":"leave";X.onStart(g,qe,ye=>{ye==="enter"?s==null||s():ye==="leave"&&(u==null||u())})}),P=O(dt=>{let qe=dt?"enter":"leave";Ee.current=!1,X.onStop(g,qe,ye=>{ye==="enter"?a==null||a():ye==="leave"&&(i==null||i())}),qe==="leave"&&!je(X)&&(A("hidden"),S(g))});o.useEffect(()=>{y&&l||(_e(T),P(T))},[T,y,l]);let Be=!(!l||!y||!_||He),[,N]=rr(Be,p,T,{start:_e,end:P}),ol=R({ref:v,className:((r=Qe(d.className,We&&c,We&&m,N.enter&&c,N.enter&&N.closed&&m,N.enter&&!N.closed&&x,N.leave&&E,N.leave&&!N.closed&&f,N.leave&&N.closed&&w,!N.transition&&T&&b))==null?void 0:r.trim())||void 0,...nr(N)}),xe=0;F==="visible"&&(xe|=j.Open),F==="hidden"&&(xe|=j.Closed),N.enter&&(xe|=j.Opening),N.leave&&(xe|=j.Closing);let il=D();return o.createElement(De.Provider,{value:X},o.createElement(sr,{value:xe},il({ourProps:ol,theirProps:d,defaultTag:Gt,features:Kt,visible:F==="visible",name:"Transition.Child"})))}function Dr(e,t){let{show:n,appear:r=!1,unmount:l=!0,...s}=e,a=o.useRef(null),u=Yt(e),i=q(...u?[a,t]:t===null?[]:[t]);ge();let c=Ie();if(n===void 0&&c!==null&&(n=(c&j.Open)===j.Open),n===void 0)throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[m,x]=o.useState(n?"visible":"hidden"),b=zt(()=>{n||x("hidden")}),[E,f]=o.useState(!0),w=o.useRef([n]);L(()=>{E!==!1&&w.current[w.current.length-1]!==n&&(w.current.push(n),f(!1))},[w,n]);let d=o.useMemo(()=>({show:n,appear:r,initial:E}),[n,r,E]);L(()=>{n?x("visible"):!je(b)&&a.current!==null&&x("hidden")},[n,b]);let p={unmount:l},h=O(()=>{var v;E&&f(!1),(v=e.beforeEnter)==null||v.call(e)}),g=O(()=>{var v;E&&f(!1),(v=e.beforeLeave)==null||v.call(e)}),y=D();return o.createElement(De.Provider,{value:b},o.createElement(Ae.Provider,{value:d},y({ourProps:{...p,as:o.Fragment,children:o.createElement(Zt,{ref:i,...p,...s,beforeEnter:h,beforeLeave:g})},theirProps:{},defaultTag:o.Fragment,features:Kt,visible:m==="visible",name:"Transition"})))}function jr(e,t){let n=o.useContext(Ae)!==null,r=Ie()!==null;return o.createElement(o.Fragment,null,!n&&r?o.createElement(st,{ref:t,...e}):o.createElement(Zt,{ref:t,...e}))}let st=k(Dr),Zt=k(Ar),ae=k(jr),Jt=Object.assign(st,{Child:ae,Root:st});var Ur=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Ur||{}),Hr=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(Hr||{});let Wr={0(e,t){return e.titleId===t.id?e:{...e,titleId:t.id}}},at=o.createContext(null);at.displayName="DialogContext";function Ue(e){let t=o.useContext(at);if(t===null){let n=new Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,Ue),n}return t}function _r(e,t){return G(t.type,Wr,e,t)}let Qt=k(function(e,t){let n=o.useId(),{id:r=`headlessui-dialog-${n}`,open:l,onClose:s,initialFocus:a,role:u="dialog",autoFocus:i=!0,__demoMode:c=!1,unmount:m=!1,...x}=e,b=o.useRef(!1);u=function(){return u==="dialog"||u==="alertdialog"?u:(b.current||(b.current=!0,console.warn(`Invalid role [${u}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)),"dialog")}();let E=Ie();l===void 0&&E!==null&&(l=(E&j.Open)===j.Open);let f=o.useRef(null),w=q(f,t),d=ve(f),p=l?0:1,[h,g]=o.useReducer(_r,{titleId:null,descriptionId:null,panelRef:o.createRef()}),y=O(()=>s(!1)),v=O(P=>g({type:0,id:P})),M=ge()?p===0:!1,[T,I]=gr(),U={get current(){var P;return(P=h.panelRef.current)!=null?P:f.current}},F=qt(),{resolveContainers:A}=br({mainTreeNode:F,portals:T,defaultContainers:[U]}),H=E!==null?(E&j.Closing)===j.Closing:!1;In(c||H?!1:M,{allowed:O(()=>{var P,Be;return[(Be=(P=f.current)==null?void 0:P.closest("[data-headlessui-portal]"))!=null?Be:null]}),disallowed:O(()=>{var P;return[(P=F==null?void 0:F.closest("body > *:not(#headlessui-portal-root)"))!=null?P:null]})}),zn(M,A,P=>{P.preventDefault(),y()}),xr(M,d==null?void 0:d.defaultView,P=>{P.preventDefault(),P.stopPropagation(),document.activeElement&&"blur"in document.activeElement&&typeof document.activeElement.blur=="function"&&document.activeElement.blur(),y()}),Rn(c||H?!1:M,d,A),An(M,f,y);let[W,S]=Cn(),_=o.useMemo(()=>[{dialogState:p,close:y,setTitleId:v,unmount:m},h],[p,h,y,v,m]),He=o.useMemo(()=>({open:p===0}),[p]),We={ref:w,id:r,role:u,tabIndex:-1,"aria-modal":c?void 0:p===0?!0:void 0,"aria-labelledby":h.titleId,"aria-describedby":W,unmount:m},Ee=!yr(),X=te.None;M&&!c&&(X|=te.RestoreFocus,X|=te.TabLock,i&&(X|=te.AutoFocus),Ee&&(X|=te.InitialFocus));let _e=D();return o.createElement(ar,null,o.createElement(jt,{force:!0},o.createElement(Er,null,o.createElement(at.Provider,{value:_},o.createElement(Wt,{target:f},o.createElement(jt,{force:!1},o.createElement(S,{slot:He},o.createElement(I,null,o.createElement(Or,{initialFocus:a,initialFocusFallback:f,containers:A,features:X},o.createElement(Ln,{value:y},_e({ourProps:We,theirProps:x,slot:He,defaultTag:Br,features:qr,visible:p===0,name:"Dialog"})))))))))))}),Br="div",qr=Pe.RenderStrategy|Pe.Static;function Xr(e,t){let{transition:n=!1,open:r,...l}=e,s=Ie(),a=e.hasOwnProperty("open")||s!==null,u=e.hasOwnProperty("onClose");if(!a&&!u)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!a)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!u)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if(!s&&typeof e.open!="boolean")throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${e.open}`);if(typeof e.onClose!="function")throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${e.onClose}`);return(r!==void 0||n)&&!l.static?o.createElement(Bt,null,o.createElement(Jt,{show:r,transition:n,unmount:l.unmount},o.createElement(Qt,{ref:t,...l}))):o.createElement(Bt,null,o.createElement(Qt,{ref:t,open:r,...l}))}let Vr="div";function Yr(e,t){let n=o.useId(),{id:r=`headlessui-dialog-panel-${n}`,transition:l=!1,...s}=e,[{dialogState:a,unmount:u},i]=Ue("Dialog.Panel"),c=q(t,i.panelRef),m=o.useMemo(()=>({open:a===0}),[a]),x=O(d=>{d.stopPropagation()}),b={ref:c,id:r,onClick:x},E=l?ae:o.Fragment,f=l?{unmount:u}:{},w=D();return o.createElement(E,{...f},w({ourProps:b,theirProps:s,slot:m,defaultTag:Vr,name:"Dialog.Panel"}))}let zr="div";function Gr(e,t){let{transition:n=!1,...r}=e,[{dialogState:l,unmount:s}]=Ue("Dialog.Backdrop"),a=o.useMemo(()=>({open:l===0}),[l]),u={ref:t,"aria-hidden":!0},i=n?ae:o.Fragment,c=n?{unmount:s}:{},m=D();return o.createElement(i,{...c},m({ourProps:u,theirProps:r,slot:a,defaultTag:zr,name:"Dialog.Backdrop"}))}let Kr="h2";function Zr(e,t){let n=o.useId(),{id:r=`headlessui-dialog-title-${n}`,...l}=e,[{dialogState:s,setTitleId:a}]=Ue("Dialog.Title"),u=q(t);o.useEffect(()=>(a(r),()=>a(null)),[r,a]);let i=o.useMemo(()=>({open:s===0}),[s]),c={ref:u,id:r};return D()({ourProps:c,theirProps:l,slot:i,defaultTag:Kr,name:"Dialog.Title"})}let Jr=k(Xr),ut=k(Yr);k(Gr);let Qr=k(Zr),Rr=Object.assign(Jr,{Panel:ut,Title:Qr,Description:Pn});function Rt({onClick:e}){return $.jsxs("button",{type:"button",className:"im-close-button text-gray-400 hover:text-gray-500",onClick:e,children:[$.jsx("span",{className:"sr-only",children:"Close"}),$.jsx("svg",{className:"size-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",children:$.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})]})}const el=({modalContext:e,config:t,children:n})=>{const[r,l]=o.useState(!1);return $.jsx("div",{className:"im-modal-container fixed inset-0 z-40 overflow-y-auto p-4",children:$.jsx("div",{className:Se("im-modal-positioner flex min-h-full justify-center",{"items-start":t.position==="top","items-center":t.position==="center","items-end":t.position==="bottom"}),children:$.jsx(ae,{as:"div",enterFrom:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",enterTo:"opacity-100 translate-y-0 sm:scale-100",leaveFrom:"opacity-100 translate-y-0 sm:scale-100",leaveTo:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",afterEnter:()=>l(!0),afterLeave:e.afterLeave,className:Se("im-modal-wrapper w-full transition duration-300 ease-in-out",e.onTopOfStack?"":"blur-sm",{"sm:max-w-sm":t.maxWidth==="sm","sm:max-w-md":t.maxWidth==="md","sm:max-w-md md:max-w-lg":t.maxWidth==="lg","sm:max-w-md md:max-w-xl":t.maxWidth==="xl","sm:max-w-md md:max-w-xl lg:max-w-2xl":t.maxWidth==="2xl","sm:max-w-md md:max-w-xl lg:max-w-3xl":t.maxWidth==="3xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-4xl":t.maxWidth==="4xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl":t.maxWidth==="5xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-6xl":t.maxWidth==="6xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl":t.maxWidth==="7xl"}),children:$.jsxs(ut,{className:`im-modal-content relative ${t.paddingClasses} ${t.panelClasses}`,"data-inertiaui-modal-entered":r,children:[t.closeButton&&$.jsx("div",{className:"absolute right-0 top-0 pr-3 pt-3",children:$.jsx(Rt,{onClick:e.close})}),typeof n=="function"?n({modalContext:e,config:t}):n]})})})})},tl=({modalContext:e,config:t,children:n})=>{const[r,l]=o.useState(!1);return $.jsx("div",{className:"im-slideover-container fixed inset-0 z-40 overflow-y-auto overflow-x-hidden",children:$.jsx("div",{className:Se("im-slideover-positioner flex min-h-full items-center",{"justify-start rtl:justify-end":(t==null?void 0:t.position)==="left","justify-end rtl:justify-start":(t==null?void 0:t.position)==="right"}),children:$.jsx(ae,{as:"div",enterFrom:`opacity-0 ${t.position==="left"?"-translate-x-full":"translate-x-full"}`,enterTo:"opacity-100 translate-x-0",leaveFrom:"opacity-100 translate-x-0",leaveTo:`opacity-0 ${t.position==="left"?"-translate-x-full":"translate-x-full"}`,afterEnter:()=>l(!0),afterLeave:e.afterLeave,className:Se("im-slideover-wrapper w-full transition duration-300 ease-in-out",e.onTopOfStack?"":"blur-sm",{"sm:max-w-sm":t.maxWidth==="sm","sm:max-w-md":t.maxWidth==="md","sm:max-w-md md:max-w-lg":t.maxWidth==="lg","sm:max-w-md md:max-w-xl":t.maxWidth==="xl","sm:max-w-md md:max-w-xl lg:max-w-2xl":t.maxWidth==="2xl","sm:max-w-md md:max-w-xl lg:max-w-3xl":t.maxWidth==="3xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-4xl":t.maxWidth==="4xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl":t.maxWidth==="5xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-6xl":t.maxWidth==="6xl","sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl":t.maxWidth==="7xl"}),children:$.jsxs(ut,{className:`im-slideover-content relative ${t.paddingClasses} ${t.panelClasses}`,"data-inertiaui-modal-entered":r,children:[t.closeButton&&$.jsx("div",{className:"absolute right-0 top-0 pr-3 pt-3",children:$.jsx(Rt,{onClick:e.close})}),typeof n=="function"?n({modalContext:e,config:t}):n]})})})})},en=o.forwardRef(({name:e,children:t,onFocus:n=null,onBlur:r=null,onClose:l=null,onSuccess:s=null,onAfterLeave:a=null,...u},i)=>{const c=x=>typeof t=="function"?t(x):t,m=o.useRef(null);return o.useImperativeHandle(i,()=>m.current,[m]),$.jsx(Ke,{ref:m,name:e,onFocus:n,onBlur:r,onClose:l,onSuccess:s,...u,children:({afterLeave:x,close:b,config:E,emit:f,getChildModal:w,getParentModal:d,id:p,index:h,isOpen:g,modalContext:y,onTopOfStack:v,reload:M,setOpen:T,shouldRender:I})=>$.jsx(Jt,{appear:!0,show:g??!1,afterLeave:a,children:$.jsxs(Rr,{as:"div",className:"im-dialog relative z-20",onClose:()=>E.closeExplicitly?null:b(),"data-inertiaui-modal-id":p,"data-inertiaui-modal-index":h,children:[h===0?$.jsx(ae,{enter:"transition transform ease-in-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"transition transform ease-in-out duration-300",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:v?$.jsx("div",{className:"im-backdrop fixed inset-0 z-30 bg-black/75","aria-hidden":"true"}):$.jsx("div",{})}):null,h>0&&v?$.jsx("div",{className:"im-backdrop fixed inset-0 z-30 bg-black/75"}):null,E.slideover?$.jsx(tl,{modalContext:y,config:E,children:c({afterLeave:x,close:b,config:E,emit:f,getChildModal:w,getParentModal:d,id:p,index:h,isOpen:g,modalContext:y,onTopOfStack:v,reload:M,setOpen:T,shouldRender:I})}):$.jsx(el,{modalContext:y,config:E,children:c({afterLeave:x,close:b,config:E,emit:f,getChildModal:w,getParentModal:d,id:p,index:h,isOpen:g,modalContext:y,onTopOfStack:v,reload:M,setOpen:T,shouldRender:I})})]})})})});en.displayName="Modal";const nl=({href:e,method:t="get",data:n={},as:r="a",headers:l={},queryStringArrayFormat:s="brackets",onAfterLeave:a=null,onBlur:u=null,onClose:i=null,onError:c=null,onFocus:m=null,onStart:x=null,onSuccess:b=null,navigate:E=null,children:f,...w})=>{const[d,p]=o.useState(!1),[h,g]=o.useState(null),{stack:y,visit:v}=fe(),M=o.useMemo(()=>E??Me("navigate"),[E]),T={},I={};Object.keys(w).forEach(S=>{ht.includes(S)||(S.startsWith("on")&&typeof w[S]=="function"?S.toLowerCase()in window?T[S]=w[S]:I[S]=w[S]:T[S]=w[S])});const[U,F]=o.useState(!1);o.useEffect(()=>{h&&(h.onTopOfStack&&U?m==null||m():!h.onTopOfStack&&!U&&(u==null||u()),F(!h.onTopOfStack))},[y]);const A=o.useCallback(()=>{i==null||i()},[i]),H=o.useCallback(()=>{g(null),a==null||a()},[a]),W=o.useCallback(S=>{S==null||S.preventDefault(),!d&&(e.startsWith("#")||(p(!0),x==null||x()),v(e,t,n,l,dn(ct(w,ht)),()=>A(y.length),H,s,M).then(_=>{g(_),_.registerEventListenersFromProps(I),b==null||b()}).catch(_=>{console.error(_),c==null||c(_)}).finally(()=>p(!1)))},[e,t,n,l,s,w,A,H]);return $.jsx(r,{...T,href:e,onClick:W,children:typeof f=="function"?f({loading:d}):f})};function rl(){return fe().stack[Ge()]??null}const ll=e=>t=>(t.default.layout=n=>o.createElement(e,{},n),t);C.HeadlessModal=Ke,C.Modal=en,C.ModalLink=nl,C.ModalRoot=gt,C.ModalStackProvider=pt,C.getConfig=Me,C.initFromPageProps=vt,C.putConfig=sn,C.renderApp=fn,C.resetConfig=on,C.setPageLayout=ll,C.useModal=rl,C.useModalIndex=Ge,C.useModalStack=fe,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@inertiaui/modal-react",
     "author": "Pascal Baljet <pascal@protone.media>",
-    "version": "0.20.2",
+    "version": "0.20.4",
     "private": false,
     "license": "MIT",
     "type": "module",

package/src/ModalRoot.jsx

@@ -492,6 +492,7 @@ export const ModalRoot = ({ children }) => {
 
                 if (!modalOnBase) {
                     previousModalOnBase && context.closeAll()
+                    baseUrl = null
                     return
                 }
 
@@ -521,9 +522,8 @@ export const ModalRoot = ({ children }) => {
     const axiosRequestInterceptor = (config) => {
         // A Modal is opened on top of a base route, so we need to pass this base route
         // so it can redirect back with the back() helper method...
-        if (localStackCopy.length) {
-            config.headers['X-InertiaUI-Modal-Base-Url'] = baseUrl
-        }
+        config.headers['X-InertiaUI-Modal-Base-Url'] = baseUrl
+
         return config
     }