@inertiaui/modal-react 0.16.0 → 0.18.0

package/dist/inertiaui-modal.js

@@ -1,13 +1,13 @@
-var Or = Object.defineProperty;
-var Pr = (e, t, n) => t in e ? Or(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var le = (e, t, n) => Pr(e, typeof t != "symbol" ? t + "" : t, n);
-import * as Xe from "react";
-import O, { createContext as ae, useState as V, useEffect as L, useContext as Z, useRef as j, createElement as rt, useMemo as B, forwardRef as It, useImperativeHandle as yn, useLayoutEffect as Rr, useCallback as oe, Fragment as se, isValidElement as Sr, cloneElement as Cr, useId as Ge, useSyncExternalStore as $r, useReducer as Fr, createRef as kr } from "react";
-import lt from "axios";
-import { router as Ve, usePage as jr } from "@inertiajs/react";
-import { mergeDataIntoQueryString as _r } from "@inertiajs/core";
-import { createPortal as Mr } from "react-dom";
-const De = {
+var Wt = Object.defineProperty;
+var Bt = (t, e, n) => e in t ? Wt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var X = (t, e, n) => Bt(t, typeof e != "symbol" ? e + "" : e, n);
+import * as ve from "react";
+import B, { createContext as Pe, useState as $, useEffect as D, useContext as de, useRef as j, createElement as Ne, useMemo as Y, forwardRef as Ze, useImperativeHandle as ct, useLayoutEffect as Ht, useCallback as V, Fragment as ae, isValidElement as Kt, cloneElement as qt } from "react";
+import { jsx as F, jsxs as le, Fragment as Ye } from "react/jsx-runtime";
+import Te from "axios";
+import { router as he, usePage as Xt } from "@inertiajs/react";
+import { mergeDataIntoQueryString as _t } from "@inertiajs/core";
+const fe = {
   type: "modal",
   navigate: !1,
   modal: {
@@ -27,804 +27,208 @@ const De = {
     position: "right"
   }
 };
-class Ar {
+class Vt {
   constructor() {
     this.config = {}, this.reset();
   }
   reset() {
-    this.config = JSON.parse(JSON.stringify(De));
+    this.config = JSON.parse(JSON.stringify(fe));
   }
-  put(t, n) {
-    if (typeof t == "object") {
+  put(e, n) {
+    if (typeof e == "object") {
       this.config = {
-        type: t.type ?? De.type,
-        navigate: t.navigate ?? De.navigate,
-        modal: { ...De.modal, ...t.modal ?? {} },
-        slideover: { ...De.slideover, ...t.slideover ?? {} }
+        type: e.type ?? fe.type,
+        navigate: e.navigate ?? fe.navigate,
+        modal: { ...fe.modal, ...e.modal ?? {} },
+        slideover: { ...fe.slideover, ...e.slideover ?? {} }
       };
       return;
     }
-    const r = t.split(".");
-    let l = this.config;
-    for (let o = 0; o < r.length - 1; o++)
-      l = l[r[o]] = l[r[o]] || {};
-    l[r[r.length - 1]] = n;
+    const r = e.split(".");
+    let i = this.config;
+    for (let l = 0; l < r.length - 1; l++)
+      i = i[r[l]] = i[r[l]] || {};
+    i[r[r.length - 1]] = n;
   }
-  get(t) {
-    if (typeof t > "u")
+  get(e) {
+    if (typeof e > "u")
       return this.config;
-    const n = t.split(".");
+    const n = e.split(".");
     let r = this.config;
-    for (const l of n) {
-      if (r[l] === void 0)
+    for (const i of n) {
+      if (r[i] === void 0)
         return null;
-      r = r[l];
+      r = r[i];
     }
     return r;
   }
 }
-const st = new Ar(), Wa = () => st.reset(), Ua = (e, t) => st.put(e, t), Nt = (e) => st.get(e), Me = (e, t) => st.get(e ? `slideover.${t}` : `modal.${t}`);
-var Ct = { exports: {} }, We = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var un;
-function Lr() {
-  if (un) return We;
-  un = 1;
-  var e = O, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, l = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(s, i, p) {
-    var c, w = {}, b = null, y = null;
-    p !== void 0 && (b = "" + p), i.key !== void 0 && (b = "" + i.key), i.ref !== void 0 && (y = i.ref);
-    for (c in i) r.call(i, c) && !o.hasOwnProperty(c) && (w[c] = i[c]);
-    if (s && s.defaultProps) for (c in i = s.defaultProps, i) w[c] === void 0 && (w[c] = i[c]);
-    return { $$typeof: t, type: s, key: b, ref: y, props: w, _owner: l.current };
+const Ie = new Vt(), mr = () => Ie.reset(), pr = (t, e) => Ie.put(t, e), Je = (t) => Ie.get(t), se = (t, e) => Ie.get(t ? `slideover.${e}` : `modal.${e}`), nt = {
+  modifiedElements: [],
+  bodyState: {
+    hasOverflowHidden: !1,
+    hasPointerEventsNone: !1,
+    originalPaddingRight: ""
+  },
+  prepare() {
+    const t = window.innerWidth - document.documentElement.clientWidth;
+    this.bodyState.originalPaddingRight = document.body.style.paddingRight;
+    const e = parseInt(window.getComputedStyle(document.body).paddingRight, 10);
+    document.body.style.paddingRight = `${e + t}px`, document.body.classList.contains("overflow-hidden") || (document.body.classList.add("overflow-hidden"), this.bodyState.hasOverflowHidden = !0), document.body.classList.contains("pointer-events-none") || (document.body.classList.add("pointer-events-none"), this.bodyState.hasPointerEventsNone = !0), Array.from(document.body.children).forEach((n) => {
+      !n.classList.contains("im-dialog") && n.getAttribute("aria-hidden") !== "true" && (n.setAttribute("aria-hidden", "true"), this.modifiedElements.push(n));
+    });
+  },
+  cleanup() {
+    this.bodyState.hasOverflowHidden && (document.body.classList.remove("overflow-hidden"), this.bodyState.hasOverflowHidden = !1), this.bodyState.hasPointerEventsNone && (document.body.classList.remove("pointer-events-none"), this.bodyState.hasPointerEventsNone = !1), document.body.style.paddingRight = this.bodyState.originalPaddingRight, this.bodyState.originalPaddingRight = "", this.modifiedElements.forEach((t) => {
+      t.removeAttribute("aria-hidden");
+    }), this.modifiedElements = [];
   }
-  return We.Fragment = n, We.jsx = u, We.jsxs = u, We;
-}
-var Ue = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var sn;
-function Ir() {
-  return sn || (sn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = O, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), s = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), g = Symbol.iterator, f = "@@iterator";
-    function d(a) {
-      if (a === null || typeof a != "object")
-        return null;
-      var h = g && a[g] || a[f];
-      return typeof h == "function" ? h : null;
-    }
-    var m = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function v(a) {
-      {
-        for (var h = arguments.length, E = new Array(h > 1 ? h - 1 : 0), P = 1; P < h; P++)
-          E[P - 1] = arguments[P];
-        x("error", a, E);
-      }
-    }
-    function x(a, h, E) {
-      {
-        var P = m.ReactDebugCurrentFrame, k = P.getStackAddendum();
-        k !== "" && (h += "%s", E = E.concat([k]));
-        var _ = E.map(function(C) {
-          return String(C);
-        });
-        _.unshift("Warning: " + h), Function.prototype.apply.call(console[a], console, _);
-      }
-    }
-    var T = !1, F = !1, X = !1, U = !1, ee = !1, te;
-    te = Symbol.for("react.module.reference");
-    function H(a) {
-      return !!(typeof a == "string" || typeof a == "function" || a === r || a === o || ee || a === l || a === p || a === c || U || a === y || T || F || X || typeof a == "object" && a !== null && (a.$$typeof === b || a.$$typeof === w || a.$$typeof === u || a.$$typeof === s || a.$$typeof === i || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      a.$$typeof === te || a.getModuleId !== void 0));
-    }
-    function q(a, h, E) {
-      var P = a.displayName;
-      if (P)
-        return P;
-      var k = h.displayName || h.name || "";
-      return k !== "" ? E + "(" + k + ")" : E;
-    }
-    function G(a) {
-      return a.displayName || "Context";
-    }
-    function M(a) {
-      if (a == null)
-        return null;
-      if (typeof a.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof a == "function")
-        return a.displayName || a.name || null;
-      if (typeof a == "string")
-        return a;
-      switch (a) {
-        case r:
-          return "Fragment";
-        case n:
-          return "Portal";
-        case o:
-          return "Profiler";
-        case l:
-          return "StrictMode";
-        case p:
-          return "Suspense";
-        case c:
-          return "SuspenseList";
-      }
-      if (typeof a == "object")
-        switch (a.$$typeof) {
-          case s:
-            var h = a;
-            return G(h) + ".Consumer";
-          case u:
-            var E = a;
-            return G(E._context) + ".Provider";
-          case i:
-            return q(a, a.render, "ForwardRef");
-          case w:
-            var P = a.displayName || null;
-            return P !== null ? P : M(a.type) || "Memo";
-          case b: {
-            var k = a, _ = k._payload, C = k._init;
-            try {
-              return M(C(_));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var $ = Object.assign, I = 0, be, xe, he, ne, Ee, N, Te;
-    function Y() {
-    }
-    Y.__reactDisabledLog = !0;
-    function bt() {
-      {
-        if (I === 0) {
-          be = console.log, xe = console.info, he = console.warn, ne = console.error, Ee = console.group, N = console.groupCollapsed, Te = console.groupEnd;
-          var a = {
-            configurable: !0,
-            enumerable: !0,
-            value: Y,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: a,
-            log: a,
-            warn: a,
-            error: a,
-            group: a,
-            groupCollapsed: a,
-            groupEnd: a
-          });
-        }
-        I++;
-      }
-    }
-    function Oe() {
-      {
-        if (I--, I === 0) {
-          var a = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: $({}, a, {
-              value: be
-            }),
-            info: $({}, a, {
-              value: xe
-            }),
-            warn: $({}, a, {
-              value: he
-            }),
-            error: $({}, a, {
-              value: ne
-            }),
-            group: $({}, a, {
-              value: Ee
-            }),
-            groupCollapsed: $({}, a, {
-              value: N
-            }),
-            groupEnd: $({}, a, {
-              value: Te
-            })
-          });
-        }
-        I < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var Ie = m.ReactCurrentDispatcher, Pe;
-    function de(a, h, E) {
-      {
-        if (Pe === void 0)
-          try {
-            throw Error();
-          } catch (k) {
-            var P = k.stack.trim().match(/\n( *(at )?)/);
-            Pe = P && P[1] || "";
-          }
-        return `
-` + Pe + a;
-      }
-    }
-    var fe = !1, Qe;
-    {
-      var Qn = typeof WeakMap == "function" ? WeakMap : Map;
-      Qe = new Qn();
-    }
-    function Xt(a, h) {
-      if (!a || fe)
-        return "";
-      {
-        var E = Qe.get(a);
-        if (E !== void 0)
-          return E;
-      }
-      var P;
-      fe = !0;
-      var k = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var _;
-      _ = Ie.current, Ie.current = null, bt();
-      try {
-        if (h) {
-          var C = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(C.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(C, []);
-            } catch (J) {
-              P = J;
-            }
-            Reflect.construct(a, [], C);
-          } else {
-            try {
-              C.call();
-            } catch (J) {
-              P = J;
-            }
-            a.call(C.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (J) {
-            P = J;
-          }
-          a();
-        }
-      } catch (J) {
-        if (J && P && typeof J.stack == "string") {
-          for (var S = J.stack.split(`
-`), K = P.stack.split(`
-`), D = S.length - 1, W = K.length - 1; D >= 1 && W >= 0 && S[D] !== K[W]; )
-            W--;
-          for (; D >= 1 && W >= 0; D--, W--)
-            if (S[D] !== K[W]) {
-              if (D !== 1 || W !== 1)
-                do
-                  if (D--, W--, W < 0 || S[D] !== K[W]) {
-                    var re = `
-` + S[D].replace(" at new ", " at ");
-                    return a.displayName && re.includes("<anonymous>") && (re = re.replace("<anonymous>", a.displayName)), typeof a == "function" && Qe.set(a, re), re;
-                  }
-                while (D >= 1 && W >= 0);
-              break;
-            }
-        }
-      } finally {
-        fe = !1, Ie.current = _, Oe(), Error.prepareStackTrace = k;
-      }
-      var _e = a ? a.displayName || a.name : "", Re = _e ? de(_e) : "";
-      return typeof a == "function" && Qe.set(a, Re), Re;
-    }
-    function er(a, h, E) {
-      return Xt(a, !1);
-    }
-    function tr(a) {
-      var h = a.prototype;
-      return !!(h && h.isReactComponent);
-    }
-    function et(a, h, E) {
-      if (a == null)
-        return "";
-      if (typeof a == "function")
-        return Xt(a, tr(a));
-      if (typeof a == "string")
-        return de(a);
-      switch (a) {
-        case p:
-          return de("Suspense");
-        case c:
-          return de("SuspenseList");
-      }
-      if (typeof a == "object")
-        switch (a.$$typeof) {
-          case i:
-            return er(a.render);
-          case w:
-            return et(a.type, h, E);
-          case b: {
-            var P = a, k = P._payload, _ = P._init;
-            try {
-              return et(_(k), h, E);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var Ne = Object.prototype.hasOwnProperty, qt = {}, Kt = m.ReactDebugCurrentFrame;
-    function tt(a) {
-      if (a) {
-        var h = a._owner, E = et(a.type, a._source, h ? h.type : null);
-        Kt.setExtraStackFrame(E);
-      } else
-        Kt.setExtraStackFrame(null);
-    }
-    function nr(a, h, E, P, k) {
-      {
-        var _ = Function.call.bind(Ne);
-        for (var C in a)
-          if (_(a, C)) {
-            var S = void 0;
-            try {
-              if (typeof a[C] != "function") {
-                var K = Error((P || "React class") + ": " + E + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw K.name = "Invariant Violation", K;
-              }
-              S = a[C](h, C, P, E, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              S = D;
-            }
-            S && !(S instanceof Error) && (tt(k), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", P || "React class", E, C, typeof S), tt(null)), S instanceof Error && !(S.message in qt) && (qt[S.message] = !0, tt(k), v("Failed %s type: %s", E, S.message), tt(null));
-          }
-      }
-    }
-    var rr = Array.isArray;
-    function xt(a) {
-      return rr(a);
-    }
-    function lr(a) {
-      {
-        var h = typeof Symbol == "function" && Symbol.toStringTag, E = h && a[Symbol.toStringTag] || a.constructor.name || "Object";
-        return E;
-      }
-    }
-    function ar(a) {
-      try {
-        return zt(a), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function zt(a) {
-      return "" + a;
-    }
-    function Gt(a) {
-      if (ar(a))
-        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", lr(a)), zt(a);
-    }
-    var Jt = m.ReactCurrentOwner, ir = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Zt, Qt;
-    function or(a) {
-      if (Ne.call(a, "ref")) {
-        var h = Object.getOwnPropertyDescriptor(a, "ref").get;
-        if (h && h.isReactWarning)
-          return !1;
-      }
-      return a.ref !== void 0;
-    }
-    function ur(a) {
-      if (Ne.call(a, "key")) {
-        var h = Object.getOwnPropertyDescriptor(a, "key").get;
-        if (h && h.isReactWarning)
-          return !1;
-      }
-      return a.key !== void 0;
-    }
-    function sr(a, h) {
-      typeof a.ref == "string" && Jt.current;
-    }
-    function cr(a, h) {
-      {
-        var E = function() {
-          Zt || (Zt = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
-        };
-        E.isReactWarning = !0, Object.defineProperty(a, "key", {
-          get: E,
-          configurable: !0
-        });
-      }
-    }
-    function dr(a, h) {
-      {
-        var E = function() {
-          Qt || (Qt = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", h));
-        };
-        E.isReactWarning = !0, Object.defineProperty(a, "ref", {
-          get: E,
-          configurable: !0
-        });
-      }
-    }
-    var fr = function(a, h, E, P, k, _, C) {
-      var S = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: t,
-        // Built-in properties that belong on the element
-        type: a,
-        key: h,
-        ref: E,
-        props: C,
-        // Record the component responsible for creating this element.
-        _owner: _
-      };
-      return S._store = {}, Object.defineProperty(S._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(S, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: P
-      }), Object.defineProperty(S, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: k
-      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
-    };
-    function pr(a, h, E, P, k) {
-      {
-        var _, C = {}, S = null, K = null;
-        E !== void 0 && (Gt(E), S = "" + E), ur(h) && (Gt(h.key), S = "" + h.key), or(h) && (K = h.ref, sr(h, k));
-        for (_ in h)
-          Ne.call(h, _) && !ir.hasOwnProperty(_) && (C[_] = h[_]);
-        if (a && a.defaultProps) {
-          var D = a.defaultProps;
-          for (_ in D)
-            C[_] === void 0 && (C[_] = D[_]);
-        }
-        if (S || K) {
-          var W = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
-          S && cr(C, W), K && dr(C, W);
-        }
-        return fr(a, S, K, k, P, Jt.current, C);
-      }
-    }
-    var Et = m.ReactCurrentOwner, en = m.ReactDebugCurrentFrame;
-    function je(a) {
-      if (a) {
-        var h = a._owner, E = et(a.type, a._source, h ? h.type : null);
-        en.setExtraStackFrame(E);
-      } else
-        en.setExtraStackFrame(null);
-    }
-    var Tt;
-    Tt = !1;
-    function Ot(a) {
-      return typeof a == "object" && a !== null && a.$$typeof === t;
-    }
-    function tn() {
-      {
-        if (Et.current) {
-          var a = M(Et.current.type);
-          if (a)
-            return `
-
-Check the render method of \`` + a + "`.";
-        }
-        return "";
-      }
-    }
-    function mr(a) {
-      return "";
-    }
-    var nn = {};
-    function hr(a) {
-      {
-        var h = tn();
-        if (!h) {
-          var E = typeof a == "string" ? a : a.displayName || a.name;
-          E && (h = `
-
-Check the top-level render call using <` + E + ">.");
-        }
-        return h;
-      }
-    }
-    function rn(a, h) {
-      {
-        if (!a._store || a._store.validated || a.key != null)
-          return;
-        a._store.validated = !0;
-        var E = hr(h);
-        if (nn[E])
-          return;
-        nn[E] = !0;
-        var P = "";
-        a && a._owner && a._owner !== Et.current && (P = " It was passed a child from " + M(a._owner.type) + "."), je(a), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', E, P), je(null);
-      }
-    }
-    function ln(a, h) {
-      {
-        if (typeof a != "object")
-          return;
-        if (xt(a))
-          for (var E = 0; E < a.length; E++) {
-            var P = a[E];
-            Ot(P) && rn(P, h);
-          }
-        else if (Ot(a))
-          a._store && (a._store.validated = !0);
-        else if (a) {
-          var k = d(a);
-          if (typeof k == "function" && k !== a.entries)
-            for (var _ = k.call(a), C; !(C = _.next()).done; )
-              Ot(C.value) && rn(C.value, h);
-        }
-      }
-    }
-    function vr(a) {
-      {
-        var h = a.type;
-        if (h == null || typeof h == "string")
-          return;
-        var E;
-        if (typeof h == "function")
-          E = h.propTypes;
-        else if (typeof h == "object" && (h.$$typeof === i || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        h.$$typeof === w))
-          E = h.propTypes;
-        else
-          return;
-        if (E) {
-          var P = M(h);
-          nr(E, a.props, "prop", P, a);
-        } else if (h.PropTypes !== void 0 && !Tt) {
-          Tt = !0;
-          var k = M(h);
-          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", k || "Unknown");
-        }
-        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function gr(a) {
-      {
-        for (var h = Object.keys(a.props), E = 0; E < h.length; E++) {
-          var P = h[E];
-          if (P !== "children" && P !== "key") {
-            je(a), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", P), je(null);
-            break;
-          }
-        }
-        a.ref !== null && (je(a), v("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
-      }
-    }
-    var an = {};
-    function on(a, h, E, P, k, _) {
-      {
-        var C = H(a);
-        if (!C) {
-          var S = "";
-          (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && (S += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var K = mr();
-          K ? S += K : S += tn();
-          var D;
-          a === null ? D = "null" : xt(a) ? D = "array" : a !== void 0 && a.$$typeof === t ? (D = "<" + (M(a.type) || "Unknown") + " />", S = " Did you accidentally export a JSX literal instead of a component?") : D = typeof a, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, S);
-        }
-        var W = pr(a, h, E, k, _);
-        if (W == null)
-          return W;
-        if (C) {
-          var re = h.children;
-          if (re !== void 0)
-            if (P)
-              if (xt(re)) {
-                for (var _e = 0; _e < re.length; _e++)
-                  ln(re[_e], a);
-                Object.freeze && Object.freeze(re);
-              } else
-                v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-            else
-              ln(re, a);
-        }
-        if (Ne.call(h, "key")) {
-          var Re = M(a), J = Object.keys(h).filter(function(Tr) {
-            return Tr !== "key";
-          }), Pt = J.length > 0 ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!an[Re + Pt]) {
-            var Er = J.length > 0 ? "{" + J.join(": ..., ") + ": ...}" : "{}";
-            v(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`, Pt, Re, Er, Re), an[Re + Pt] = !0;
-          }
-        }
-        return a === r ? gr(W) : vr(W), W;
-      }
-    }
-    function wr(a, h, E) {
-      return on(a, h, E, !0);
-    }
-    function yr(a, h, E) {
-      return on(a, h, E, !1);
-    }
-    var br = yr, xr = wr;
-    Ue.Fragment = r, Ue.jsx = br, Ue.jsxs = xr;
-  }()), Ue;
+};
+function We(t = "inertiaui_modal_") {
+  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? `${t}${crypto.randomUUID()}` : `${t}${Date.now().toString(36)}_${Math.random().toString(36).substr(2, 9)}`;
 }
-process.env.NODE_ENV === "production" ? Ct.exports = Lr() : Ct.exports = Ir();
-var R = Ct.exports;
-function Nr(e, t) {
-  return Array.isArray(e) ? e.filter((n) => !t.includes(n)) : Object.keys(e).reduce((n, r) => (t.includes(r) || (n[r] = e[r]), n), {});
+function zt(t, e) {
+  return Array.isArray(t) ? t.filter((n) => !e.includes(n)) : Object.keys(t).reduce((n, r) => (e.includes(r) || (n[r] = t[r]), n), {});
 }
-function bn(e, t) {
-  return Array.isArray(e) ? e.filter((n) => t.includes(n)) : t.reduce((n, r) => (r in e && (n[r] = e[r]), n), {});
+function ft(t, e) {
+  return Array.isArray(t) ? t.filter((n) => e.includes(n)) : e.reduce((n, r) => (r in t && (n[r] = t[r]), n), {});
 }
-function Dr(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 Gt(t) {
+  return Array.isArray(t) ? t.filter((e) => e !== null) : Object.keys(t).reduce((e, n) => (n in t && t[n] !== null && (e[n] = t[n]), e), {});
 }
-function Wr(e, t = 3, n = 10) {
-  return new Promise((r, l) => {
-    const o = e();
-    if (o) {
-      r(o);
+function Zt(t, e = 3, n = 10) {
+  return new Promise((r, i) => {
+    const l = t();
+    if (l) {
+      r(l);
       return;
     }
-    let u = t * 1e3 / n;
-    const s = setInterval(() => {
-      const i = e();
-      i && (clearInterval(s), r(i)), --u <= 0 && (clearInterval(s), l(new Error("Condition not met in time")));
+    let a = e * 1e3 / n;
+    const m = setInterval(() => {
+      const s = t();
+      s && (clearInterval(m), r(s)), --a <= 0 && (clearInterval(m), i(new Error("Condition not met in time")));
     }, n);
   });
 }
-function He(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) : "";
+function me(t) {
+  return t ? (t = t.replace(/_/g, "-"), t = t.replace(/-+/g, "-"), /[A-Z]/.test(t) ? (t = t.replace(/\s+/g, "").replace(/_/g, "").replace(/(?:^|\s|-)+([A-Za-z])/g, (e, n) => n.toUpperCase()), t = t.replace(/(.)(?=[A-Z])/g, "$1-"), t.toLowerCase()) : t) : "";
 }
-const ct = ae(null);
-ct.displayName = "ModalStackContext";
-let xn = null, En = null, qe = null, $t = null, Ft = [];
-const Ur = ({ children: e }) => {
-  const [t, n] = V([]), [r, l] = V({}), o = (f) => {
+const Re = Pe(null);
+Re.displayName = "ModalStackContext";
+let mt = null, pt = null, be = null, qe = null, Xe = [], oe = {};
+const Yt = ({ children: t }) => {
+  const [e, n] = $([]), [r, i] = $({}), l = (g) => {
     n((d) => {
-      const m = f([...d]), v = (x) => {
-        var T;
-        return m.length < 2 ? !0 : ((T = m.map((F) => ({ id: F.id, shouldRender: F.shouldRender })).reverse().find((F) => F.shouldRender)) == null ? void 0 : T.id) === x;
+      const f = g([...d]), p = (y) => {
+        var N;
+        return f.length < 2 ? !0 : ((N = f.map((h) => ({ id: h.id, shouldRender: h.shouldRender })).reverse().find((h) => h.shouldRender)) == null ? void 0 : N.id) === y;
       };
-      return m.forEach((x, T) => {
-        m[T].onTopOfStack = v(x.id), m[T].getParentModal = () => T < 1 ? null : m.slice(0, T).reverse().find((F) => F.isOpen), m[T].getChildModal = () => T === m.length - 1 ? null : m.slice(T + 1).find((F) => F.isOpen);
-      }), m;
+      return f.forEach((y, N) => {
+        f[N].onTopOfStack = p(y.id), f[N].getParentModal = () => N < 1 ? null : f.slice(0, N).reverse().find((h) => h.isOpen), f[N].getChildModal = () => N === f.length - 1 ? null : f.slice(N + 1).find((h) => h.isOpen);
+      }), f;
     });
   };
-  L(() => {
-    Ft = t;
-  }, [t]);
-  class u {
-    constructor(d, m, v, x, T) {
-      le(this, "update", (d, m, v) => {
-        o(
-          (x) => x.map((T) => (T.id === this.id && (T.config = d, T.onCloseCallback = m, T.afterLeaveCallback = v), T))
-        );
-      });
-      le(this, "show", () => {
-        o(
-          (d) => d.map((m) => (m.id === this.id && !m.isOpen && (m.isOpen = !0, m.shouldRender = !0), m))
+  D(() => {
+    Xe = e;
+  }, [e]);
+  class a {
+    constructor(d, f, p, y, N) {
+      X(this, "show", () => {
+        l(
+          (d) => d.map((f) => (f.id === this.id && !f.isOpen && (f.isOpen = !0, f.shouldRender = !0), f))
         );
       });
-      le(this, "setOpen", (d) => {
+      X(this, "setOpen", (d) => {
         d ? this.show() : this.close();
       });
-      le(this, "close", () => {
-        o(
-          (d) => d.map((m) => {
-            var v;
-            return m.id === this.id && m.isOpen && (Object.keys(m.listeners).forEach((x) => {
-              m.off(x);
-            }), m.isOpen = !1, (v = m.onCloseCallback) == null || v.call(m)), m;
+      X(this, "close", () => {
+        l(
+          (d) => d.map((f) => {
+            var p;
+            return f.id === this.id && f.isOpen && (Object.keys(f.listeners).forEach((y) => {
+              f.off(y);
+            }), f.isOpen = !1, (p = f.onCloseCallback) == null || p.call(f)), f;
           })
         );
       });
-      le(this, "afterLeave", () => {
-        this.isOpen || o((d) => {
-          const m = d.map((v) => {
-            var x;
-            return v.id === this.id && !v.isOpen && (v.shouldRender = !1, (x = v.afterLeaveCallback) == null || x.call(v), v.afterLeaveCallback = null), v;
+      X(this, "afterLeave", () => {
+        this.isOpen || l((d) => {
+          const f = d.map((p) => {
+            var y;
+            return p.id === this.id && !p.isOpen && (p.shouldRender = !1, (y = p.afterLeaveCallback) == null || y.call(p), p.afterLeaveCallback = null), p;
           });
-          return this.index === 0 ? [] : m;
+          return this.index === 0 ? [] : f;
         });
       });
-      le(this, "on", (d, m) => {
-        d = He(d), this.listeners[d] = this.listeners[d] ?? [], this.listeners[d].push(m);
+      X(this, "on", (d, f) => {
+        d = me(d), this.listeners[d] = this.listeners[d] ?? [], this.listeners[d].push(f);
       });
-      le(this, "off", (d, m) => {
-        var v;
-        d = He(d), m ? this.listeners[d] = ((v = this.listeners[d]) == null ? void 0 : v.filter((x) => x !== m)) ?? [] : delete this.listeners[d];
+      X(this, "off", (d, f) => {
+        var p;
+        d = me(d), f ? this.listeners[d] = ((p = this.listeners[d]) == null ? void 0 : p.filter((y) => y !== f)) ?? [] : delete this.listeners[d];
       });
-      le(this, "emit", (d, ...m) => {
-        var v;
-        (v = this.listeners[He(d)]) == null || v.forEach((x) => x(...m));
+      X(this, "emit", (d, ...f) => {
+        var p;
+        (p = this.listeners[me(d)]) == null || p.forEach((y) => y(...f));
       });
-      le(this, "registerEventListenersFromProps", (d) => {
-        const m = [];
-        return Object.keys(d).filter((v) => v.startsWith("on")).forEach((v) => {
-          const x = He(v).replace(/^on-/, "");
-          this.on(x, d[v]), m.push(() => this.off(x, d[v]));
-        }), () => m.forEach((v) => v());
+      X(this, "registerEventListenersFromProps", (d) => {
+        const f = [];
+        return Object.keys(d).filter((p) => p.startsWith("on")).forEach((p) => {
+          const y = me(p).replace(/^on-/, "");
+          this.on(y, d[p]), f.push(() => this.off(y, d[p]));
+        }), () => f.forEach((p) => p());
       });
-      le(this, "reload", (d = {}) => {
-        var v;
-        let m = Object.keys(this.response.props);
-        d.only && (m = bn(m, d.only)), d.except && (m = Nr(m, d.except)), (v = this.response) != null && v.url && lt.get(this.response.url, {
+      X(this, "reload", (d = {}) => {
+        var p;
+        let f = Object.keys(this.response.props);
+        d.only && (f = ft(f, d.only)), d.except && (f = zt(f, d.except)), (p = this.response) != null && p.url && Te.get(this.response.url, {
           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": m.join(","),
-            "X-InertiaUI-Modal": !0,
+            "X-Inertia-Partial-Data": f.join(","),
+            "X-InertiaUI-Modal": We(),
             "X-InertiaUI-Modal-Use-Router": 0,
-            "X-InertiaUI-Modal-Base-Url": qe
+            "X-InertiaUI-Modal-Base-Url": be
           }
-        }).then((x) => {
-          this.updateProps(x.data.props);
+        }).then((y) => {
+          this.updateProps(y.data.props);
         });
       });
-      le(this, "updateProps", (d) => {
-        Object.assign(this.props, d), o((m) => m);
+      X(this, "updateProps", (d) => {
+        Object.assign(this.props, d), l((f) => f);
       });
-      this.id = u.generateId(), this.isOpen = !1, this.shouldRender = !1, this.listeners = {}, this.component = d, this.props = m.props, this.response = m, this.config = v, this.onCloseCallback = x, this.afterLeaveCallback = T, this.index = -1, this.getParentModal = () => null, this.getChildModal = () => null, this.onTopOfStack = !0;
+      if (this.id = f.id ?? We(), this.isOpen = !1, this.shouldRender = !1, this.listeners = {}, this.component = d, this.props = f.props, this.response = f, this.config = p ?? {}, this.onCloseCallback = y, this.afterLeaveCallback = N, oe[this.id]) {
+        this.config = {
+          ...this.config,
+          ...oe[this.id].config ?? {}
+        };
+        const h = oe[this.id].onClose, k = oe[this.id].onAfterLeave;
+        h && (this.onCloseCallback = y ? () => {
+          y(), h();
+        } : h), k && (this.afterLeaveCallback = N ? () => {
+          N(), k();
+        } : k), 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 s = (f, d = {}, m = null, v = null) => En(f.component).then((x) => i(x, f, d, m, v)), i = (f, d, m, v, x) => {
-    const T = new u(f, d, m, v, x);
-    return T.index = t.length, o((F) => [...F, T]), T.show(), T;
+  const m = (g, d = {}, f = null, p = null) => pt(g.component).then((y) => s(y, g, d, f, p)), s = (g, d, f, p, y) => {
+    const N = new a(g, d, f, p, y);
+    return N.index = e.length, l((h) => [...h, N]), N.show(), N;
   };
-  function p(f, d, m, v) {
-    if (!r[f])
-      throw new Error(`The local modal "${f}" has not been registered.`);
-    const x = i(null, {}, d, m, v);
-    return x.name = f, r[f].callback(x), x;
+  function v(g, d, f, p) {
+    if (!r[g])
+      throw new Error(`The local modal "${g}" has not been registered.`);
+    const y = s(null, {}, d, f, p);
+    return y.name = g, r[g].callback(y), y;
   }
-  const c = (f, d = {}) => w(
-    f,
+  const b = (g, d = {}) => x(
+    g,
     d.method ?? "get",
     d.data ?? {},
     d.headers ?? {},
@@ -832,254 +236,249 @@ const Ur = ({ children: e }) => {
     d.onClose,
     d.onAfterLeave,
     d.queryStringArrayFormat ?? "brackets",
-    d.navigate ?? Nt("navigate")
-  ).then((m) => {
-    const v = d.listeners ?? {};
-    return Object.keys(v).forEach((x) => {
-      const T = He(x);
-      m.on(T, v[x]);
-    }), m;
-  }), w = (f, d, m = {}, v = {}, x = {}, T = null, F = null, X = "brackets", U = !1) => new Promise((ee, te) => {
-    if (f.startsWith("#")) {
-      ee(p(f.substring(1), x, T, F));
-      return;
-    }
-    const [H, q] = _r(d, f || "", m, X);
-    let G = U && t.length === 0;
-    if (t.length === 0 && (qe = typeof window < "u" ? window.location.href : ""), v = {
-      ...v,
-      Accept: "text/html, application/xhtml+xml",
-      "X-Requested-With": "XMLHttpRequest",
-      "X-Inertia": !0,
-      "X-Inertia-Version": xn,
-      "X-InertiaUI-Modal": !0,
-      "X-InertiaUI-Modal-Use-Router": G ? 1 : 0,
-      "X-InertiaUI-Modal-Base-Url": qe
-    }, G)
-      return $t = null, Ve.visit(H, {
+    d.navigate ?? Je("navigate")
+  ).then((f) => {
+    const p = d.listeners ?? {};
+    return Object.keys(p).forEach((y) => {
+      const N = me(y);
+      f.on(N, p[y]);
+    }), f;
+  }), x = (g, d, f = {}, p = {}, y = {}, N = null, h = null, k = "brackets", A = !1) => {
+    const H = We();
+    return new Promise((K, U) => {
+      if (g.startsWith("#")) {
+        K(v(g.substring(1), y, N, h));
+        return;
+      }
+      const [W, O] = _t(d, g || "", f, k);
+      let o = A && e.length === 0;
+      if (e.length === 0 && (be = typeof window < "u" ? window.location.href : ""), p = {
+        ...p,
+        Accept: "text/html, application/xhtml+xml",
+        "X-Requested-With": "XMLHttpRequest",
+        "X-Inertia": !0,
+        "X-Inertia-Version": mt,
+        "X-InertiaUI-Modal": H,
+        "X-InertiaUI-Modal-Use-Router": o ? 1 : 0,
+        "X-InertiaUI-Modal-Base-Url": be
+      }, o)
+        return qe = null, oe[H] = {
+          config: y,
+          onClose: N,
+          onAfterLeave: h
+        }, he.visit(W, {
+          method: d,
+          data: O,
+          headers: p,
+          preserveScroll: !0,
+          preserveState: !0,
+          onError: U,
+          onFinish: () => {
+            Zt(() => qe).then(K);
+          }
+        });
+      Te({
+        url: W,
         method: d,
-        data: q,
-        headers: v,
-        preserveScroll: !0,
-        preserveState: !0,
-        onError: te,
-        onFinish: () => {
-          Wr(() => $t).then((M) => {
-            const $ = M.onCloseCallback, I = M.afterLeaveCallback;
-            M.update(
-              x,
-              () => {
-                T == null || T(), $ == null || $();
-              },
-              () => {
-                F == null || F(), I == null || I();
-              }
-            ), ee(M);
-          });
-        }
+        data: O,
+        headers: p
+      }).then((u) => K(m(u.data, y, N, h))).catch((u) => {
+        U(u);
       });
-    lt({
-      url: H,
-      method: d,
-      data: q,
-      headers: v
-    }).then((M) => ee(s(M.data, x, T, F))).catch((M) => {
-      te(M);
     });
-  }), g = {
-    stack: t,
+  }, c = {
+    stack: e,
     localModals: r,
-    push: i,
-    pushFromResponseData: s,
+    push: s,
+    pushFromResponseData: m,
     closeAll: () => {
-      Ft.reverse().forEach((f) => f.close());
+      Xe.reverse().forEach((g) => g.close());
     },
-    reset: () => o(() => []),
-    visit: w,
-    visitModal: c,
-    registerLocalModal: (f, d) => {
-      l((m) => ({
-        ...m,
-        [f]: { name: f, callback: d }
+    reset: () => l(() => []),
+    visit: x,
+    visitModal: b,
+    registerLocalModal: (g, d) => {
+      i((f) => ({
+        ...f,
+        [g]: { name: g, callback: d }
       }));
     },
-    removeLocalModal: (f) => {
-      l((d) => {
-        const m = { ...d };
-        return delete m[f], m;
+    removeLocalModal: (g) => {
+      i((d) => {
+        const f = { ...d };
+        return delete f[g], f;
       });
     }
   };
-  return /* @__PURE__ */ R.jsx(ct.Provider, { value: g, children: e });
-}, dt = () => {
-  const e = Z(ct);
-  if (e === null)
+  return /* @__PURE__ */ F(Re.Provider, { value: c, children: t });
+}, Ae = () => {
+  const t = de(Re);
+  if (t === null)
     throw new Error("useModalStack must be used within a ModalStackProvider");
-  return e;
-}, cn = ["closeButton", "closeExplicitly", "maxWidth", "paddingClasses", "panelClasses", "position", "slideover"], Hr = (e) => {
-  e.initialPage && (xn = e.initialPage.version), e.resolveComponent && (En = e.resolveComponent);
-}, Ha = (e, t) => {
-  Hr(t);
-  const n = ({ Component: r, props: l, key: o }) => {
-    const u = () => {
-      const s = rt(r, { key: o, ...l });
-      return typeof r.layout == "function" ? r.layout(s) : Array.isArray(r.layout) ? r.layout.concat(s).reverse().reduce((p, c) => rt(c, l, p)) : s;
-    };
-    return /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-      u(),
-      /* @__PURE__ */ R.jsx(Br, {})
-    ] });
-  };
-  return /* @__PURE__ */ R.jsx(Ur, { children: /* @__PURE__ */ R.jsx(e, { ...t, children: n }) });
-}, Br = ({ children: e }) => {
-  var s;
-  const t = Z(ct);
+  return t;
+}, rt = ["closeButton", "closeExplicitly", "maxWidth", "paddingClasses", "panelClasses", "position", "slideover"], Jt = (t) => {
+  t.initialPage && (mt = t.initialPage.version), t.resolveComponent && (pt = t.resolveComponent);
+}, hr = (t, e) => (Jt(e), /* @__PURE__ */ F(Yt, { children: /* @__PURE__ */ F(t, { ...e, children: ({ Component: r, props: i, key: l }) => /* @__PURE__ */ le(Ye, { children: [
+  (() => {
+    const m = Ne(r, { key: l, ...i });
+    return typeof r.layout == "function" ? r.layout(m) : Array.isArray(r.layout) ? r.layout.concat(m).reverse().reduce((v, b) => Ne(b, i, v)) : m;
+  })(),
+  /* @__PURE__ */ F(Qt, {})
+] }) }) })), Qt = ({ children: t }) => {
+  var m;
+  const e = de(Re);
   let n = !1, r = !1;
-  L(() => Ve.on("start", () => n = !0), []), L(() => Ve.on("finish", () => n = !1), []), L(
-    () => Ve.on("navigate", function(i) {
-      const p = i.detail.page.props._inertiaui_modal;
-      if (!p) {
-        r && t.closeAll();
+  D(() => he.on("start", () => n = !0), []), D(() => he.on("finish", () => n = !1), []), D(
+    () => he.on("navigate", function(s) {
+      const v = s.detail.page.props._inertiaui_modal;
+      if (!v) {
+        r && e.closeAll();
         return;
       }
-      r = p, qe = p.baseUrl, t.pushFromResponseData(p, {}, () => {
-        if (!p.baseUrl) {
+      r = v, be = v.baseUrl, e.pushFromResponseData(v, {}, () => {
+        if (!v.baseUrl) {
           console.error("No base url in modal response data so cannot navigate back");
           return;
         }
-        !n && window.location.href !== p.baseUrl && Ve.visit(p.baseUrl, {
+        !n && window.location.href !== v.baseUrl && he.visit(v.baseUrl, {
           preserveScroll: !0,
           preserveState: !0
         });
-      }).then((c) => {
-        $t = c;
+      }).then((b) => {
+        qe = b;
       });
     }),
     []
   );
-  const l = (i) => (Ft.length && (i.headers["X-InertiaUI-Modal-Base-Url"] = qe), i);
-  L(() => (lt.interceptors.request.use(l), () => lt.interceptors.request.eject(l)), []);
-  const o = jr(), u = j();
-  return L(() => {
-    var c, w;
-    const i = (c = o.props) == null ? void 0 : c._inertiaui_modal, p = u.current;
-    u.current = i, i && p && i.component === p.component && i.url === p.url && ((w = t.stack[0]) == null || w.updateProps(i.props ?? {}));
-  }, [(s = o.props) == null ? void 0 : s._inertiaui_modal]), /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-    e,
-    t.stack.length > 0 && /* @__PURE__ */ R.jsx(On, { index: 0 })
+  const i = (s) => (Xe.length && (s.headers["X-InertiaUI-Modal-Base-Url"] = be), s);
+  D(() => (Te.interceptors.request.use(i), () => Te.interceptors.request.eject(i)), []);
+  const l = Xt(), a = j();
+  return D(() => {
+    var b, x;
+    const s = (b = l.props) == null ? void 0 : b._inertiaui_modal, v = a.current;
+    a.current = s, s && v && s.component === v.component && s.url === v.url && ((x = e.stack[0]) == null || x.updateProps(s.props ?? {}));
+  }, [(m = l.props) == null ? void 0 : m._inertiaui_modal]), /* @__PURE__ */ le(Ye, { children: [
+    t,
+    e.stack.length > 0 && /* @__PURE__ */ F(vt, { index: 0 })
   ] });
-}, Dt = O.createContext(null);
-Dt.displayName = "ModalIndexContext";
-const Tn = () => {
-  const e = O.useContext(Dt);
-  if (e === void 0)
+}, Qe = B.createContext(null);
+Qe.displayName = "ModalIndexContext";
+const ht = () => {
+  const t = B.useContext(Qe);
+  if (t === void 0)
     throw new Error("useModalIndex must be used within a ModalIndexProvider");
-  return e;
-}, On = ({ index: e }) => {
-  const { stack: t } = dt(), n = B(() => t[e], [t, e]);
-  return (n == null ? void 0 : n.component) && /* @__PURE__ */ R.jsx(Dt.Provider, { value: e, children: /* @__PURE__ */ R.jsx(
+  return t;
+}, vt = ({ index: t }) => {
+  const { stack: e } = Ae(), n = Y(() => e[t], [e, t]);
+  return (n == null ? void 0 : n.component) && /* @__PURE__ */ F(Qe.Provider, { value: t, children: /* @__PURE__ */ F(
     n.component,
     {
       ...n.props,
       onModalEvent: (...r) => n.emit(...r)
     }
   ) });
-}, Pn = It(({ name: e, children: t, ...n }, r) => {
-  const l = Tn(), { stack: o, registerLocalModal: u, removeLocalModal: s } = dt(), [i, p] = V(null), c = B(() => e ? i : o[l], [e, i, l, o]), w = B(() => {
-    var f;
-    return (f = o.find((d) => d.shouldRender && d.index > (c == null ? void 0 : c.index))) == null ? void 0 : f.index;
-  }, [l, o]), b = B(() => (c == null ? void 0 : c.config.slideover) ?? n.slideover ?? Nt("type") === "slideover", [n.slideover]), y = B(
+}, bt = Ze(({ name: t, children: e, onFocus: n = null, onBlur: r = null, onClose: i = null, onSuccess: l = null, ...a }, m) => {
+  const s = ht(), { stack: v, registerLocalModal: b, removeLocalModal: x } = Ae(), [T, E] = $(null), c = Y(() => t ? T : v[s], [t, T, s, v]), g = Y(() => {
+    var h;
+    return (h = v.find((k) => k.shouldRender && k.index > (c == null ? void 0 : c.index))) == null ? void 0 : h.index;
+  }, [s, v]), d = Y(() => (c == null ? void 0 : c.config.slideover) ?? a.slideover ?? Je("type") === "slideover", [a.slideover]), f = Y(
     () => ({
-      slideover: b,
-      closeButton: n.closeButton ?? Me(b, "closeButton"),
-      closeExplicitly: n.closeExplicitly ?? Me(b, "closeExplicitly"),
-      maxWidth: n.maxWidth ?? Me(b, "maxWidth"),
-      paddingClasses: n.paddingClasses ?? Me(b, "paddingClasses"),
-      panelClasses: n.panelClasses ?? Me(b, "panelClasses"),
-      position: n.position ?? Me(b, "position"),
+      slideover: d,
+      closeButton: a.closeButton ?? se(d, "closeButton"),
+      closeExplicitly: a.closeExplicitly ?? se(d, "closeExplicitly"),
+      maxWidth: a.maxWidth ?? se(d, "maxWidth"),
+      paddingClasses: a.paddingClasses ?? se(d, "paddingClasses"),
+      panelClasses: a.panelClasses ?? se(d, "panelClasses"),
+      position: a.position ?? se(d, "position"),
       ...c == null ? void 0 : c.config
     }),
-    [n, c == null ? void 0 : c.config]
+    [a, c == null ? void 0 : c.config]
   );
-  L(() => {
-    if (e) {
-      let f = null;
-      return u(e, (d) => {
-        f = d.registerEventListenersFromProps(n), p(d);
+  D(() => {
+    if (t) {
+      let h = null;
+      return b(t, (k) => {
+        h = k.registerEventListenersFromProps(a), E(k);
       }), () => {
-        f == null || f(), f = null, s(e);
+        h == null || h(), h = null, x(t);
       };
     }
-    return c.registerEventListenersFromProps(n);
-  }, [e]);
-  const g = j(c);
-  return L(() => {
-    g.current = c;
-  }, [c]), yn(
-    r,
+    return c.registerEventListenersFromProps(a);
+  }, [t]);
+  const p = j(c);
+  D(() => {
+    p.current = c;
+  }, [c]), D(() => {
+    c !== null && (c.isOpen ? l == null || l() : i == null || i());
+  }, [c == null ? void 0 : c.isOpen]);
+  const [y, N] = $(!1);
+  return D(() => {
+    y && c !== null && c.isOpen && (c.onTopOfStack ? n == null || n() : r == null || r()), N(!0);
+  }, [c == null ? void 0 : c.onTopOfStack]), ct(
+    m,
     () => ({
       afterLeave: () => {
-        var f;
-        return (f = g.current) == null ? void 0 : f.afterLeave();
+        var h;
+        return (h = p.current) == null ? void 0 : h.afterLeave();
       },
       close: () => {
-        var f;
-        return (f = g.current) == null ? void 0 : f.close();
+        var h;
+        return (h = p.current) == null ? void 0 : h.close();
       },
-      emit: (...f) => {
-        var d;
-        return (d = g.current) == null ? void 0 : d.emit(...f);
+      emit: (...h) => {
+        var k;
+        return (k = p.current) == null ? void 0 : k.emit(...h);
       },
       getChildModal: () => {
-        var f;
-        return (f = g.current) == null ? void 0 : f.getChildModal();
+        var h;
+        return (h = p.current) == null ? void 0 : h.getChildModal();
       },
       getParentModal: () => {
-        var f;
-        return (f = g.current) == null ? void 0 : f.getParentModal();
+        var h;
+        return (h = p.current) == null ? void 0 : h.getParentModal();
       },
-      reload: (...f) => {
-        var d;
-        return (d = g.current) == null ? void 0 : d.reload(...f);
+      reload: (...h) => {
+        var k;
+        return (k = p.current) == null ? void 0 : k.reload(...h);
       },
       setOpen: () => {
-        var f;
-        return (f = g.current) == null ? void 0 : f.setOpen();
+        var h;
+        return (h = p.current) == null ? void 0 : h.setOpen();
       },
       get id() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.id;
+        var h;
+        return (h = p.current) == null ? void 0 : h.id;
       },
       get index() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.index;
+        var h;
+        return (h = p.current) == null ? void 0 : h.index;
       },
       get isOpen() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.isOpen;
+        var h;
+        return (h = p.current) == null ? void 0 : h.isOpen;
       },
       get config() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.config;
+        var h;
+        return (h = p.current) == null ? void 0 : h.config;
       },
       get modalContext() {
-        return g.current;
+        return p.current;
       },
       get onTopOfStack() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.onTopOfStack;
+        var h;
+        return (h = p.current) == null ? void 0 : h.onTopOfStack;
       },
       get shouldRender() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.shouldRender;
+        var h;
+        return (h = p.current) == null ? void 0 : h.shouldRender;
       }
     }),
     [c]
-  ), (c == null ? void 0 : c.shouldRender) && /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-    typeof t == "function" ? t({
+  ), (c == null ? void 0 : c.shouldRender) && /* @__PURE__ */ le(Ye, { children: [
+    typeof e == "function" ? e({
       afterLeave: c.afterLeave,
       close: c.close,
-      config: y,
+      config: f,
       emit: c.emit,
       getChildModal: c.getChildModal,
       getParentModal: c.getParentModal,
@@ -1091,31 +490,31 @@ const Tn = () => {
       reload: c.reload,
       setOpen: c.setOpen,
       shouldRender: c.shouldRender
-    }) : t,
-    w && /* @__PURE__ */ R.jsx(On, { index: w })
+    }) : e,
+    g && /* @__PURE__ */ F(vt, { index: g })
   ] });
 });
-Pn.displayName = "HeadlessModal";
-function Rn(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 = Rn(e[t])) && (r && (r += " "), r += n);
-  } else for (n in e) e[n] && (r && (r += " "), r += n);
+bt.displayName = "HeadlessModal";
+function gt(t) {
+  var e, n, r = "";
+  if (typeof t == "string" || typeof t == "number") r += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var i = t.length;
+    for (e = 0; e < i; e++) t[e] && (n = gt(t[e])) && (r && (r += " "), r += n);
+  } else for (n in t) t[n] && (r && (r += " "), r += n);
   return r;
 }
-function at() {
-  for (var e, t, n = 0, r = "", l = arguments.length; n < l; n++) (e = arguments[n]) && (t = Rn(e)) && (r && (r += " "), r += t);
+function Se() {
+  for (var t, e, n = 0, r = "", i = arguments.length; n < i; n++) (t = arguments[n]) && (e = gt(t)) && (r && (r += " "), r += e);
   return r;
 }
-var Vr = Object.defineProperty, Yr = (e, t, n) => t in e ? Vr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Rt = (e, t, n) => (Yr(e, typeof t != "symbol" ? t + "" : t, n), n);
-let Xr = class {
+var en = Object.defineProperty, tn = (t, e, n) => e in t ? en(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, Be = (t, e, n) => (tn(t, typeof e != "symbol" ? e + "" : e, n), n);
+let nn = class {
   constructor() {
-    Rt(this, "current", this.detect()), Rt(this, "handoffState", "pending"), Rt(this, "currentId", 0);
+    Be(this, "current", this.detect()), Be(this, "handoffState", "pending"), Be(this, "currentId", 0);
   }
-  set(t) {
-    this.current !== t && (this.handoffState = "pending", this.currentId = 0, this.current = t);
+  set(e) {
+    this.current !== e && (this.handoffState = "pending", this.currentId = 0, this.current = e);
   }
   reset() {
     this.set(this.detect());
@@ -1138,1117 +537,596 @@ let Xr = class {
   get isHandoffComplete() {
     return this.handoffState === "complete";
   }
-}, Fe = new Xr();
-function ft(e) {
-  return Fe.isServer ? null : e instanceof Node ? e.ownerDocument : e != null && e.hasOwnProperty("current") && e.current instanceof Node ? e.current.ownerDocument : document;
-}
-function pt(e) {
-  typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((t) => setTimeout(() => {
-    throw t;
+}, Ee = new nn();
+function rn(t) {
+  typeof queueMicrotask == "function" ? queueMicrotask(t) : Promise.resolve().then(t).catch((e) => setTimeout(() => {
+    throw e;
   }));
 }
-function ye() {
-  let e = [], t = { addEventListener(n, r, l, o) {
-    return n.addEventListener(r, l, o), t.add(() => n.removeEventListener(r, l, o));
+function Me() {
+  let t = [], e = { addEventListener(n, r, i, l) {
+    return n.addEventListener(r, i, l), e.add(() => n.removeEventListener(r, i, l));
   }, requestAnimationFrame(...n) {
     let r = requestAnimationFrame(...n);
-    return t.add(() => cancelAnimationFrame(r));
+    return e.add(() => cancelAnimationFrame(r));
   }, nextFrame(...n) {
-    return t.requestAnimationFrame(() => t.requestAnimationFrame(...n));
+    return e.requestAnimationFrame(() => e.requestAnimationFrame(...n));
   }, setTimeout(...n) {
     let r = setTimeout(...n);
-    return t.add(() => clearTimeout(r));
+    return e.add(() => clearTimeout(r));
   }, microTask(...n) {
     let r = { current: !0 };
-    return pt(() => {
+    return rn(() => {
       r.current && n[0]();
-    }), t.add(() => {
+    }), e.add(() => {
       r.current = !1;
     });
-  }, style(n, r, l) {
-    let o = n.style.getPropertyValue(r);
-    return Object.assign(n.style, { [r]: l }), this.add(() => {
-      Object.assign(n.style, { [r]: o });
+  }, style(n, r, i) {
+    let l = n.style.getPropertyValue(r);
+    return Object.assign(n.style, { [r]: i }), this.add(() => {
+      Object.assign(n.style, { [r]: l });
     });
   }, group(n) {
-    let r = ye();
+    let r = Me();
     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();
+    return t.includes(n) || t.push(n), () => {
+      let r = t.indexOf(n);
+      if (r >= 0) for (let i of t.splice(r, 1)) i();
     };
   }, dispose() {
-    for (let n of e.splice(0)) n();
+    for (let n of t.splice(0)) n();
   } };
-  return t;
+  return e;
 }
-function Wt() {
-  let [e] = V(ye);
-  return L(() => () => e.dispose(), [e]), e;
+function yt() {
+  let [t] = $(Me);
+  return D(() => () => t.dispose(), [t]), t;
 }
-let z = (e, t) => {
-  Fe.isServer ? L(e, t) : Rr(e, t);
+let Q = (t, e) => {
+  Ee.isServer ? D(t, e) : Ht(t, e);
 };
-function ke(e) {
-  let t = j(e);
-  return z(() => {
-    t.current = e;
-  }, [e]), t;
-}
-let A = function(e) {
-  let t = ke(e);
-  return O.useCallback((...n) => t.current(...n), [t]);
-}, qr = ae(void 0);
-function Kr() {
-  return Z(qr);
-}
-function kt(...e) {
-  return Array.from(new Set(e.flatMap((t) => typeof t == "string" ? t.split(" ") : []))).filter(Boolean).join(" ");
+function wt(t) {
+  let e = j(t);
+  return Q(() => {
+    e.current = t;
+  }, [t]), e;
+}
+let G = function(t) {
+  let e = wt(t);
+  return B.useCallback((...n) => e.current(...n), [e]);
+};
+function _e(...t) {
+  return Array.from(new Set(t.flatMap((e) => typeof e == "string" ? e.split(" ") : []))).filter(Boolean).join(" ");
 }
-function we(e, t, ...n) {
-  if (e in t) {
-    let l = t[e];
-    return typeof l == "function" ? l(...n) : l;
+function Le(t, e, ...n) {
+  if (t in e) {
+    let i = e[t];
+    return typeof i == "function" ? i(...n) : i;
   }
-  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, we), r;
-}
-var it = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(it || {}), ge = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(ge || {});
-function ie() {
-  let e = Gr();
-  return oe((t) => zr({ mergeRefs: e, ...t }), [e]);
-}
-function zr({ ourProps: e, theirProps: t, slot: n, defaultTag: r, features: l, visible: o = !0, name: u, mergeRefs: s }) {
-  s = s ?? Jr;
-  let i = Sn(t, e);
-  if (o) return nt(i, n, r, u, s);
-  let p = l ?? 0;
-  if (p & 2) {
-    let { static: c = !1, ...w } = i;
-    if (c) return nt(w, n, r, u, s);
+  let r = new Error(`Tried to handle "${t}" but there is no handler defined. Only defined handlers are: ${Object.keys(e).map((i) => `"${i}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(r, Le), r;
+}
+var xt = ((t) => (t[t.None = 0] = "None", t[t.RenderStrategy = 1] = "RenderStrategy", t[t.Static = 2] = "Static", t))(xt || {}), J = ((t) => (t[t.Unmount = 0] = "Unmount", t[t.Hidden = 1] = "Hidden", t))(J || {});
+function Et() {
+  let t = ln();
+  return V((e) => an({ mergeRefs: t, ...e }), [t]);
+}
+function an({ ourProps: t, theirProps: e, slot: n, defaultTag: r, features: i, visible: l = !0, name: a, mergeRefs: m }) {
+  m = m ?? sn;
+  let s = Nt(e, t);
+  if (l) return we(s, n, r, a, m);
+  let v = i ?? 0;
+  if (v & 2) {
+    let { static: b = !1, ...x } = s;
+    if (b) return we(x, n, r, a, m);
   }
-  if (p & 1) {
-    let { unmount: c = !0, ...w } = i;
-    return we(c ? 0 : 1, { 0() {
+  if (v & 1) {
+    let { unmount: b = !0, ...x } = s;
+    return Le(b ? 0 : 1, { 0() {
       return null;
     }, 1() {
-      return nt({ ...w, hidden: !0, style: { display: "none" } }, n, r, u, s);
+      return we({ ...x, hidden: !0, style: { display: "none" } }, n, r, a, m);
     } });
   }
-  return nt(i, n, r, u, s);
-}
-function nt(e, t = {}, n, r, l) {
-  let { as: o = n, children: u, refName: s = "ref", ...i } = St(e, ["unmount", "static"]), p = e.ref !== void 0 ? { [s]: e.ref } : {}, c = typeof u == "function" ? u(t) : u;
-  "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 w = {};
-  if (t) {
-    let b = !1, y = [];
-    for (let [g, f] of Object.entries(t)) typeof f == "boolean" && (b = !0), f === !0 && y.push(g.replace(/([A-Z])/g, (d) => `-${d.toLowerCase()}`));
-    if (b) {
-      w["data-headlessui-state"] = y.join(" ");
-      for (let g of y) w[`data-${g}`] = "";
+  return we(s, n, r, a, m);
+}
+function we(t, e = {}, n, r, i) {
+  let { as: l = n, children: a, refName: m = "ref", ...s } = He(t, ["unmount", "static"]), v = t.ref !== void 0 ? { [m]: t.ref } : {}, b = typeof a == "function" ? a(e) : a;
+  "className" in s && s.className && typeof s.className == "function" && (s.className = s.className(e)), s["aria-labelledby"] && s["aria-labelledby"] === s.id && (s["aria-labelledby"] = void 0);
+  let x = {};
+  if (e) {
+    let T = !1, E = [];
+    for (let [c, g] of Object.entries(e)) typeof g == "boolean" && (T = !0), g === !0 && E.push(c.replace(/([A-Z])/g, (d) => `-${d.toLowerCase()}`));
+    if (T) {
+      x["data-headlessui-state"] = E.join(" ");
+      for (let c of E) x[`data-${c}`] = "";
     }
   }
-  if (o === se && (Object.keys(Se(i)).length > 0 || Object.keys(Se(w)).length > 0)) if (!Sr(c) || Array.isArray(c) && c.length > 1) {
-    if (Object.keys(Se(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(Se(i)).concat(Object.keys(Se(w))).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(`
+  if (l === ae && (Object.keys(te(s)).length > 0 || Object.keys(te(x)).length > 0)) if (!Kt(b) || Array.isArray(b) && b.length > 1) {
+    if (Object.keys(te(s)).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(te(s)).concat(Object.keys(te(x))).map((T) => `  - ${T}`).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((T) => `  - ${T}`).join(`
 `)].join(`
 `));
   } else {
-    let b = c.props, y = b == null ? void 0 : b.className, g = typeof y == "function" ? (...m) => kt(y(...m), i.className) : kt(y, i.className), f = g ? { className: g } : {}, d = Sn(c.props, Se(St(i, ["ref"])));
-    for (let m in w) m in d && delete w[m];
-    return Cr(c, Object.assign({}, d, w, p, { ref: l(Zr(c), p.ref) }, f));
+    let T = b.props, E = T == null ? void 0 : T.className, c = typeof E == "function" ? (...f) => _e(E(...f), s.className) : _e(E, s.className), g = c ? { className: c } : {}, d = Nt(b.props, te(He(s, ["ref"])));
+    for (let f in x) f in d && delete x[f];
+    return qt(b, Object.assign({}, d, x, v, { ref: i(on(b), v.ref) }, g));
   }
-  return rt(o, Object.assign({}, St(i, ["ref"]), o !== se && p, o !== se && w), c);
+  return Ne(l, Object.assign({}, He(s, ["ref"]), l !== ae && v, l !== ae && x), b);
 }
-function Gr() {
-  let e = j([]), t = oe((n) => {
-    for (let r of e.current) r != null && (typeof r == "function" ? r(n) : r.current = n);
+function ln() {
+  let t = j([]), e = V((n) => {
+    for (let r of t.current) r != null && (typeof r == "function" ? r(n) : r.current = n);
   }, []);
   return (...n) => {
-    if (!n.every((r) => r == null)) return e.current = n, t;
+    if (!n.every((r) => r == null)) return t.current = n, e;
   };
 }
-function Jr(...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 sn(...t) {
+  return t.every((e) => e == null) ? void 0 : (e) => {
+    for (let n of t) n != null && (typeof n == "function" ? n(e) : n.current = e);
   };
 }
-function Sn(...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 o;
-    return (o = l == null ? void 0 : l.preventDefault) == null ? void 0 : o.call(l);
+function Nt(...t) {
+  if (t.length === 0) return {};
+  if (t.length === 1) return t[0];
+  let e = {}, n = {};
+  for (let r of t) for (let i in r) i.startsWith("on") && typeof r[i] == "function" ? (n[i] != null || (n[i] = []), n[i].push(r[i])) : e[i] = r[i];
+  if (e.disabled || e["aria-disabled"]) for (let r in n) /^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(r) && (n[r] = [(i) => {
+    var l;
+    return (l = i == null ? void 0 : i.preventDefault) == null ? void 0 : l.call(i);
   }]);
-  for (let r in n) Object.assign(t, { [r](l, ...o) {
-    let u = n[r];
-    for (let s of u) {
-      if ((l instanceof Event || (l == null ? void 0 : l.nativeEvent) instanceof Event) && l.defaultPrevented) return;
-      s(l, ...o);
+  for (let r in n) Object.assign(e, { [r](i, ...l) {
+    let a = n[r];
+    for (let m of a) {
+      if ((i instanceof Event || (i == null ? void 0 : i.nativeEvent) instanceof Event) && i.defaultPrevented) return;
+      m(i, ...l);
     }
   } });
-  return t;
-}
-function Q(e) {
-  var t;
-  return Object.assign(It(e), { displayName: (t = e.displayName) != null ? t : e.name });
-}
-function Se(e) {
-  let t = Object.assign({}, e);
-  for (let n in t) t[n] === void 0 && delete t[n];
-  return t;
-}
-function St(e, t = []) {
-  let n = Object.assign({}, e);
-  for (let r of t) r in n && delete n[r];
-  return n;
-}
-function Zr(e) {
-  return O.version.split(".")[0] >= "19" ? e.props.ref : e.ref;
-}
-let Qr = "span";
-var ot = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(ot || {});
-function el(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" } } };
-  return ie()({ ourProps: o, theirProps: l, slot: {}, defaultTag: Qr, name: "Hidden" });
-}
-let jt = Q(el), Cn = Symbol();
-function tl(e, t = !0) {
-  return Object.assign(e, { [Cn]: t });
-}
-function ce(...e) {
-  let t = j(e);
-  L(() => {
-    t.current = e;
-  }, [e]);
-  let n = A((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[Cn])) ? void 0 : n;
-}
-let Ut = ae(null);
-Ut.displayName = "DescriptionContext";
-function $n() {
-  let e = Z(Ut);
-  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, $n), t;
-  }
   return e;
 }
-function nl() {
-  let [e, t] = V([]);
-  return [e.length > 0 ? e.join(" ") : void 0, B(() => function(n) {
-    let r = A((o) => (t((u) => [...u, o]), () => t((u) => {
-      let s = u.slice(), i = s.indexOf(o);
-      return i !== -1 && s.splice(i, 1), s;
-    }))), l = B(() => ({ 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(Ut.Provider, { value: l }, n.children);
-  }, [t])];
-}
-let rl = "p";
-function ll(e, t) {
-  let n = Ge(), r = Kr(), { id: l = `headlessui-description-${n}`, ...o } = e, u = $n(), s = ce(t);
-  z(() => u.register(l), [l, u.register]);
-  let i = r || !1, p = B(() => ({ ...u.slot, disabled: i }), [u.slot, i]), c = { ref: s, ...u.props, id: l };
-  return ie()({ ourProps: c, theirProps: o, slot: p, defaultTag: rl, name: u.name || "Description" });
-}
-let al = Q(ll), il = Object.assign(al, {});
-var Fn = ((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))(Fn || {});
-let ol = ae(() => {
-});
-function ul({ value: e, children: t }) {
-  return O.createElement(ol.Provider, { value: e }, t);
-}
-let sl = 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 kn(e, t) {
-  let n = e(), r = /* @__PURE__ */ new Set();
-  return { getSnapshot() {
-    return n;
-  }, subscribe(l) {
-    return r.add(l), () => r.delete(l);
-  }, dispatch(l, ...o) {
-    let u = t[l].call(n, ...o);
-    u && (n = u, r.forEach((s) => s()));
-  } };
-}
-function jn(e) {
-  return $r(e.subscribe, e.getSnapshot, e.getSnapshot);
-}
-let cl = new sl(() => kn(() => [], { 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 Ae(e, t) {
-  let n = cl.get(t), r = Ge(), l = jn(n);
-  if (z(() => {
-    if (e) return n.dispatch("ADD", r), () => n.dispatch("REMOVE", r);
-  }, [n, e]), !e) return !1;
-  let o = l.indexOf(r), u = l.length;
-  return o === -1 && (o = u, u += 1), o === u - 1;
-}
-let _t = /* @__PURE__ */ new Map(), Ke = /* @__PURE__ */ new Map();
-function dn(e) {
-  var t;
-  let n = (t = Ke.get(e)) != null ? t : 0;
-  return Ke.set(e, n + 1), n !== 0 ? () => fn(e) : (_t.set(e, { "aria-hidden": e.getAttribute("aria-hidden"), inert: e.inert }), e.setAttribute("aria-hidden", "true"), e.inert = !0, () => fn(e));
-}
-function fn(e) {
-  var t;
-  let n = (t = Ke.get(e)) != null ? t : 1;
-  if (n === 1 ? Ke.delete(e) : Ke.set(e, n - 1), n !== 1) return;
-  let r = _t.get(e);
-  r && (r["aria-hidden"] === null ? e.removeAttribute("aria-hidden") : e.setAttribute("aria-hidden", r["aria-hidden"]), e.inert = r.inert, _t.delete(e));
-}
-function dl(e, { allowed: t, disallowed: n } = {}) {
-  let r = Ae(e, "inert-others");
-  z(() => {
-    var l, o;
-    if (!r) return;
-    let u = ye();
-    for (let i of (l = n == null ? void 0 : n()) != null ? l : []) i && u.add(dn(i));
-    let s = (o = t == null ? void 0 : t()) != null ? o : [];
-    for (let i of s) {
-      if (!i) continue;
-      let p = ft(i);
-      if (!p) continue;
-      let c = i.parentElement;
-      for (; c && c !== p.body; ) {
-        for (let w of c.children) s.some((b) => w.contains(b)) || u.add(dn(w));
-        c = c.parentElement;
-      }
-    }
-    return u.dispose;
-  }, [r, t, n]);
-}
-function fl(e, t, n) {
-  let r = ke((l) => {
-    let o = l.getBoundingClientRect();
-    o.x === 0 && o.y === 0 && o.width === 0 && o.height === 0 && n();
-  });
-  L(() => {
-    if (!e) return;
-    let l = t === null ? null : t instanceof HTMLElement ? t : t.current;
-    if (!l) return;
-    let o = ye();
-    if (typeof ResizeObserver < "u") {
-      let u = new ResizeObserver(() => r.current(l));
-      u.observe(l), o.add(() => u.disconnect());
-    }
-    if (typeof IntersectionObserver < "u") {
-      let u = new IntersectionObserver(() => r.current(l));
-      u.observe(l), o.add(() => u.disconnect());
-    }
-    return () => o.dispose();
-  }, [t, r, e]);
-}
-let ut = ["[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(","), pl = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
-var pe = ((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))(pe || {}), Mt = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Mt || {}), ml = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(ml || {});
-function hl(e = document.body) {
-  return e == null ? [] : Array.from(e.querySelectorAll(ut)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
-}
-function vl(e = document.body) {
-  return e == null ? [] : Array.from(e.querySelectorAll(pl)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
-}
-var _n = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(_n || {});
-function gl(e, t = 0) {
-  var n;
-  return e === ((n = ft(e)) == null ? void 0 : n.body) ? !1 : we(t, { 0() {
-    return e.matches(ut);
-  }, 1() {
-    let r = e;
-    for (; r !== null; ) {
-      if (r.matches(ut)) return !0;
-      r = r.parentElement;
-    }
-    return !1;
-  } });
-}
-var wl = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(wl || {});
-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 me(e) {
-  e == null || e.focus({ preventScroll: !0 });
-}
-let yl = ["textarea", "input"].join(",");
-function bl(e) {
-  var t, n;
-  return (n = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, yl)) != null ? n : !1;
-}
-function xl(e, t = (n) => n) {
-  return e.slice().sort((n, r) => {
-    let l = t(n), o = t(r);
-    if (l === null || o === null) return 0;
-    let u = l.compareDocumentPosition(o);
-    return u & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : u & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
-  });
-}
-function ze(e, t, { sorted: n = !0, relativeTo: r = null, skipElements: l = [] } = {}) {
-  let o = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e.ownerDocument, u = Array.isArray(e) ? n ? xl(e) : e : t & 64 ? vl(e) : hl(e);
-  l.length > 0 && u.length > 1 && (u = u.filter((y) => !l.some((g) => g != null && "current" in g ? (g == null ? void 0 : g.current) === y : g === y))), r = r ?? o.activeElement;
-  let s = (() => {
-    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, u.indexOf(r)) - 1;
-    if (t & 4) return Math.max(0, u.indexOf(r)) + 1;
-    if (t & 8) return u.length - 1;
-    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), p = t & 32 ? { preventScroll: !0 } : {}, c = 0, w = u.length, b;
-  do {
-    if (c >= w || c + w <= 0) return 0;
-    let y = i + c;
-    if (t & 16) y = (y + w) % w;
-    else {
-      if (y < 0) return 3;
-      if (y >= w) return 1;
-    }
-    b = u[y], b == null || b.focus(p), c += s;
-  } while (b !== o.activeElement);
-  return t & 6 && bl(b) && b.select(), 2;
-}
-function Mn() {
-  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
-}
-function El() {
-  return /Android/gi.test(window.navigator.userAgent);
-}
-function Tl() {
-  return Mn() || El();
-}
-function Be(e, t, n, r) {
-  let l = ke(n);
-  L(() => {
-    if (!e) return;
-    function o(u) {
-      l.current(u);
-    }
-    return document.addEventListener(t, o, r), () => document.removeEventListener(t, o, r);
-  }, [e, t, r]);
-}
-function An(e, t, n, r) {
-  let l = ke(n);
-  L(() => {
-    if (!e) return;
-    function o(u) {
-      l.current(u);
-    }
-    return window.addEventListener(t, o, r), () => window.removeEventListener(t, o, r);
-  }, [e, t, r]);
-}
-const pn = 30;
-function Ol(e, t, n) {
-  let r = Ae(e, "outside-click"), l = ke(n), o = oe(function(i, p) {
-    if (i.defaultPrevented) return;
-    let c = p(i);
-    if (c === null || !c.getRootNode().contains(c) || !c.isConnected) return;
-    let w = function b(y) {
-      return typeof y == "function" ? b(y()) : Array.isArray(y) || y instanceof Set ? y : [y];
-    }(t);
-    for (let b of w) if (b !== null && (b.contains(c) || i.composed && i.composedPath().includes(b))) return;
-    return !gl(c, _n.Loose) && c.tabIndex !== -1 && i.preventDefault(), l.current(i, c);
-  }, [l, t]), u = j(null);
-  Be(r, "pointerdown", (i) => {
-    var p, c;
-    u.current = ((c = (p = i.composedPath) == null ? void 0 : p.call(i)) == null ? void 0 : c[0]) || i.target;
-  }, !0), Be(r, "mousedown", (i) => {
-    var p, c;
-    u.current = ((c = (p = i.composedPath) == null ? void 0 : p.call(i)) == null ? void 0 : c[0]) || i.target;
-  }, !0), Be(r, "click", (i) => {
-    Tl() || u.current && (o(i, () => u.current), u.current = null);
-  }, !0);
-  let s = j({ x: 0, y: 0 });
-  Be(r, "touchstart", (i) => {
-    s.current.x = i.touches[0].clientX, s.current.y = i.touches[0].clientY;
-  }, !0), Be(r, "touchend", (i) => {
-    let p = { x: i.changedTouches[0].clientX, y: i.changedTouches[0].clientY };
-    if (!(Math.abs(p.x - s.current.x) >= pn || Math.abs(p.y - s.current.y) >= pn)) return o(i, () => i.target instanceof HTMLElement ? i.target : null);
-  }, !0), An(r, "blur", (i) => o(i, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
-}
-function Je(...e) {
-  return B(() => ft(...e), [...e]);
-}
-function Ln(e, t, n, r) {
-  let l = ke(n);
-  L(() => {
-    e = e ?? window;
-    function o(u) {
-      l.current(u);
-    }
-    return e.addEventListener(t, o, r), () => e.removeEventListener(t, o, r);
-  }, [e, t, r]);
-}
-function Pl() {
-  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), o = Math.max(0, e - l);
-    n.style(r, "paddingRight", `${o}px`);
-  } };
-}
-function Rl() {
-  return Mn() ? { before({ doc: e, d: t, meta: n }) {
-    function r(l) {
-      return n.containers.flatMap((o) => o()).some((o) => o.contains(l));
-    }
-    t.microTask(() => {
-      var l;
-      if (window.getComputedStyle(e.documentElement).scrollBehavior !== "auto") {
-        let s = ye();
-        s.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => s.dispose()));
-      }
-      let o = (l = window.scrollY) != null ? l : window.pageYOffset, u = null;
-      t.addEventListener(e, "click", (s) => {
-        if (s.target instanceof HTMLElement) try {
-          let i = s.target.closest("a");
-          if (!i) return;
-          let { hash: p } = new URL(i.href), c = e.querySelector(p);
-          c && !r(c) && (u = c);
-        } catch {
-        }
-      }, !0), t.addEventListener(e, "touchstart", (s) => {
-        if (s.target instanceof HTMLElement) if (r(s.target)) {
-          let i = s.target;
-          for (; i.parentElement && r(i.parentElement); ) i = i.parentElement;
-          t.style(i, "overscrollBehavior", "contain");
-        } else t.style(s.target, "touchAction", "none");
-      }), t.addEventListener(e, "touchmove", (s) => {
-        if (s.target instanceof HTMLElement) {
-          if (s.target.tagName === "INPUT") return;
-          if (r(s.target)) {
-            let i = s.target;
-            for (; i.parentElement && i.dataset.headlessuiPortal !== "" && !(i.scrollHeight > i.clientHeight || i.scrollWidth > i.clientWidth); ) i = i.parentElement;
-            i.dataset.headlessuiPortal === "" && s.preventDefault();
-          } else s.preventDefault();
-        }
-      }, { passive: !1 }), t.add(() => {
-        var s;
-        let i = (s = window.scrollY) != null ? s : window.pageYOffset;
-        o !== i && window.scrollTo(0, o), u && u.isConnected && (u.scrollIntoView({ block: "nearest" }), u = null);
-      });
-    });
-  } } : {};
+function et(t) {
+  var e;
+  return Object.assign(Ze(t), { displayName: (e = t.displayName) != null ? e : t.name });
 }
-function Sl() {
-  return { before({ doc: e, d: t }) {
-    t.style(e.documentElement, "overflow", "hidden");
-  } };
+function te(t) {
+  let e = Object.assign({}, t);
+  for (let n in e) e[n] === void 0 && delete e[n];
+  return e;
 }
-function Cl(e) {
-  let t = {};
-  for (let n of e) Object.assign(t, n(t));
-  return t;
+function He(t, e = []) {
+  let n = Object.assign({}, t);
+  for (let r of e) r in n && delete n[r];
+  return n;
 }
-let $e = kn(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
-  var n;
-  let r = (n = this.get(e)) != null ? n : { doc: e, count: 0, d: ye(), meta: /* @__PURE__ */ 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: Cl(n) }, l = [Rl(), Pl(), Sl()];
-  l.forEach(({ before: o }) => o == null ? void 0 : o(r)), l.forEach(({ after: o }) => o == null ? void 0 : o(r));
-}, SCROLL_ALLOW({ d: e }) {
-  e.dispose();
-}, TEARDOWN({ doc: e }) {
-  this.delete(e);
-} });
-$e.subscribe(() => {
-  let e = $e.getSnapshot(), t = /* @__PURE__ */ 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) && $e.dispatch(n.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", n), n.count === 0 && $e.dispatch("TEARDOWN", n);
-  }
-});
-function $l(e, t, n = () => ({ containers: [] })) {
-  let r = jn($e), l = t ? r.get(t) : void 0, o = l ? l.count > 0 : !1;
-  return z(() => {
-    if (!(!t || !e)) return $e.dispatch("PUSH", t, n), () => $e.dispatch("POP", t, n);
-  }, [e, t]), o;
+function on(t) {
+  return B.version.split(".")[0] >= "19" ? t.props.ref : t.ref;
 }
-function Fl(e, t, n = () => [document.body]) {
-  let r = Ae(e, "scroll-lock");
-  $l(r, t, (l) => {
-    var o;
-    return { containers: [...(o = l.containers) != null ? o : [], n] };
+let un = Symbol();
+function Tt(...t) {
+  let e = j(t);
+  D(() => {
+    e.current = t;
+  }, [t]);
+  let n = G((r) => {
+    for (let i of e.current) i != null && (typeof i == "function" ? i(r) : i.current = r);
   });
+  return t.every((r) => r == null || (r == null ? void 0 : r[un])) ? void 0 : n;
 }
-function kl(e = 0) {
-  let [t, n] = V(e), r = oe((i) => n(i), [t]), l = oe((i) => n((p) => p | i), [t]), o = oe((i) => (t & i) === i, [t]), u = oe((i) => n((p) => p & ~i), [n]), s = oe((i) => n((p) => p ^ i), [n]);
-  return { flags: t, setFlag: r, addFlag: l, hasFlag: o, removeFlag: u, toggleFlag: s };
+function dn(t = 0) {
+  let [e, n] = $(t), r = V((s) => n(s), [e]), i = V((s) => n((v) => v | s), [e]), l = V((s) => (e & s) === s, [e]), a = V((s) => n((v) => v & ~s), [n]), m = V((s) => n((v) => v ^ s), [n]);
+  return { flags: e, setFlag: r, addFlag: i, hasFlag: l, removeFlag: a, toggleFlag: m };
 }
-var mn, hn;
-typeof process < "u" && typeof globalThis < "u" && typeof Element < "u" && ((mn = process == null ? void 0 : process.env) == null ? void 0 : mn.NODE_ENV) === "test" && typeof ((hn = Element == null ? void 0 : Element.prototype) == null ? void 0 : hn.getAnimations) > "u" && (Element.prototype.getAnimations = function() {
+var at, it;
+typeof process < "u" && typeof globalThis < "u" && typeof Element < "u" && ((at = process == null ? void 0 : process.env) == null ? void 0 : at.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 jl = ((e) => (e[e.None = 0] = "None", e[e.Closed = 1] = "Closed", e[e.Enter = 2] = "Enter", e[e.Leave = 4] = "Leave", e))(jl || {});
-function _l(e) {
-  let t = {};
-  for (let n in e) e[n] === !0 && (t[`data-${n}`] = "");
-  return t;
+var cn = ((t) => (t[t.None = 0] = "None", t[t.Closed = 1] = "Closed", t[t.Enter = 2] = "Enter", t[t.Leave = 4] = "Leave", t))(cn || {});
+function fn(t) {
+  let e = {};
+  for (let n in t) t[n] === !0 && (e[`data-${n}`] = "");
+  return e;
 }
-function Ml(e, t, n, r) {
-  let [l, o] = V(n), { hasFlag: u, addFlag: s, removeFlag: i } = kl(e && l ? 3 : 0), p = j(!1), c = j(!1), w = Wt();
-  return z(() => {
-    var b;
-    if (e) {
-      if (n && o(!0), !t) {
-        n && s(3);
+function mn(t, e, n, r) {
+  let [i, l] = $(n), { hasFlag: a, addFlag: m, removeFlag: s } = dn(t && i ? 3 : 0), v = j(!1), b = j(!1), x = yt();
+  return Q(() => {
+    var T;
+    if (t) {
+      if (n && l(!0), !e) {
+        n && m(3);
         return;
       }
-      return (b = r == null ? void 0 : r.start) == null || b.call(r, n), Al(t, { inFlight: p, prepare() {
-        c.current ? c.current = !1 : c.current = p.current, p.current = !0, !c.current && (n ? (s(3), i(4)) : (s(4), i(2)));
+      return (T = r == null ? void 0 : r.start) == null || T.call(r, n), pn(e, { inFlight: v, prepare() {
+        b.current ? b.current = !1 : b.current = v.current, v.current = !0, !b.current && (n ? (m(3), s(4)) : (m(4), s(2)));
       }, run() {
-        c.current ? n ? (i(3), s(4)) : (i(4), s(3)) : n ? i(1) : s(1);
+        b.current ? n ? (s(3), m(4)) : (s(4), m(3)) : n ? s(1) : m(1);
       }, done() {
-        var y;
-        c.current && typeof t.getAnimations == "function" && t.getAnimations().length > 0 || (p.current = !1, i(7), n || o(!1), (y = r == null ? void 0 : r.end) == null || y.call(r, n));
+        var E;
+        b.current && typeof e.getAnimations == "function" && e.getAnimations().length > 0 || (v.current = !1, s(7), n || l(!1), (E = r == null ? void 0 : r.end) == null || E.call(r, n));
       } });
     }
-  }, [e, n, t, w]), e ? [l, { closed: u(1), enter: u(2), leave: u(4), transition: u(2) || u(4) }] : [n, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
+  }, [t, n, e, x]), t ? [i, { 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 Al(e, { prepare: t, run: n, done: r, inFlight: l }) {
-  let o = ye();
-  return Il(e, { prepare: t, inFlight: l }), o.nextFrame(() => {
-    n(), o.requestAnimationFrame(() => {
-      o.add(Ll(e, r));
+function pn(t, { prepare: e, run: n, done: r, inFlight: i }) {
+  let l = Me();
+  return vn(t, { prepare: e, inFlight: i }), l.nextFrame(() => {
+    n(), l.requestAnimationFrame(() => {
+      l.add(hn(t, r));
     });
-  }), o.dispose;
+  }), l.dispose;
 }
-function Ll(e, t) {
+function hn(t, e) {
   var n, r;
-  let l = ye();
-  if (!e) return l.dispose;
-  let o = !1;
-  l.add(() => {
-    o = !0;
+  let i = Me();
+  if (!t) return i.dispose;
+  let l = !1;
+  i.add(() => {
+    l = !0;
   });
-  let u = (r = (n = e.getAnimations) == null ? void 0 : n.call(e).filter((s) => s instanceof CSSTransition)) != null ? r : [];
-  return u.length === 0 ? (t(), l.dispose) : (Promise.allSettled(u.map((s) => s.finished)).then(() => {
-    o || t();
-  }), l.dispose);
+  let a = (r = (n = t.getAnimations) == null ? void 0 : n.call(t).filter((m) => m instanceof CSSTransition)) != null ? r : [];
+  return a.length === 0 ? (e(), i.dispose) : (Promise.allSettled(a.map((m) => m.finished)).then(() => {
+    l || e();
+  }), i.dispose);
 }
-function Il(e, { inFlight: t, prepare: n }) {
-  if (t != null && t.current) {
+function vn(t, { inFlight: e, prepare: n }) {
+  if (e != null && e.current) {
     n();
     return;
   }
-  let r = e.style.transition;
-  e.style.transition = "none", n(), e.offsetHeight, e.style.transition = r;
-}
-function Ht(e, t) {
-  let n = j([]), r = A(e);
-  L(() => {
-    let l = [...n.current];
-    for (let [o, u] of t.entries()) if (n.current[o] !== u) {
-      let s = r(t, l);
-      return n.current = t, s;
-    }
-  }, [r, ...t]);
-}
-let mt = ae(null);
-mt.displayName = "OpenClosedContext";
-var ue = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(ue || {});
-function ht() {
-  return Z(mt);
-}
-function Nl({ value: e, children: t }) {
-  return O.createElement(mt.Provider, { value: e }, t);
-}
-function Dl({ children: e }) {
-  return O.createElement(mt.Provider, { value: null }, e);
-}
-function Wl(e) {
-  function t() {
-    document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", t));
-  }
-  typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", t), t());
-}
-let ve = [];
-Wl(() => {
-  function e(t) {
-    if (!(t.target instanceof HTMLElement) || t.target === document.body || ve[0] === t.target) return;
-    let n = t.target;
-    n = n.closest(ut), ve.unshift(n ?? t.target), ve = ve.filter((r) => r != null && r.isConnected), ve.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 In(e) {
-  let t = A(e), n = j(!1);
-  L(() => (n.current = !1, () => {
-    n.current = !0, pt(() => {
-      n.current && t();
-    });
-  }), [t]);
-}
-function Ul() {
-  let e = typeof document > "u";
-  return "useSyncExternalStore" in Xe ? ((t) => t.useSyncExternalStore)(Xe)(() => () => {
-  }, () => !1, () => !e) : !1;
-}
-function Ze() {
-  let e = Ul(), [t, n] = Xe.useState(Fe.isHandoffComplete);
-  return t && Fe.isHandoffComplete === !1 && n(!1), Xe.useEffect(() => {
-    t !== !0 && n(!0);
-  }, [t]), Xe.useEffect(() => Fe.handoff(), []), e ? !1 : t;
-}
-let Nn = ae(!1);
-function Hl() {
-  return Z(Nn);
-}
-function vn(e) {
-  return O.createElement(Nn.Provider, { value: e.force }, e.children);
-}
-function Bl(e) {
-  let t = Hl(), n = Z(Wn), r = Je(e), [l, o] = V(() => {
-    var u;
-    if (!t && n !== null) return (u = n.current) != null ? u : null;
-    if (Fe.isServer) return null;
-    let s = r == null ? void 0 : r.getElementById("headlessui-portal-root");
-    if (s) return s;
-    if (r === null) return null;
-    let i = r.createElement("div");
-    return i.setAttribute("id", "headlessui-portal-root"), r.body.appendChild(i);
-  });
-  return L(() => {
-    l !== null && (r != null && r.body.contains(l) || r == null || r.body.appendChild(l));
-  }, [l, r]), L(() => {
-    t || n !== null && o(n.current);
-  }, [n, o, t]), l;
-}
-let Dn = se, Vl = Q(function(e, t) {
-  let n = e, r = j(null), l = ce(tl((w) => {
-    r.current = w;
-  }), t), o = Je(r), u = Bl(r), [s] = V(() => {
-    var w;
-    return Fe.isServer ? null : (w = o == null ? void 0 : o.createElement("div")) != null ? w : null;
-  }), i = Z(At), p = Ze();
-  z(() => {
-    !u || !s || u.contains(s) || (s.setAttribute("data-headlessui-portal", ""), u.appendChild(s));
-  }, [u, s]), z(() => {
-    if (s && i) return i.register(s);
-  }, [i, s]), In(() => {
-    var w;
-    !u || !s || (s instanceof Node && u.contains(s) && u.removeChild(s), u.childNodes.length <= 0 && ((w = u.parentElement) == null || w.removeChild(u)));
-  });
-  let c = ie();
-  return p ? !u || !s ? null : Mr(c({ ourProps: { ref: l }, theirProps: n, slot: {}, defaultTag: Dn, name: "Portal" }), s) : null;
-});
-function Yl(e, t) {
-  let n = ce(t), { enabled: r = !0, ...l } = e, o = ie();
-  return r ? O.createElement(Vl, { ...l, ref: n }) : o({ ourProps: { ref: n }, theirProps: l, slot: {}, defaultTag: Dn, name: "Portal" });
-}
-let Xl = se, Wn = ae(null);
-function ql(e, t) {
-  let { target: n, ...r } = e, l = { ref: ce(t) }, o = ie();
-  return O.createElement(Wn.Provider, { value: n }, o({ ourProps: l, theirProps: r, defaultTag: Xl, name: "Popover.Group" }));
-}
-let At = ae(null);
-function Kl() {
-  let e = Z(At), t = j([]), n = A((o) => (t.current.push(o), e && e.register(o), () => r(o))), r = A((o) => {
-    let u = t.current.indexOf(o);
-    u !== -1 && t.current.splice(u, 1), e && e.unregister(o);
-  }), l = B(() => ({ register: n, unregister: r, portals: t }), [n, r, t]);
-  return [t, B(() => function({ children: o }) {
-    return O.createElement(At.Provider, { value: l }, o);
-  }, [l])];
-}
-let zl = Q(Yl), Un = Q(ql), Gl = Object.assign(zl, { Group: Un });
-function Jl(e, t = typeof document < "u" ? document.defaultView : null, n) {
-  let r = Ae(e, "escape");
-  Ln(t, "keydown", (l) => {
-    r && (l.defaultPrevented || l.key === Fn.Escape && n(l));
-  });
-}
-function Zl() {
+  let r = t.style.transition;
+  t.style.transition = "none", n(), t.offsetHeight, t.style.transition = r;
+}
+/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var St = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], Oe = /* @__PURE__ */ St.join(","), Ot = typeof Element > "u", ie = Ot ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Fe = !Ot && Element.prototype.getRootNode ? function(t) {
   var e;
-  let [t] = V(() => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia("(pointer: coarse)") : null), [n, r] = V((e = t == null ? void 0 : t.matches) != null ? e : !1);
-  return z(() => {
-    if (!t) return;
-    function l(o) {
-      r(o.matches);
-    }
-    return t.addEventListener("change", l), () => t.removeEventListener("change", l);
-  }, [t]), n;
-}
-function Ql({ defaultContainers: e = [], portals: t, mainTreeNode: n } = {}) {
-  let r = Je(n), l = A(() => {
-    var o, u;
-    let s = [];
-    for (let i of e) i !== null && (i instanceof HTMLElement ? s.push(i) : "current" in i && i.current instanceof HTMLElement && s.push(i.current));
-    if (t != null && t.current) for (let i of t.current) s.push(i);
-    for (let i of (o = r == null ? void 0 : r.querySelectorAll("html > *, body > *")) != null ? o : []) i !== document.body && i !== document.head && i instanceof HTMLElement && i.id !== "headlessui-portal-root" && (n && (i.contains(n) || i.contains((u = n == null ? void 0 : n.getRootNode()) == null ? void 0 : u.host)) || s.some((p) => i.contains(p)) || s.push(i));
-    return s;
-  });
-  return { resolveContainers: l, contains: A((o) => l().some((u) => u.contains(o))) };
-}
-let Hn = ae(null);
-function gn({ children: e, node: t }) {
-  let [n, r] = V(null), l = Bn(t ?? n);
-  return O.createElement(Hn.Provider, { value: l }, e, l === null && O.createElement(jt, { features: ot.Hidden, ref: (o) => {
-    var u, s;
-    if (o) {
-      for (let i of (s = (u = ft(o)) == null ? void 0 : u.querySelectorAll("html > *, body > *")) != null ? s : []) if (i !== document.body && i !== document.head && i instanceof HTMLElement && i != null && i.contains(o)) {
-        r(i);
-        break;
+  return t == null || (e = t.getRootNode) === null || e === void 0 ? void 0 : e.call(t);
+} : function(t) {
+  return t == null ? void 0 : t.ownerDocument;
+}, ke = function t(e, n) {
+  var r;
+  n === void 0 && (n = !0);
+  var i = e == null || (r = e.getAttribute) === null || r === void 0 ? void 0 : r.call(e, "inert"), l = i === "" || i === "true", a = l || n && e && t(e.parentNode);
+  return a;
+}, bn = function(e) {
+  var n, r = e == null || (n = e.getAttribute) === null || n === void 0 ? void 0 : n.call(e, "contenteditable");
+  return r === "" || r === "true";
+}, Ft = function(e, n, r) {
+  if (ke(e))
+    return [];
+  var i = Array.prototype.slice.apply(e.querySelectorAll(Oe));
+  return n && ie.call(e, Oe) && i.unshift(e), i = i.filter(r), i;
+}, kt = function t(e, n, r) {
+  for (var i = [], l = Array.from(e); l.length; ) {
+    var a = l.shift();
+    if (!ke(a, !1))
+      if (a.tagName === "SLOT") {
+        var m = a.assignedElements(), s = m.length ? m : a.children, v = t(s, !0, r);
+        r.flatten ? i.push.apply(i, v) : i.push({
+          scopeParent: a,
+          candidates: v
+        });
+      } else {
+        var b = ie.call(a, Oe);
+        b && r.filter(a) && (n || !e.includes(a)) && i.push(a);
+        var x = a.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(a), T = !ke(x, !1) && (!r.shadowRootFilter || r.shadowRootFilter(a));
+        if (x && T) {
+          var E = t(x === !0 ? a.children : x.children, !0, r);
+          r.flatten ? i.push.apply(i, E) : i.push({
+            scopeParent: a,
+            candidates: E
+          });
+        } else
+          l.unshift.apply(l, a.children);
       }
-    }
-  } }));
-}
-function Bn(e = null) {
-  var t;
-  return (t = Z(Hn)) != null ? t : e;
-}
-function Bt() {
-  let e = j(!1);
-  return z(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), e;
-}
-var Ye = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Ye || {});
-function ea() {
-  let e = j(0);
-  return An(!0, "keydown", (t) => {
-    t.key === "Tab" && (e.current = t.shiftKey ? 1 : 0);
-  }, !0), e;
-}
-function Vn(e) {
-  if (!e) return /* @__PURE__ */ new Set();
-  if (typeof e == "function") return new Set(e());
-  let t = /* @__PURE__ */ new Set();
-  for (let n of e.current) n.current instanceof HTMLElement && t.add(n.current);
-  return t;
-}
-let ta = "div";
-var Ce = ((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))(Ce || {});
-function na(e, t) {
-  let n = j(null), r = ce(n, t), { initialFocus: l, initialFocusFallback: o, containers: u, features: s = 15, ...i } = e;
-  Ze() || (s = 0);
-  let p = Je(n);
-  ia(s, { ownerDocument: p });
-  let c = oa(s, { ownerDocument: p, container: n, initialFocus: l, initialFocusFallback: o });
-  ua(s, { ownerDocument: p, container: n, containers: u, previousActiveElement: c });
-  let w = ea(), b = A((v) => {
-    let x = n.current;
-    x && ((T) => T())(() => {
-      we(w.current, { [Ye.Forwards]: () => {
-        ze(x, pe.First, { skipElements: [v.relatedTarget, o] });
-      }, [Ye.Backwards]: () => {
-        ze(x, pe.Last, { skipElements: [v.relatedTarget, o] });
-      } });
-    });
-  }), y = Ae(!!(s & 2), "focus-trap#tab-lock"), g = Wt(), f = j(!1), d = { ref: r, onKeyDown(v) {
-    v.key == "Tab" && (f.current = !0, g.requestAnimationFrame(() => {
-      f.current = !1;
-    }));
-  }, onBlur(v) {
-    if (!(s & 4)) return;
-    let x = Vn(u);
-    n.current instanceof HTMLElement && x.add(n.current);
-    let T = v.relatedTarget;
-    T instanceof HTMLElement && T.dataset.headlessuiFocusGuard !== "true" && (Yn(x, T) || (f.current ? ze(n.current, we(w.current, { [Ye.Forwards]: () => pe.Next, [Ye.Backwards]: () => pe.Previous }) | pe.WrapAround, { relativeTo: v.target }) : v.target instanceof HTMLElement && me(v.target)));
-  } }, m = ie();
-  return O.createElement(O.Fragment, null, y && O.createElement(jt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: b, features: ot.Focusable }), m({ ourProps: d, theirProps: i, defaultTag: ta, name: "FocusTrap" }), y && O.createElement(jt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: b, features: ot.Focusable }));
-}
-let ra = Q(na), la = Object.assign(ra, { features: Ce });
-function aa(e = !0) {
-  let t = j(ve.slice());
-  return Ht(([n], [r]) => {
-    r === !0 && n === !1 && pt(() => {
-      t.current.splice(0);
-    }), r === !1 && n === !0 && (t.current = ve.slice());
-  }, [e, ve, t]), A(() => {
-    var n;
-    return (n = t.current.find((r) => r != null && r.isConnected)) != null ? n : null;
-  });
-}
-function ia(e, { ownerDocument: t }) {
-  let n = !!(e & 8), r = aa(n);
-  Ht(() => {
-    n || (t == null ? void 0 : t.activeElement) === (t == null ? void 0 : t.body) && me(r());
-  }, [n]), In(() => {
-    n && me(r());
+  }
+  return i;
+}, Ct = function(e) {
+  return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
+}, ne = function(e) {
+  if (!e)
+    throw new Error("No node provided");
+  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || bn(e)) && !Ct(e) ? 0 : e.tabIndex;
+}, gn = function(e, n) {
+  var r = ne(e);
+  return r < 0 && n && !Ct(e) ? 0 : r;
+}, yn = function(e, n) {
+  return e.tabIndex === n.tabIndex ? e.documentOrder - n.documentOrder : e.tabIndex - n.tabIndex;
+}, Pt = function(e) {
+  return e.tagName === "INPUT";
+}, wn = function(e) {
+  return Pt(e) && e.type === "hidden";
+}, xn = function(e) {
+  var n = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(r) {
+    return r.tagName === "SUMMARY";
   });
-}
-function oa(e, { ownerDocument: t, container: n, initialFocus: r, initialFocusFallback: l }) {
-  let o = j(null), u = Ae(!!(e & 1), "focus-trap#initial-focus"), s = Bt();
-  return Ht(() => {
-    if (e === 0) return;
-    if (!u) {
-      l != null && l.current && me(l.current);
-      return;
+  return n;
+}, En = function(e, n) {
+  for (var r = 0; r < e.length; r++)
+    if (e[r].checked && e[r].form === n)
+      return e[r];
+}, Nn = function(e) {
+  if (!e.name)
+    return !0;
+  var n = e.form || Fe(e), r = function(m) {
+    return n.querySelectorAll('input[type="radio"][name="' + m + '"]');
+  }, i;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    i = r(window.CSS.escape(e.name));
+  else
+    try {
+      i = r(e.name);
+    } catch (a) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", a.message), !1;
+    }
+  var l = En(i, e.form);
+  return !l || l === e;
+}, Tn = function(e) {
+  return Pt(e) && e.type === "radio";
+}, Sn = function(e) {
+  return Tn(e) && !Nn(e);
+}, On = function(e) {
+  var n, r = e && Fe(e), i = (n = r) === null || n === void 0 ? void 0 : n.host, l = !1;
+  if (r && r !== e) {
+    var a, m, s;
+    for (l = !!((a = i) !== null && a !== void 0 && (m = a.ownerDocument) !== null && m !== void 0 && m.contains(i) || e != null && (s = e.ownerDocument) !== null && s !== void 0 && s.contains(e)); !l && i; ) {
+      var v, b, x;
+      r = Fe(i), i = (v = r) === null || v === void 0 ? void 0 : v.host, l = !!((b = i) !== null && b !== void 0 && (x = b.ownerDocument) !== null && x !== void 0 && x.contains(i));
     }
-    let i = n.current;
-    i && pt(() => {
-      if (!s.current) return;
-      let p = t == null ? void 0 : t.activeElement;
-      if (r != null && r.current) {
-        if ((r == null ? void 0 : r.current) === p) {
-          o.current = p;
-          return;
-        }
-      } else if (i.contains(p)) {
-        o.current = p;
-        return;
+  }
+  return l;
+}, lt = function(e) {
+  var n = e.getBoundingClientRect(), r = n.width, i = n.height;
+  return r === 0 && i === 0;
+}, Fn = function(e, n) {
+  var r = n.displayCheck, i = n.getShadowRoot;
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  var l = ie.call(e, "details>summary:first-of-type"), a = l ? e.parentElement : e;
+  if (ie.call(a, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || r === "legacy-full") {
+    if (typeof i == "function") {
+      for (var m = e; e; ) {
+        var s = e.parentElement, v = Fe(e);
+        if (s && !s.shadowRoot && i(s) === !0)
+          return lt(e);
+        e.assignedSlot ? e = e.assignedSlot : !s && v !== e.ownerDocument ? e = v.host : e = s;
       }
-      if (r != null && r.current) me(r.current);
-      else {
-        if (e & 16) {
-          if (ze(i, pe.First | pe.AutoFocus) !== Mt.Error) return;
-        } else if (ze(i, pe.First) !== Mt.Error) return;
-        if (l != null && l.current && (me(l.current), (t == null ? void 0 : t.activeElement) === l.current)) return;
-        console.warn("There are no focusable elements inside the <FocusTrap />");
+      e = m;
+    }
+    if (On(e))
+      return !e.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return lt(e);
+  return !1;
+}, kn = function(e) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))
+    for (var n = e.parentElement; n; ) {
+      if (n.tagName === "FIELDSET" && n.disabled) {
+        for (var r = 0; r < n.children.length; r++) {
+          var i = n.children.item(r);
+          if (i.tagName === "LEGEND")
+            return ie.call(n, "fieldset[disabled] *") ? !0 : !i.contains(e);
+        }
+        return !0;
       }
-      o.current = t == null ? void 0 : t.activeElement;
-    });
-  }, [l, u, e]), o;
-}
-function ua(e, { ownerDocument: t, container: n, containers: r, previousActiveElement: l }) {
-  let o = Bt(), u = !!(e & 4);
-  Ln(t == null ? void 0 : t.defaultView, "focus", (s) => {
-    if (!u || !o.current) return;
-    let i = Vn(r);
-    n.current instanceof HTMLElement && i.add(n.current);
-    let p = l.current;
-    if (!p) return;
-    let c = s.target;
-    c && c instanceof HTMLElement ? Yn(i, c) ? (l.current = c, me(c)) : (s.preventDefault(), s.stopPropagation(), me(p)) : me(l.current);
-  }, !0);
-}
-function Yn(e, t) {
-  for (let n of e) if (n.contains(t)) return !0;
+      n = n.parentElement;
+    }
   return !1;
+}, Ce = function(e, n) {
+  return !(n.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
+  //  because we're limited in the type of selectors we can use in JSDom (see related
+  //  note related to `candidateSelectors`)
+  ke(n) || wn(n) || Fn(n, e) || // For a details element with a summary, the summary element gets the focus
+  xn(n) || kn(n));
+}, Ve = function(e, n) {
+  return !(Sn(n) || ne(n) < 0 || !Ce(e, n));
+}, Cn = function(e) {
+  var n = parseInt(e.getAttribute("tabindex"), 10);
+  return !!(isNaN(n) || n >= 0);
+}, Pn = function t(e) {
+  var n = [], r = [];
+  return e.forEach(function(i, l) {
+    var a = !!i.scopeParent, m = a ? i.scopeParent : i, s = gn(m, a), v = a ? t(i.candidates) : m;
+    s === 0 ? a ? n.push.apply(n, v) : n.push(m) : r.push({
+      documentOrder: l,
+      tabIndex: s,
+      item: i,
+      isScope: a,
+      content: v
+    });
+  }), r.sort(yn).reduce(function(i, l) {
+    return l.isScope ? i.push.apply(i, l.content) : i.push(l.content), i;
+  }, []).concat(n);
+}, In = function(e, n) {
+  n = n || {};
+  var r;
+  return n.getShadowRoot ? r = kt([e], n.includeContainer, {
+    filter: Ve.bind(null, n),
+    flatten: !1,
+    getShadowRoot: n.getShadowRoot,
+    shadowRootFilter: Cn
+  }) : r = Ft(e, n.includeContainer, Ve.bind(null, n)), Pn(r);
+}, Rn = function(e, n) {
+  n = n || {};
+  var r;
+  return n.getShadowRoot ? r = kt([e], n.includeContainer, {
+    filter: Ce.bind(null, n),
+    flatten: !0,
+    getShadowRoot: n.getShadowRoot
+  }) : r = Ft(e, n.includeContainer, Ce.bind(null, n)), r;
+}, ue = function(e, n) {
+  if (n = n || {}, !e)
+    throw new Error("No node provided");
+  return ie.call(e, Oe) === !1 ? !1 : Ve(n, e);
+}, An = /* @__PURE__ */ St.concat("iframe").join(","), Ke = function(e, n) {
+  if (n = n || {}, !e)
+    throw new Error("No node provided");
+  return ie.call(e, An) === !1 ? !1 : Ce(n, e);
+};
+let tt = Pe(null);
+tt.displayName = "OpenClosedContext";
+var re = ((t) => (t[t.Open = 1] = "Open", t[t.Closed = 2] = "Closed", t[t.Closing = 4] = "Closing", t[t.Opening = 8] = "Opening", t))(re || {});
+function It() {
+  return de(tt);
+}
+function Mn({ value: t, children: e }) {
+  return B.createElement(tt.Provider, { value: t }, e);
+}
+function Ln() {
+  let t = typeof document > "u";
+  return "useSyncExternalStore" in ve ? ((e) => e.useSyncExternalStore)(ve)(() => () => {
+  }, () => !1, () => !t) : !1;
+}
+function Rt() {
+  let t = Ln(), [e, n] = ve.useState(Ee.isHandoffComplete);
+  return e && Ee.isHandoffComplete === !1 && n(!1), ve.useEffect(() => {
+    e !== !0 && n(!0);
+  }, [e]), ve.useEffect(() => Ee.handoff(), []), t ? !1 : e;
+}
+function jn() {
+  let t = j(!1);
+  return Q(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), t;
+}
+function At(t) {
+  var e;
+  return !!(t.enter || t.enterFrom || t.enterTo || t.leave || t.leaveFrom || t.leaveTo) || ((e = t.as) != null ? e : Lt) !== ae || B.Children.count(t.children) === 1;
 }
-function Xn(e) {
-  var t;
-  return !!(e.enter || e.enterFrom || e.enterTo || e.leave || e.leaveFrom || e.leaveTo) || ((t = e.as) != null ? t : Kn) !== se || O.Children.count(e.children) === 1;
-}
-let vt = ae(null);
-vt.displayName = "TransitionContext";
-var sa = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(sa || {});
-function ca() {
-  let e = Z(vt);
-  if (e === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
-  return e;
-}
-function da() {
-  let e = Z(gt);
-  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 = Pe(null);
+je.displayName = "TransitionContext";
+var Dn = ((t) => (t.Visible = "visible", t.Hidden = "hidden", t))(Dn || {});
+function $n() {
+  let t = de(je);
+  if (t === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
+  return t;
 }
-let gt = ae(null);
-gt.displayName = "NestingContext";
-function wt(e) {
-  return "children" in e ? wt(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
+function Un() {
+  let t = de(De);
+  if (t === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
+  return t;
 }
-function qn(e, t) {
-  let n = ke(e), r = j([]), l = Bt(), o = Wt(), u = A((y, g = ge.Hidden) => {
-    let f = r.current.findIndex(({ el: d }) => d === y);
-    f !== -1 && (we(g, { [ge.Unmount]() {
-      r.current.splice(f, 1);
-    }, [ge.Hidden]() {
-      r.current[f].state = "hidden";
-    } }), o.microTask(() => {
+let De = Pe(null);
+De.displayName = "NestingContext";
+function $e(t) {
+  return "children" in t ? $e(t.children) : t.current.filter(({ el: e }) => e.current !== null).filter(({ state: e }) => e === "visible").length > 0;
+}
+function Mt(t, e) {
+  let n = wt(t), r = j([]), i = jn(), l = yt(), a = G((E, c = J.Hidden) => {
+    let g = r.current.findIndex(({ el: d }) => d === E);
+    g !== -1 && (Le(c, { [J.Unmount]() {
+      r.current.splice(g, 1);
+    }, [J.Hidden]() {
+      r.current[g].state = "hidden";
+    } }), l.microTask(() => {
       var d;
-      !wt(r) && l.current && ((d = n.current) == null || d.call(n));
+      !$e(r) && i.current && ((d = n.current) == null || d.call(n));
     }));
-  }), s = A((y) => {
-    let g = r.current.find(({ el: f }) => f === y);
-    return g ? g.state !== "visible" && (g.state = "visible") : r.current.push({ el: y, state: "visible" }), () => u(y, ge.Unmount);
-  }), i = j([]), p = j(Promise.resolve()), c = j({ enter: [], leave: [] }), w = A((y, g, f) => {
-    i.current.splice(0), t && (t.chains.current[g] = t.chains.current[g].filter(([d]) => d !== y)), t == null || t.chains.current[g].push([y, new Promise((d) => {
-      i.current.push(d);
-    })]), t == null || t.chains.current[g].push([y, new Promise((d) => {
-      Promise.all(c.current[g].map(([m, v]) => v)).then(() => d());
-    })]), g === "enter" ? p.current = p.current.then(() => t == null ? void 0 : t.wait.current).then(() => f(g)) : f(g);
-  }), b = A((y, g, f) => {
-    Promise.all(c.current[g].splice(0).map(([d, m]) => m)).then(() => {
+  }), m = G((E) => {
+    let c = r.current.find(({ el: g }) => g === E);
+    return c ? c.state !== "visible" && (c.state = "visible") : r.current.push({ el: E, state: "visible" }), () => a(E, J.Unmount);
+  }), s = j([]), v = j(Promise.resolve()), b = j({ enter: [], leave: [] }), x = G((E, c, g) => {
+    s.current.splice(0), e && (e.chains.current[c] = e.chains.current[c].filter(([d]) => d !== E)), e == null || e.chains.current[c].push([E, new Promise((d) => {
+      s.current.push(d);
+    })]), e == null || e.chains.current[c].push([E, new Promise((d) => {
+      Promise.all(b.current[c].map(([f, p]) => p)).then(() => d());
+    })]), c === "enter" ? v.current = v.current.then(() => e == null ? void 0 : e.wait.current).then(() => g(c)) : g(c);
+  }), T = G((E, c, g) => {
+    Promise.all(b.current[c].splice(0).map(([d, f]) => f)).then(() => {
       var d;
-      (d = i.current.shift()) == null || d();
-    }).then(() => f(g));
+      (d = s.current.shift()) == null || d();
+    }).then(() => g(c));
   });
-  return B(() => ({ children: r, register: s, unregister: u, onStart: w, onStop: b, wait: p, chains: c }), [s, u, r, w, b, c, p]);
+  return Y(() => ({ children: r, register: m, unregister: a, onStart: x, onStop: T, wait: v, chains: b }), [m, a, r, x, T, b, v]);
 }
-let Kn = se, zn = it.RenderStrategy;
-function fa(e, t) {
+let Lt = ae, jt = xt.RenderStrategy;
+function Wn(t, e) {
   var n, r;
-  let { transition: l = !0, beforeEnter: o, afterEnter: u, beforeLeave: s, afterLeave: i, enter: p, enterFrom: c, enterTo: w, entered: b, leave: y, leaveFrom: g, leaveTo: f, ...d } = e, [m, v] = V(null), x = j(null), T = Xn(e), F = ce(...T ? [x, t, v] : t === null ? [] : [t]), X = (n = d.unmount) == null || n ? ge.Unmount : ge.Hidden, { show: U, appear: ee, initial: te } = ca(), [H, q] = V(U ? "visible" : "hidden"), G = da(), { register: M, unregister: $ } = G;
-  z(() => M(x), [M, x]), z(() => {
-    if (X === ge.Hidden && x.current) {
-      if (U && H !== "visible") {
-        q("visible");
+  let { transition: i = !0, beforeEnter: l, afterEnter: a, beforeLeave: m, afterLeave: s, enter: v, enterFrom: b, enterTo: x, entered: T, leave: E, leaveFrom: c, leaveTo: g, ...d } = t, [f, p] = $(null), y = j(null), N = At(t), h = Tt(...N ? [y, e, p] : e === null ? [] : [e]), k = (n = d.unmount) == null || n ? J.Unmount : J.Hidden, { show: A, appear: H, initial: K } = $n(), [U, W] = $(A ? "visible" : "hidden"), O = Un(), { register: o, unregister: u } = O;
+  Q(() => o(y), [o, y]), Q(() => {
+    if (k === J.Hidden && y.current) {
+      if (A && U !== "visible") {
+        W("visible");
         return;
       }
-      return we(H, { hidden: () => $(x), visible: () => M(x) });
-    }
-  }, [H, x, M, $, U, X]);
-  let I = Ze();
-  z(() => {
-    if (T && I && H === "visible" && x.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
-  }, [x, H, I, T]);
-  let be = te && !ee, xe = ee && U && te, he = j(!1), ne = qn(() => {
-    he.current || (q("hidden"), $(x));
-  }, G), Ee = A((Pe) => {
-    he.current = !0;
-    let de = Pe ? "enter" : "leave";
-    ne.onStart(x, de, (fe) => {
-      fe === "enter" ? o == null || o() : fe === "leave" && (s == null || s());
+      return Le(U, { hidden: () => u(y), visible: () => o(y) });
+    }
+  }, [U, y, o, u, A, k]);
+  let w = Rt();
+  Q(() => {
+    if (N && w && U === "visible" && y.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+  }, [y, U, w, N]);
+  let C = K && !H, P = H && A && K, I = j(!1), S = Mt(() => {
+    I.current || (W("hidden"), u(y));
+  }, O), R = G((ee) => {
+    I.current = !0;
+    let Z = ee ? "enter" : "leave";
+    S.onStart(y, Z, (ce) => {
+      ce === "enter" ? l == null || l() : ce === "leave" && (m == null || m());
     });
-  }), N = A((Pe) => {
-    let de = Pe ? "enter" : "leave";
-    he.current = !1, ne.onStop(x, de, (fe) => {
-      fe === "enter" ? u == null || u() : fe === "leave" && (i == null || i());
-    }), de === "leave" && !wt(ne) && (q("hidden"), $(x));
+  }), M = G((ee) => {
+    let Z = ee ? "enter" : "leave";
+    I.current = !1, S.onStop(y, Z, (ce) => {
+      ce === "enter" ? a == null || a() : ce === "leave" && (s == null || s());
+    }), Z === "leave" && !$e(S) && (W("hidden"), u(y));
   });
-  L(() => {
-    T && l || (Ee(U), N(U));
-  }, [U, T, l]);
-  let Te = !(!l || !T || !I || be), [, Y] = Ml(Te, m, U, { start: Ee, end: N }), bt = Se({ ref: F, className: ((r = kt(d.className, xe && p, xe && c, Y.enter && p, Y.enter && Y.closed && c, Y.enter && !Y.closed && w, Y.leave && y, Y.leave && !Y.closed && g, Y.leave && Y.closed && f, !Y.transition && U && b)) == null ? void 0 : r.trim()) || void 0, ..._l(Y) }), Oe = 0;
-  H === "visible" && (Oe |= ue.Open), H === "hidden" && (Oe |= ue.Closed), Y.enter && (Oe |= ue.Opening), Y.leave && (Oe |= ue.Closing);
-  let Ie = ie();
-  return O.createElement(gt.Provider, { value: ne }, O.createElement(Nl, { value: Oe }, Ie({ ourProps: bt, theirProps: d, defaultTag: Kn, features: zn, visible: H === "visible", name: "Transition.Child" })));
-}
-function pa(e, t) {
-  let { show: n, appear: r = !1, unmount: l = !0, ...o } = e, u = j(null), s = Xn(e), i = ce(...s ? [u, t] : t === null ? [] : [t]);
-  Ze();
-  let p = ht();
-  if (n === void 0 && p !== null && (n = (p & ue.Open) === ue.Open), n === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
-  let [c, w] = V(n ? "visible" : "hidden"), b = qn(() => {
-    n || w("hidden");
-  }), [y, g] = V(!0), f = j([n]);
-  z(() => {
-    y !== !1 && f.current[f.current.length - 1] !== n && (f.current.push(n), g(!1));
-  }, [f, n]);
-  let d = B(() => ({ show: n, appear: r, initial: y }), [n, r, y]);
-  z(() => {
-    n ? w("visible") : !wt(b) && u.current !== null && w("hidden");
-  }, [n, b]);
-  let m = { unmount: l }, v = A(() => {
-    var F;
-    y && g(!1), (F = e.beforeEnter) == null || F.call(e);
-  }), x = A(() => {
-    var F;
-    y && g(!1), (F = e.beforeLeave) == null || F.call(e);
-  }), T = ie();
-  return O.createElement(gt.Provider, { value: b }, O.createElement(vt.Provider, { value: d }, T({ ourProps: { ...m, as: se, children: O.createElement(Gn, { ref: i, ...m, ...o, beforeEnter: v, beforeLeave: x }) }, theirProps: {}, defaultTag: se, features: zn, visible: c === "visible", name: "Transition" })));
-}
-function ma(e, t) {
-  let n = Z(vt) !== null, r = ht() !== null;
-  return O.createElement(O.Fragment, null, !n && r ? O.createElement(Lt, { ref: t, ...e }) : O.createElement(Gn, { ref: t, ...e }));
-}
-let Lt = Q(pa), Gn = Q(fa), Le = Q(ma), Jn = Object.assign(Lt, { Child: Le, Root: Lt });
-var ha = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(ha || {}), va = ((e) => (e[e.SetTitleId = 0] = "SetTitleId", e))(va || {});
-let ga = { 0(e, t) {
-  return e.titleId === t.id ? e : { ...e, titleId: t.id };
-} }, Vt = ae(null);
-Vt.displayName = "DialogContext";
-function yt(e) {
-  let t = Z(Vt);
-  if (t === null) {
-    let n = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(n, yt), n;
-  }
-  return t;
-}
-function wa(e, t) {
-  return we(t.type, ga, e, t);
-}
-let wn = Q(function(e, t) {
-  let n = Ge(), { id: r = `headlessui-dialog-${n}`, open: l, onClose: o, initialFocus: u, role: s = "dialog", autoFocus: i = !0, __demoMode: p = !1, unmount: c = !1, ...w } = e, b = j(!1);
-  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 y = ht();
-  l === void 0 && y !== null && (l = (y & ue.Open) === ue.Open);
-  let g = j(null), f = ce(g, t), d = Je(g), m = l ? 0 : 1, [v, x] = Fr(wa, { titleId: null, descriptionId: null, panelRef: kr() }), T = A(() => o(!1)), F = A((N) => x({ type: 0, id: N })), X = Ze() ? m === 0 : !1, [U, ee] = Kl(), te = { get current() {
-    var N;
-    return (N = v.panelRef.current) != null ? N : g.current;
-  } }, H = Bn(), { resolveContainers: q } = Ql({ mainTreeNode: H, portals: U, defaultContainers: [te] }), G = y !== null ? (y & ue.Closing) === ue.Closing : !1;
-  dl(p || G ? !1 : X, { allowed: A(() => {
-    var N, Te;
-    return [(Te = (N = g.current) == null ? void 0 : N.closest("[data-headlessui-portal]")) != null ? Te : null];
-  }), disallowed: A(() => {
-    var N;
-    return [(N = H == null ? void 0 : H.closest("body > *:not(#headlessui-portal-root)")) != null ? N : null];
-  }) }), Ol(X, q, (N) => {
-    N.preventDefault(), T();
-  }), Jl(X, d == null ? void 0 : d.defaultView, (N) => {
-    N.preventDefault(), N.stopPropagation(), document.activeElement && "blur" in document.activeElement && typeof document.activeElement.blur == "function" && document.activeElement.blur(), T();
-  }), Fl(p || G ? !1 : X, d, q), fl(X, g, T);
-  let [M, $] = nl(), I = B(() => [{ dialogState: m, close: T, setTitleId: F, unmount: c }, v], [m, v, T, F, c]), be = B(() => ({ open: m === 0 }), [m]), xe = { ref: f, id: r, role: s, tabIndex: -1, "aria-modal": p ? void 0 : m === 0 ? !0 : void 0, "aria-labelledby": v.titleId, "aria-describedby": M, unmount: c }, he = !Zl(), ne = Ce.None;
-  X && !p && (ne |= Ce.RestoreFocus, ne |= Ce.TabLock, i && (ne |= Ce.AutoFocus), he && (ne |= Ce.InitialFocus));
-  let Ee = ie();
-  return O.createElement(Dl, null, O.createElement(vn, { force: !0 }, O.createElement(Gl, null, O.createElement(Vt.Provider, { value: I }, O.createElement(Un, { target: g }, O.createElement(vn, { force: !1 }, O.createElement($, { slot: be }, O.createElement(ee, null, O.createElement(la, { initialFocus: u, initialFocusFallback: g, containers: q, features: ne }, O.createElement(ul, { value: T }, Ee({ ourProps: xe, theirProps: w, slot: be, defaultTag: ya, features: ba, visible: m === 0, name: "Dialog" })))))))))));
-}), ya = "div", ba = it.RenderStrategy | it.Static;
-function xa(e, t) {
-  let { transition: n = !1, open: r, ...l } = e, o = ht(), u = e.hasOwnProperty("open") || o !== null, s = e.hasOwnProperty("onClose");
-  if (!u && !s) throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");
-  if (!u) 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.");
-  if (!o && 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(gn, null, O.createElement(Jn, { show: r, transition: n, unmount: l.unmount }, O.createElement(wn, { ref: t, ...l }))) : O.createElement(gn, null, O.createElement(wn, { ref: t, open: r, ...l }));
-}
-let Ea = "div";
-function Ta(e, t) {
-  let n = Ge(), { id: r = `headlessui-dialog-panel-${n}`, transition: l = !1, ...o } = e, [{ dialogState: u, unmount: s }, i] = yt("Dialog.Panel"), p = ce(t, i.panelRef), c = B(() => ({ open: u === 0 }), [u]), w = A((d) => {
-    d.stopPropagation();
-  }), b = { ref: p, id: r, onClick: w }, y = l ? Le : se, g = l ? { unmount: s } : {}, f = ie();
-  return O.createElement(y, { ...g }, f({ ourProps: b, theirProps: o, slot: c, defaultTag: Ea, name: "Dialog.Panel" }));
-}
-let Oa = "div";
-function Pa(e, t) {
-  let { transition: n = !1, ...r } = e, [{ dialogState: l, unmount: o }] = yt("Dialog.Backdrop"), u = B(() => ({ open: l === 0 }), [l]), s = { ref: t, "aria-hidden": !0 }, i = n ? Le : se, p = n ? { unmount: o } : {}, c = ie();
-  return O.createElement(i, { ...p }, c({ ourProps: s, theirProps: r, slot: u, defaultTag: Oa, name: "Dialog.Backdrop" }));
-}
-let Ra = "h2";
-function Sa(e, t) {
-  let n = Ge(), { id: r = `headlessui-dialog-title-${n}`, ...l } = e, [{ dialogState: o, setTitleId: u }] = yt("Dialog.Title"), s = ce(t);
-  L(() => (u(r), () => u(null)), [r, u]);
-  let i = B(() => ({ open: o === 0 }), [o]), p = { ref: s, id: r };
-  return ie()({ ourProps: p, theirProps: l, slot: i, defaultTag: Ra, name: "Dialog.Title" });
-}
-let Ca = Q(xa), Yt = Q(Ta);
-Q(Pa);
-let $a = Q(Sa), Fa = Object.assign(Ca, { Panel: Yt, Title: $a, Description: il });
-function Zn({ onClick: e }) {
-  return /* @__PURE__ */ R.jsxs(
+  D(() => {
+    N && i || (R(A), M(A));
+  }, [A, N, i]);
+  let z = !(!i || !N || !w || C), [, L] = mn(z, f, A, { start: R, end: M }), _ = te({ ref: h, className: ((r = _e(d.className, P && v, P && b, L.enter && v, L.enter && L.closed && b, L.enter && !L.closed && x, L.leave && E, L.leave && !L.closed && c, L.leave && L.closed && g, !L.transition && A && T)) == null ? void 0 : r.trim()) || void 0, ...fn(L) }), q = 0;
+  U === "visible" && (q |= re.Open), U === "hidden" && (q |= re.Closed), L.enter && (q |= re.Opening), L.leave && (q |= re.Closing);
+  let ye = Et();
+  return B.createElement(De.Provider, { value: S }, B.createElement(Mn, { value: q }, ye({ ourProps: _, theirProps: d, defaultTag: Lt, features: jt, visible: U === "visible", name: "Transition.Child" })));
+}
+function Bn(t, e) {
+  let { show: n, appear: r = !1, unmount: i = !0, ...l } = t, a = j(null), m = At(t), s = Tt(...m ? [a, e] : e === null ? [] : [e]);
+  Rt();
+  let v = It();
+  if (n === void 0 && v !== null && (n = (v & re.Open) === re.Open), n === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
+  let [b, x] = $(n ? "visible" : "hidden"), T = Mt(() => {
+    n || x("hidden");
+  }), [E, c] = $(!0), g = j([n]);
+  Q(() => {
+    E !== !1 && g.current[g.current.length - 1] !== n && (g.current.push(n), c(!1));
+  }, [g, n]);
+  let d = Y(() => ({ show: n, appear: r, initial: E }), [n, r, E]);
+  Q(() => {
+    n ? x("visible") : !$e(T) && a.current !== null && x("hidden");
+  }, [n, T]);
+  let f = { unmount: i }, p = G(() => {
+    var h;
+    E && c(!1), (h = t.beforeEnter) == null || h.call(t);
+  }), y = G(() => {
+    var h;
+    E && c(!1), (h = t.beforeLeave) == null || h.call(t);
+  }), N = Et();
+  return B.createElement(De.Provider, { value: T }, B.createElement(je.Provider, { value: d }, N({ ourProps: { ...f, as: ae, children: B.createElement(Dt, { ref: s, ...f, ...l, beforeEnter: p, beforeLeave: y }) }, theirProps: {}, defaultTag: ae, features: jt, visible: b === "visible", name: "Transition" })));
+}
+function Hn(t, e) {
+  let n = de(je) !== null, r = It() !== null;
+  return B.createElement(B.Fragment, null, !n && r ? B.createElement(ze, { ref: e, ...t }) : B.createElement(Dt, { ref: e, ...t }));
+}
+let ze = et(Bn), Dt = et(Wn), Ue = et(Hn), Kn = Object.assign(ze, { Child: Ue, Root: ze });
+function $t({ onClick: t }) {
+  return /* @__PURE__ */ le(
     "button",
     {
       type: "button",
       className: "im-close-button text-gray-400 hover:text-gray-500",
-      onClick: e,
+      onClick: t,
       children: [
-        /* @__PURE__ */ R.jsx("span", { className: "sr-only", children: "Close" }),
-        /* @__PURE__ */ R.jsx(
+        /* @__PURE__ */ F("span", { className: "sr-only", children: "Close" }),
+        /* @__PURE__ */ F(
           "svg",
           {
             className: "size-6",
@@ -2258,7 +1136,7 @@ function Zn({ onClick: e }) {
             strokeWidth: "2",
             stroke: "currentColor",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ R.jsx(
+            children: /* @__PURE__ */ F(
               "path",
               {
                 strokeLinecap: "round",
@@ -2272,114 +1150,626 @@ function Zn({ onClick: e }) {
     }
   );
 }
-const ka = ({ modalContext: e, config: t, children: n }) => /* @__PURE__ */ R.jsx("div", { className: "im-modal-container fixed inset-0 z-40 overflow-y-auto p-4", children: /* @__PURE__ */ R.jsx(
-  "div",
-  {
-    className: at("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__ */ R.jsx(
-      Le,
-      {
-        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",
-        afterLeave: e.afterLeave,
-        className: at("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: /* @__PURE__ */ R.jsxs(Yt, { className: `im-modal-content relative ${t.paddingClasses} ${t.panelClasses}`, children: [
-          t.closeButton && /* @__PURE__ */ R.jsx("div", { className: "absolute right-0 top-0 pr-3 pt-3", children: /* @__PURE__ */ R.jsx(Zn, { onClick: e.close }) }),
-          typeof n == "function" ? n({ modalContext: e, config: t }) : n
-        ] })
-      }
-    )
+/*!
+* focus-trap 7.6.2
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/
+function Ge(t, e) {
+  (e == null || e > t.length) && (e = t.length);
+  for (var n = 0, r = Array(e); n < e; n++) r[n] = t[n];
+  return r;
+}
+function qn(t) {
+  if (Array.isArray(t)) return Ge(t);
+}
+function Xn(t, e, n) {
+  return (e = Zn(e)) in t ? Object.defineProperty(t, e, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = n, t;
+}
+function _n(t) {
+  if (typeof Symbol < "u" && t[Symbol.iterator] != null || t["@@iterator"] != null) return Array.from(t);
+}
+function Vn() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function st(t, e) {
+  var n = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(t);
+    e && (r = r.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(t, i).enumerable;
+    })), n.push.apply(n, r);
   }
-) }), ja = ({ modalContext: e, config: t, children: n }) => /* @__PURE__ */ R.jsx("div", { className: "im-slideover-container fixed inset-0 z-40 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ R.jsx(
-  "div",
-  {
-    className: at("im-slideover-positioner flex min-h-full items-center", {
-      "justify-start": t.position === "left",
-      "justify-end": t.position === "right"
-    }),
-    children: /* @__PURE__ */ R.jsx(
-      Le,
-      {
-        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"}`,
-        afterLeave: e.afterLeave,
-        className: at("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: /* @__PURE__ */ R.jsxs(Yt, { className: `im-slideover-content relative ${t.paddingClasses} ${t.panelClasses}`, children: [
-          t.closeButton && /* @__PURE__ */ R.jsx("div", { className: "absolute right-0 top-0 pr-3 pt-3", children: /* @__PURE__ */ R.jsx(Zn, { onClick: e.close }) }),
-          typeof n == "function" ? n({ modalContext: e, config: t }) : n
-        ] })
+  return n;
+}
+function ot(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var n = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? st(Object(n), !0).forEach(function(r) {
+      Xn(t, r, n[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : st(Object(n)).forEach(function(r) {
+      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(n, r));
+    });
+  }
+  return t;
+}
+function zn(t) {
+  return qn(t) || _n(t) || Yn(t) || Vn();
+}
+function Gn(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var n = t[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var r = n.call(t, e || "default");
+    if (typeof r != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function Zn(t) {
+  var e = Gn(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function Yn(t, e) {
+  if (t) {
+    if (typeof t == "string") return Ge(t, e);
+    var n = {}.toString.call(t).slice(8, -1);
+    return n === "Object" && t.constructor && (n = t.constructor.name), n === "Map" || n === "Set" ? Array.from(t) : n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Ge(t, e) : void 0;
+  }
+}
+var ut = {
+  activateTrap: function(e, n) {
+    if (e.length > 0) {
+      var r = e[e.length - 1];
+      r !== n && r.pause();
+    }
+    var i = e.indexOf(n);
+    i === -1 || e.splice(i, 1), e.push(n);
+  },
+  deactivateTrap: function(e, n) {
+    var r = e.indexOf(n);
+    r !== -1 && e.splice(r, 1), e.length > 0 && e[e.length - 1].unpause();
+  }
+}, Jn = function(e) {
+  return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
+}, Qn = function(e) {
+  return (e == null ? void 0 : e.key) === "Escape" || (e == null ? void 0 : e.key) === "Esc" || (e == null ? void 0 : e.keyCode) === 27;
+}, ge = function(e) {
+  return (e == null ? void 0 : e.key) === "Tab" || (e == null ? void 0 : e.keyCode) === 9;
+}, er = function(e) {
+  return ge(e) && !e.shiftKey;
+}, tr = function(e) {
+  return ge(e) && e.shiftKey;
+}, dt = function(e) {
+  return setTimeout(e, 0);
+}, pe = function(e) {
+  for (var n = arguments.length, r = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++)
+    r[i - 1] = arguments[i];
+  return typeof e == "function" ? e.apply(void 0, r) : e;
+}, xe = function(e) {
+  return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
+}, nr = [], rr = function(e, n) {
+  var r = (n == null ? void 0 : n.document) || document, i = (n == null ? void 0 : n.trapStack) || nr, l = ot({
+    returnFocusOnDeactivate: !0,
+    escapeDeactivates: !0,
+    delayInitialFocus: !0,
+    isKeyForward: er,
+    isKeyBackward: tr
+  }, n), a = {
+    // containers given to createFocusTrap()
+    // @type {Array<HTMLElement>}
+    containers: [],
+    // list of objects identifying tabbable nodes in `containers` in the trap
+    // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap
+    //  is active, but the trap should never get to a state where there isn't at least one group
+    //  with at least one tabbable node in it (that would lead to an error condition that would
+    //  result in an error being thrown)
+    // @type {Array<{
+    //   container: HTMLElement,
+    //   tabbableNodes: Array<HTMLElement>, // empty if none
+    //   focusableNodes: Array<HTMLElement>, // empty if none
+    //   posTabIndexesFound: boolean,
+    //   firstTabbableNode: HTMLElement|undefined,
+    //   lastTabbableNode: HTMLElement|undefined,
+    //   firstDomTabbableNode: HTMLElement|undefined,
+    //   lastDomTabbableNode: HTMLElement|undefined,
+    //   nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined
+    // }>}
+    containerGroups: [],
+    // same order/length as `containers` list
+    // references to objects in `containerGroups`, but only those that actually have
+    //  tabbable nodes in them
+    // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
+    //  the same length
+    tabbableGroups: [],
+    nodeFocusedBeforeActivation: null,
+    mostRecentlyFocusedNode: null,
+    active: !1,
+    paused: !1,
+    // timer ID for when delayInitialFocus is true and initial focus in this trap
+    //  has been delayed during activation
+    delayInitialFocusTimer: void 0,
+    // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
+    recentNavEvent: void 0
+  }, m, s = function(o, u, w) {
+    return o && o[u] !== void 0 ? o[u] : l[w || u];
+  }, v = function(o, u) {
+    var w = typeof (u == null ? void 0 : u.composedPath) == "function" ? u.composedPath() : void 0;
+    return a.containerGroups.findIndex(function(C) {
+      var P = C.container, I = C.tabbableNodes;
+      return P.contains(o) || // fall back to explicit tabbable search which will take into consideration any
+      //  web components if the `tabbableOptions.getShadowRoot` option was used for
+      //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
+      //  look inside web components even if open)
+      (w == null ? void 0 : w.includes(P)) || I.find(function(S) {
+        return S === o;
+      });
+    });
+  }, b = function(o) {
+    var u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, w = u.hasFallback, C = w === void 0 ? !1 : w, P = u.params, I = P === void 0 ? [] : P, S = l[o];
+    if (typeof S == "function" && (S = S.apply(void 0, zn(I))), S === !0 && (S = void 0), !S) {
+      if (S === void 0 || S === !1)
+        return S;
+      throw new Error("`".concat(o, "` was specified but was not a node, or did not return a node"));
+    }
+    var R = S;
+    if (typeof S == "string") {
+      try {
+        R = r.querySelector(S);
+      } catch (M) {
+        throw new Error("`".concat(o, '` appears to be an invalid selector; error="').concat(M.message, '"'));
+      }
+      if (!R && !C)
+        throw new Error("`".concat(o, "` as selector refers to no known node"));
+    }
+    return R;
+  }, x = function() {
+    var o = b("initialFocus", {
+      hasFallback: !0
+    });
+    if (o === !1)
+      return !1;
+    if (o === void 0 || o && !Ke(o, l.tabbableOptions))
+      if (v(r.activeElement) >= 0)
+        o = r.activeElement;
+      else {
+        var u = a.tabbableGroups[0], w = u && u.firstTabbableNode;
+        o = w || b("fallbackFocus");
+      }
+    else o === null && (o = b("fallbackFocus"));
+    if (!o)
+      throw new Error("Your focus-trap needs to have at least one focusable element");
+    return o;
+  }, T = function() {
+    if (a.containerGroups = a.containers.map(function(o) {
+      var u = In(o, l.tabbableOptions), w = Rn(o, l.tabbableOptions), C = u.length > 0 ? u[0] : void 0, P = u.length > 0 ? u[u.length - 1] : void 0, I = w.find(function(M) {
+        return ue(M);
+      }), S = w.slice().reverse().find(function(M) {
+        return ue(M);
+      }), R = !!u.find(function(M) {
+        return ne(M) > 0;
+      });
+      return {
+        container: o,
+        tabbableNodes: u,
+        focusableNodes: w,
+        /** True if at least one node with positive `tabindex` was found in this container. */
+        posTabIndexesFound: R,
+        /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
+        firstTabbableNode: C,
+        /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
+        lastTabbableNode: P,
+        // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
+        //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
+        //  because that API doesn't work with Shadow DOM as well as it should (@see
+        //  https://github.com/whatwg/dom/issues/320) and since this first/last is only needed, so far,
+        //  to address an edge case related to positive tabindex support, this seems like a much easier,
+        //  "close enough most of the time" alternative for positive tabindexes which should generally
+        //  be avoided anyway...
+        /** First tabbable node in container, __DOM__ order; `undefined` if none. */
+        firstDomTabbableNode: I,
+        /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
+        lastDomTabbableNode: S,
+        /**
+         * Finds the __tabbable__ node that follows the given node in the specified direction,
+         *  in this container, if any.
+         * @param {HTMLElement} node
+         * @param {boolean} [forward] True if going in forward tab order; false if going
+         *  in reverse.
+         * @returns {HTMLElement|undefined} The next tabbable node, if any.
+         */
+        nextTabbableNode: function(z) {
+          var L = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, _ = u.indexOf(z);
+          return _ < 0 ? L ? w.slice(w.indexOf(z) + 1).find(function(q) {
+            return ue(q);
+          }) : w.slice(0, w.indexOf(z)).reverse().find(function(q) {
+            return ue(q);
+          }) : u[_ + (L ? 1 : -1)];
+        }
+      };
+    }), a.tabbableGroups = a.containerGroups.filter(function(o) {
+      return o.tabbableNodes.length > 0;
+    }), a.tabbableGroups.length <= 0 && !b("fallbackFocus"))
+      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
+    if (a.containerGroups.find(function(o) {
+      return o.posTabIndexesFound;
+    }) && a.containerGroups.length > 1)
+      throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
+  }, E = function(o) {
+    var u = o.activeElement;
+    if (u)
+      return u.shadowRoot && u.shadowRoot.activeElement !== null ? E(u.shadowRoot) : u;
+  }, c = function(o) {
+    if (o !== !1 && o !== E(document)) {
+      if (!o || !o.focus) {
+        c(x());
+        return;
+      }
+      o.focus({
+        preventScroll: !!l.preventScroll
+      }), a.mostRecentlyFocusedNode = o, Jn(o) && o.select();
+    }
+  }, g = function(o) {
+    var u = b("setReturnFocus", {
+      params: [o]
+    });
+    return u || (u === !1 ? !1 : o);
+  }, d = function(o) {
+    var u = o.target, w = o.event, C = o.isBackward, P = C === void 0 ? !1 : C;
+    u = u || xe(w), T();
+    var I = null;
+    if (a.tabbableGroups.length > 0) {
+      var S = v(u, w), R = S >= 0 ? a.containerGroups[S] : void 0;
+      if (S < 0)
+        P ? I = a.tabbableGroups[a.tabbableGroups.length - 1].lastTabbableNode : I = a.tabbableGroups[0].firstTabbableNode;
+      else if (P) {
+        var M = a.tabbableGroups.findIndex(function(ee) {
+          var Z = ee.firstTabbableNode;
+          return u === Z;
+        });
+        if (M < 0 && (R.container === u || Ke(u, l.tabbableOptions) && !ue(u, l.tabbableOptions) && !R.nextTabbableNode(u, !1)) && (M = S), M >= 0) {
+          var z = M === 0 ? a.tabbableGroups.length - 1 : M - 1, L = a.tabbableGroups[z];
+          I = ne(u) >= 0 ? L.lastTabbableNode : L.lastDomTabbableNode;
+        } else ge(w) || (I = R.nextTabbableNode(u, !1));
+      } else {
+        var _ = a.tabbableGroups.findIndex(function(ee) {
+          var Z = ee.lastTabbableNode;
+          return u === Z;
+        });
+        if (_ < 0 && (R.container === u || Ke(u, l.tabbableOptions) && !ue(u, l.tabbableOptions) && !R.nextTabbableNode(u)) && (_ = S), _ >= 0) {
+          var q = _ === a.tabbableGroups.length - 1 ? 0 : _ + 1, ye = a.tabbableGroups[q];
+          I = ne(u) >= 0 ? ye.firstTabbableNode : ye.firstDomTabbableNode;
+        } else ge(w) || (I = R.nextTabbableNode(u));
+      }
+    } else
+      I = b("fallbackFocus");
+    return I;
+  }, f = function(o) {
+    var u = xe(o);
+    if (!(v(u, o) >= 0)) {
+      if (pe(l.clickOutsideDeactivates, o)) {
+        m.deactivate({
+          // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
+          //  which will result in the outside click setting focus to the node
+          //  that was clicked (and if not focusable, to "nothing"); by setting
+          //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused
+          //  on activation (or the configured `setReturnFocus` node), whether the
+          //  outside click was on a focusable node or not
+          returnFocus: l.returnFocusOnDeactivate
+        });
+        return;
       }
-    )
+      pe(l.allowOutsideClick, o) || o.preventDefault();
+    }
+  }, p = function(o) {
+    var u = xe(o), w = v(u, o) >= 0;
+    if (w || u instanceof Document)
+      w && (a.mostRecentlyFocusedNode = u);
+    else {
+      o.stopImmediatePropagation();
+      var C, P = !0;
+      if (a.mostRecentlyFocusedNode)
+        if (ne(a.mostRecentlyFocusedNode) > 0) {
+          var I = v(a.mostRecentlyFocusedNode), S = a.containerGroups[I].tabbableNodes;
+          if (S.length > 0) {
+            var R = S.findIndex(function(M) {
+              return M === a.mostRecentlyFocusedNode;
+            });
+            R >= 0 && (l.isKeyForward(a.recentNavEvent) ? R + 1 < S.length && (C = S[R + 1], P = !1) : R - 1 >= 0 && (C = S[R - 1], P = !1));
+          }
+        } else
+          a.containerGroups.some(function(M) {
+            return M.tabbableNodes.some(function(z) {
+              return ne(z) > 0;
+            });
+          }) || (P = !1);
+      else
+        P = !1;
+      P && (C = d({
+        // move FROM the MRU node, not event-related node (which will be the node that is
+        //  outside the trap causing the focus escape we're trying to fix)
+        target: a.mostRecentlyFocusedNode,
+        isBackward: l.isKeyBackward(a.recentNavEvent)
+      })), c(C || a.mostRecentlyFocusedNode || x());
+    }
+    a.recentNavEvent = void 0;
+  }, y = function(o) {
+    var u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    a.recentNavEvent = o;
+    var w = d({
+      event: o,
+      isBackward: u
+    });
+    w && (ge(o) && o.preventDefault(), c(w));
+  }, N = function(o) {
+    (l.isKeyForward(o) || l.isKeyBackward(o)) && y(o, l.isKeyBackward(o));
+  }, h = function(o) {
+    Qn(o) && pe(l.escapeDeactivates, o) !== !1 && (o.preventDefault(), m.deactivate());
+  }, k = function(o) {
+    var u = xe(o);
+    v(u, o) >= 0 || pe(l.clickOutsideDeactivates, o) || pe(l.allowOutsideClick, o) || (o.preventDefault(), o.stopImmediatePropagation());
+  }, A = function() {
+    if (a.active)
+      return ut.activateTrap(i, m), a.delayInitialFocusTimer = l.delayInitialFocus ? dt(function() {
+        c(x());
+      }) : c(x()), r.addEventListener("focusin", p, !0), r.addEventListener("mousedown", f, {
+        capture: !0,
+        passive: !1
+      }), r.addEventListener("touchstart", f, {
+        capture: !0,
+        passive: !1
+      }), r.addEventListener("click", k, {
+        capture: !0,
+        passive: !1
+      }), r.addEventListener("keydown", N, {
+        capture: !0,
+        passive: !1
+      }), r.addEventListener("keydown", h), m;
+  }, H = function() {
+    if (a.active)
+      return r.removeEventListener("focusin", p, !0), r.removeEventListener("mousedown", f, !0), r.removeEventListener("touchstart", f, !0), r.removeEventListener("click", k, !0), r.removeEventListener("keydown", N, !0), r.removeEventListener("keydown", h), m;
+  }, K = function(o) {
+    var u = o.some(function(w) {
+      var C = Array.from(w.removedNodes);
+      return C.some(function(P) {
+        return P === a.mostRecentlyFocusedNode;
+      });
+    });
+    u && c(x());
+  }, U = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(K) : void 0, W = function() {
+    U && (U.disconnect(), a.active && !a.paused && a.containers.map(function(o) {
+      U.observe(o, {
+        subtree: !0,
+        childList: !0
+      });
+    }));
+  };
+  return m = {
+    get active() {
+      return a.active;
+    },
+    get paused() {
+      return a.paused;
+    },
+    activate: function(o) {
+      if (a.active)
+        return this;
+      var u = s(o, "onActivate"), w = s(o, "onPostActivate"), C = s(o, "checkCanFocusTrap");
+      C || T(), a.active = !0, a.paused = !1, a.nodeFocusedBeforeActivation = r.activeElement, u == null || u();
+      var P = function() {
+        C && T(), A(), W(), w == null || w();
+      };
+      return C ? (C(a.containers.concat()).then(P, P), this) : (P(), this);
+    },
+    deactivate: function(o) {
+      if (!a.active)
+        return this;
+      var u = ot({
+        onDeactivate: l.onDeactivate,
+        onPostDeactivate: l.onPostDeactivate,
+        checkCanReturnFocus: l.checkCanReturnFocus
+      }, o);
+      clearTimeout(a.delayInitialFocusTimer), a.delayInitialFocusTimer = void 0, H(), a.active = !1, a.paused = !1, W(), ut.deactivateTrap(i, m);
+      var w = s(u, "onDeactivate"), C = s(u, "onPostDeactivate"), P = s(u, "checkCanReturnFocus"), I = s(u, "returnFocus", "returnFocusOnDeactivate");
+      w == null || w();
+      var S = function() {
+        dt(function() {
+          I && c(g(a.nodeFocusedBeforeActivation)), C == null || C();
+        });
+      };
+      return I && P ? (P(g(a.nodeFocusedBeforeActivation)).then(S, S), this) : (S(), this);
+    },
+    pause: function(o) {
+      if (a.paused || !a.active)
+        return this;
+      var u = s(o, "onPause"), w = s(o, "onPostPause");
+      return a.paused = !0, u == null || u(), H(), W(), w == null || w(), this;
+    },
+    unpause: function(o) {
+      if (!a.paused || !a.active)
+        return this;
+      var u = s(o, "onUnpause"), w = s(o, "onPostUnpause");
+      return a.paused = !1, u == null || u(), T(), A(), W(), w == null || w(), this;
+    },
+    updateContainerElements: function(o) {
+      var u = [].concat(o).filter(Boolean);
+      return a.containers = u.map(function(w) {
+        return typeof w == "string" ? r.querySelector(w) : w;
+      }), a.active && T(), W(), this;
+    }
+  }, m.updateContainerElements(e), m;
+};
+function Ut(t, e, n) {
+  let r = null;
+  return t && (r = rr(t, {
+    clickOutsideDeactivates: !e,
+    escapeDeactivates: !e,
+    onDeactivate: () => n == null ? void 0 : n(),
+    fallbackFocus: () => t
+  }), r.activate()), { deactivate: () => {
+    r == null || r.deactivate(), r = null;
+  }, wrapper: t };
+}
+const ar = ({ modalContext: t, config: e, children: n }) => {
+  const [r, i] = $(!1), l = j(null), [a, m] = $(null);
+  function s() {
+    m(Ut(l.current, e == null ? void 0 : e.closeExplicitly, () => t.close())), i(!0);
   }
-) }), _a = It(({ name: e, children: t, ...n }, r) => {
-  const l = (u) => typeof t == "function" ? t(u) : t, o = j(null);
-  return yn(r, () => o.current, [o]), /* @__PURE__ */ R.jsx(
-    Pn,
+  return D(() => () => a == null ? void 0 : a.deactivate(), [a]), /* @__PURE__ */ F("div", { className: "im-modal-container fixed inset-0 z-40 overflow-y-auto p-4", children: /* @__PURE__ */ F(
+    "div",
     {
-      ref: o,
-      name: e,
-      ...n,
+      className: Se("im-modal-positioner flex min-h-full justify-center", {
+        "items-start": e.position === "top",
+        "items-center": e.position === "center",
+        "items-end": e.position === "bottom"
+      }),
+      children: /* @__PURE__ */ F(
+        Ue,
+        {
+          as: "div",
+          ref: l,
+          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: s,
+          afterLeave: t.afterLeave,
+          className: Se(
+            "im-modal-wrapper pointer-events-auto w-full transition duration-300 ease-in-out",
+            t.onTopOfStack ? "" : "blur-sm",
+            {
+              "sm:max-w-sm": e.maxWidth === "sm",
+              "sm:max-w-md": e.maxWidth === "md",
+              "sm:max-w-md md:max-w-lg": e.maxWidth === "lg",
+              "sm:max-w-md md:max-w-xl": e.maxWidth === "xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-2xl": e.maxWidth === "2xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-3xl": e.maxWidth === "3xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-4xl": e.maxWidth === "4xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl": e.maxWidth === "5xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-6xl": e.maxWidth === "6xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl": e.maxWidth === "7xl"
+            }
+          ),
+          children: /* @__PURE__ */ le(
+            "div",
+            {
+              className: `im-modal-content relative ${e.paddingClasses} ${e.panelClasses}`,
+              "data-inertiaui-modal-entered": r,
+              children: [
+                e.closeButton && /* @__PURE__ */ F("div", { className: "absolute right-0 top-0 pr-3 pt-3", children: /* @__PURE__ */ F($t, { onClick: t.close }) }),
+                typeof n == "function" ? n({ modalContext: t, config: e }) : n
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) });
+}, ir = ({ modalContext: t, config: e, children: n }) => {
+  const [r, i] = $(!1), l = j(null), [a, m] = $(null);
+  function s() {
+    m(Ut(l.current, e == null ? void 0 : e.closeExplicitly, () => t.close())), i(!0);
+  }
+  return D(() => () => a == null ? void 0 : a.deactivate(), [a]), /* @__PURE__ */ F("div", { className: "im-slideover-container fixed inset-0 z-40 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ F(
+    "div",
+    {
+      className: Se("im-slideover-positioner flex min-h-full items-center", {
+        "justify-start rtl:justify-end": (e == null ? void 0 : e.position) === "left",
+        "justify-end rtl:justify-start": (e == null ? void 0 : e.position) === "right"
+      }),
+      children: /* @__PURE__ */ F(
+        Ue,
+        {
+          as: "div",
+          ref: l,
+          enterFrom: `opacity-0 ${e.position === "left" ? "-translate-x-full" : "translate-x-full"}`,
+          enterTo: "opacity-100 translate-x-0",
+          leaveFrom: "opacity-100 translate-x-0",
+          leaveTo: `opacity-0 ${e.position === "left" ? "-translate-x-full" : "translate-x-full"}`,
+          afterEnter: s,
+          afterLeave: t.afterLeave,
+          className: Se(
+            "im-slideover-wrapper pointer-events-auto w-full transition duration-300 ease-in-out",
+            t.onTopOfStack ? "" : "blur-sm",
+            {
+              "sm:max-w-sm": e.maxWidth === "sm",
+              "sm:max-w-md": e.maxWidth === "md",
+              "sm:max-w-md md:max-w-lg": e.maxWidth === "lg",
+              "sm:max-w-md md:max-w-xl": e.maxWidth === "xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-2xl": e.maxWidth === "2xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-3xl": e.maxWidth === "3xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-4xl": e.maxWidth === "4xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl": e.maxWidth === "5xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-6xl": e.maxWidth === "6xl",
+              "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl": e.maxWidth === "7xl"
+            }
+          ),
+          children: /* @__PURE__ */ le(
+            "div",
+            {
+              className: `im-slideover-content relative ${e.paddingClasses} ${e.panelClasses}`,
+              "data-inertiaui-modal-entered": r,
+              children: [
+                e.closeButton && /* @__PURE__ */ F("div", { className: "absolute right-0 top-0 pr-3 pt-3", children: /* @__PURE__ */ F($t, { onClick: t.close }) }),
+                typeof n == "function" ? n({ modalContext: t, config: e }) : n
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) });
+}, lr = Ze(({ name: t, children: e, onFocus: n = null, onBlur: r = null, onClose: i = null, onSuccess: l = null, onAfterLeave: a = null, ...m }, s) => {
+  const v = (x) => typeof e == "function" ? e(x) : e, b = j(null);
+  return D(() => {
+    var x;
+    if (((x = b == null ? void 0 : b.current) == null ? void 0 : x.index) === 0)
+      return nt.prepare(), () => nt.cleanup();
+  }, [b]), ct(s, () => b.current, [b]), /* @__PURE__ */ F(
+    bt,
+    {
+      ref: b,
+      name: t,
+      onFocus: n,
+      onBlur: r,
+      onClose: i,
+      onSuccess: l,
+      ...m,
       children: ({
-        afterLeave: u,
-        close: s,
-        config: i,
-        emit: p,
-        getChildModal: c,
-        getParentModal: w,
-        id: b,
-        index: y,
-        isOpen: g,
-        modalContext: f,
-        onTopOfStack: d,
-        reload: m,
-        setOpen: v,
-        shouldRender: x
-      }) => /* @__PURE__ */ R.jsx(
-        Jn,
+        afterLeave: x,
+        close: T,
+        config: E,
+        emit: c,
+        getChildModal: g,
+        getParentModal: d,
+        id: f,
+        index: p,
+        isOpen: y,
+        modalContext: N,
+        onTopOfStack: h,
+        reload: k,
+        setOpen: A,
+        shouldRender: H
+      }) => /* @__PURE__ */ F(
+        Kn,
         {
           appear: !0,
-          show: g ?? !1,
-          children: /* @__PURE__ */ R.jsxs(
-            Fa,
+          show: y ?? !1,
+          afterLeave: a,
+          children: /* @__PURE__ */ le(
+            "div",
             {
-              as: "div",
               className: "im-dialog relative z-20",
-              onClose: () => i.closeExplicitly ? null : s(),
-              "data-inertiaui-modal-id": b,
-              "data-inertiaui-modal-index": y,
+              "data-inertiaui-modal-id": f,
+              "data-inertiaui-modal-index": p,
               children: [
-                y === 0 ? /* @__PURE__ */ R.jsx(
-                  Le,
+                p === 0 ? /* @__PURE__ */ F(
+                  Ue,
                   {
                     enter: "transition transform ease-in-out duration-300",
                     enterFrom: "opacity-0",
@@ -2387,58 +1777,58 @@ const ka = ({ modalContext: e, config: t, children: n }) => /* @__PURE__ */ R.js
                     leave: "transition transform ease-in-out duration-300",
                     leaveFrom: "opacity-100",
                     leaveTo: "opacity-0",
-                    children: d ? /* @__PURE__ */ R.jsx(
+                    children: h ? /* @__PURE__ */ F(
                       "div",
                       {
                         className: "im-backdrop fixed inset-0 z-30 bg-black/75",
                         "aria-hidden": "true"
                       }
-                    ) : /* @__PURE__ */ R.jsx("div", {})
+                    ) : /* @__PURE__ */ F("div", {})
                   }
                 ) : null,
-                y > 0 && d ? /* @__PURE__ */ R.jsx("div", { className: "im-backdrop fixed inset-0 z-30 bg-black/75" }) : null,
-                i.slideover ? /* @__PURE__ */ R.jsx(
-                  ja,
+                p > 0 && h ? /* @__PURE__ */ F("div", { className: "im-backdrop fixed inset-0 z-30 bg-black/75" }) : null,
+                E.slideover ? /* @__PURE__ */ F(
+                  ir,
                   {
-                    modalContext: f,
-                    config: i,
-                    children: l({
-                      afterLeave: u,
-                      close: s,
-                      config: i,
-                      emit: p,
-                      getChildModal: c,
-                      getParentModal: w,
-                      id: b,
-                      index: y,
-                      isOpen: g,
-                      modalContext: f,
-                      onTopOfStack: d,
-                      reload: m,
-                      setOpen: v,
-                      shouldRender: x
+                    modalContext: N,
+                    config: E,
+                    children: v({
+                      afterLeave: x,
+                      close: T,
+                      config: E,
+                      emit: c,
+                      getChildModal: g,
+                      getParentModal: d,
+                      id: f,
+                      index: p,
+                      isOpen: y,
+                      modalContext: N,
+                      onTopOfStack: h,
+                      reload: k,
+                      setOpen: A,
+                      shouldRender: H
                     })
                   }
-                ) : /* @__PURE__ */ R.jsx(
-                  ka,
+                ) : /* @__PURE__ */ F(
+                  ar,
                   {
-                    modalContext: f,
-                    config: i,
-                    children: l({
-                      afterLeave: u,
-                      close: s,
-                      config: i,
-                      emit: p,
-                      getChildModal: c,
-                      getParentModal: w,
-                      id: b,
-                      index: y,
-                      isOpen: g,
-                      modalContext: f,
-                      onTopOfStack: d,
-                      reload: m,
-                      setOpen: v,
-                      shouldRender: x
+                    modalContext: N,
+                    config: E,
+                    children: v({
+                      afterLeave: x,
+                      close: T,
+                      config: E,
+                      emit: c,
+                      getChildModal: g,
+                      getParentModal: d,
+                      id: f,
+                      index: p,
+                      isOpen: y,
+                      modalContext: N,
+                      onTopOfStack: h,
+                      reload: k,
+                      setOpen: A,
+                      shouldRender: H
                     })
                   }
                 )
@@ -2450,84 +1840,84 @@ const ka = ({ modalContext: e, config: t, children: n }) => /* @__PURE__ */ R.js
     }
   );
 });
-_a.displayName = "Modal";
-const Ya = ({
-  href: e,
-  method: t = "get",
+lr.displayName = "Modal";
+const br = ({
+  href: t,
+  method: e = "get",
   data: n = {},
   as: r = "a",
-  headers: l = {},
-  queryStringArrayFormat: o = "brackets",
-  onAfterLeave: u = null,
-  onBlur: s = null,
-  onClose: i = null,
-  onError: p = null,
-  onFocus: c = null,
-  onStart: w = null,
-  onSuccess: b = null,
-  navigate: y = null,
-  children: g,
-  ...f
+  headers: i = {},
+  queryStringArrayFormat: l = "brackets",
+  onAfterLeave: a = null,
+  onBlur: m = null,
+  onClose: s = null,
+  onError: v = null,
+  onFocus: b = null,
+  onStart: x = null,
+  onSuccess: T = null,
+  navigate: E = null,
+  children: c,
+  ...g
 }) => {
-  const [d, m] = V(!1), [v, x] = V(null), { stack: T, visit: F } = dt(), X = B(() => y ?? Nt("navigate"), [y]), U = {}, ee = {};
-  Object.keys(f).forEach(($) => {
-    cn.includes($) || ($.startsWith("on") && typeof f[$] == "function" ? $.toLowerCase() in window ? U[$] = f[$] : ee[$] = f[$] : U[$] = f[$]);
+  const [d, f] = $(!1), [p, y] = $(null), { stack: N, visit: h } = Ae(), k = Y(() => E ?? Je("navigate"), [E]), A = {}, H = {};
+  Object.keys(g).forEach((u) => {
+    rt.includes(u) || (u.startsWith("on") && typeof g[u] == "function" ? u.toLowerCase() in window ? A[u] = g[u] : H[u] = g[u] : A[u] = g[u]);
   });
-  const [te, H] = V(!1);
-  L(() => {
-    v && (v.onTopOfStack && te ? c == null || c() : !v.onTopOfStack && !te && (s == null || s()), H(!v.onTopOfStack));
-  }, [T]);
-  const q = oe(() => {
-    i == null || i();
-  }, [i]), G = oe(() => {
-    x(null), u == null || u();
-  }, [u]), M = oe(
-    ($) => {
-      $ == null || $.preventDefault(), !d && (e.startsWith("#") || (m(!0), w == null || w()), F(
-        e,
+  const [K, U] = $(!1);
+  D(() => {
+    p && (p.onTopOfStack && K ? b == null || b() : !p.onTopOfStack && !K && (m == null || m()), U(!p.onTopOfStack));
+  }, [N]);
+  const W = V(() => {
+    s == null || s();
+  }, [s]), O = V(() => {
+    y(null), a == null || a();
+  }, [a]), o = V(
+    (u) => {
+      u == null || u.preventDefault(), !d && (t.startsWith("#") || (f(!0), x == null || x()), h(
         t,
+        e,
         n,
+        i,
+        Gt(ft(g, rt)),
+        () => W(N.length),
+        O,
         l,
-        Dr(bn(f, cn)),
-        () => q(T.length),
-        G,
-        o,
-        X
-      ).then((I) => {
-        x(I), I.registerEventListenersFromProps(ee), b == null || b();
-      }).catch((I) => {
-        console.error(I), p == null || p(I);
-      }).finally(() => m(!1)));
+        k
+      ).then((w) => {
+        y(w), w.registerEventListenersFromProps(H), T == null || T();
+      }).catch((w) => {
+        console.error(w), v == null || v(w);
+      }).finally(() => f(!1)));
     },
-    [e, t, n, l, o, f, q, G]
+    [t, e, n, i, l, g, W, O]
   );
-  return /* @__PURE__ */ R.jsx(
+  return /* @__PURE__ */ F(
     r,
     {
-      ...U,
-      href: e,
-      onClick: M,
-      children: typeof g == "function" ? g({ loading: d }) : g
+      ...A,
+      href: t,
+      onClick: o,
+      children: typeof c == "function" ? c({ loading: d }) : c
     }
   );
 };
-function Xa() {
-  return dt().stack[Tn()] ?? null;
+function gr() {
+  return Ae().stack[ht()] ?? null;
 }
-const qa = (e) => (t) => (t.default.layout = (n) => rt(e, {}, n), t);
+const yr = (t) => (e) => (e.default.layout = (n) => Ne(t, {}, n), e);
 export {
-  Pn as HeadlessModal,
-  _a as Modal,
-  Ya as ModalLink,
-  Br as ModalRoot,
-  Ur as ModalStackProvider,
-  Nt as getConfig,
-  Hr as initFromPageProps,
-  Ua as putConfig,
-  Ha as renderApp,
-  Wa as resetConfig,
-  qa as setPageLayout,
-  Xa as useModal,
-  Tn as useModalIndex,
-  dt as useModalStack
+  bt as HeadlessModal,
+  lr as Modal,
+  br as ModalLink,
+  Qt as ModalRoot,
+  Yt as ModalStackProvider,
+  Je as getConfig,
+  Jt as initFromPageProps,
+  pr as putConfig,
+  hr as renderApp,
+  mr as resetConfig,
+  yr as setPageLayout,
+  gr as useModal,
+  ht as useModalIndex,
+  Ae as useModalStack
 };