@inertiaui/modal-react 0.16.0 → 0.17.0

package/dist/inertiaui-modal.js

@@ -1,13 +1,12 @@
-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 en = Object.defineProperty;
+var tn = (t, e, r) => e in t ? en(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var oe = (t, e, r) => tn(t, typeof e != "symbol" ? e + "" : e, r);
+import * as _e from "react";
+import J, { createContext as Je, useState as z, useEffect as X, useContext as Pe, useRef as q, createElement as Ve, useMemo as ve, forwardRef as Tt, useImperativeHandle as er, useLayoutEffect as rn, useCallback as ue, Fragment as we, isValidElement as nn, cloneElement as an } from "react";
+import He from "axios";
+import { router as Ie, usePage as sn } from "@inertiajs/react";
+import { mergeDataIntoQueryString as ln } from "@inertiajs/core";
+const ke = {
   type: "modal",
   navigate: !1,
   modal: {
@@ -27,44 +26,44 @@ const De = {
     position: "right"
   }
 };
-class Ar {
+class on {
   constructor() {
     this.config = {}, this.reset();
   }
   reset() {
-    this.config = JSON.parse(JSON.stringify(De));
+    this.config = JSON.parse(JSON.stringify(ke));
   }
-  put(t, n) {
-    if (typeof t == "object") {
+  put(e, r) {
+    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 ?? ke.type,
+        navigate: e.navigate ?? ke.navigate,
+        modal: { ...ke.modal, ...e.modal ?? {} },
+        slideover: { ...ke.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 n = e.split(".");
+    let s = this.config;
+    for (let l = 0; l < n.length - 1; l++)
+      s = s[n[l]] = s[n[l]] || {};
+    s[n[n.length - 1]] = r;
   }
-  get(t) {
-    if (typeof t > "u")
+  get(e) {
+    if (typeof e > "u")
       return this.config;
-    const n = t.split(".");
-    let r = this.config;
-    for (const l of n) {
-      if (r[l] === void 0)
+    const r = e.split(".");
+    let n = this.config;
+    for (const s of r) {
+      if (n[s] === void 0)
         return null;
-      r = r[l];
+      n = n[s];
     }
-    return r;
+    return n;
   }
 }
-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 = {};
+const Ze = new on(), Ca = () => Ze.reset(), ka = (t, e) => Ze.put(t, e), Rt = (t) => Ze.get(t), Re = (t, e) => Ze.get(t ? `slideover.${e}` : `modal.${e}`);
+var mt = { exports: {} }, Fe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -74,21 +73,21 @@ var Ct = { exports: {} }, We = {};
  * 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 };
+var Kt;
+function un() {
+  if (Kt) return Fe;
+  Kt = 1;
+  var t = J, e = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, s = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(m, o, g) {
+    var y, w = {}, P = null, S = null;
+    g !== void 0 && (P = "" + g), o.key !== void 0 && (P = "" + o.key), o.ref !== void 0 && (S = o.ref);
+    for (y in o) n.call(o, y) && !l.hasOwnProperty(y) && (w[y] = o[y]);
+    if (m && m.defaultProps) for (y in o = m.defaultProps, o) w[y] === void 0 && (w[y] = o[y]);
+    return { $$typeof: e, type: m, key: P, ref: S, props: w, _owner: s.current };
   }
-  return We.Fragment = n, We.jsx = u, We.jsxs = u, We;
+  return Fe.Fragment = r, Fe.jsx = i, Fe.jsxs = i, Fe;
 }
-var Ue = {};
+var Ne = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -98,54 +97,54 @@ var Ue = {};
  * 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";
+var Vt;
+function cn() {
+  return Vt || (Vt = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = J, e = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), m = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), p = Symbol.iterator, E = "@@iterator";
     function d(a) {
       if (a === null || typeof a != "object")
         return null;
-      var h = g && a[g] || a[f];
+      var h = p && a[p] || a[E];
       return typeof h == "function" ? h : null;
     }
-    var m = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var f = t.__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);
+        for (var h = arguments.length, x = new Array(h > 1 ? h - 1 : 0), C = 1; C < h; C++)
+          x[C - 1] = arguments[C];
+        R("error", a, x);
       }
     }
-    function x(a, h, E) {
+    function R(a, h, x) {
       {
-        var P = m.ReactDebugCurrentFrame, k = P.getStackAddendum();
-        k !== "" && (h += "%s", E = E.concat([k]));
-        var _ = E.map(function(C) {
-          return String(C);
+        var C = f.ReactDebugCurrentFrame, M = C.getStackAddendum();
+        M !== "" && (h += "%s", x = x.concat([M]));
+        var $ = x.map(function(A) {
+          return String(A);
         });
-        _.unshift("Warning: " + h), Function.prototype.apply.call(console[a], console, _);
+        $.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
+    var O = !1, b = !1, D = !1, B = !1, Z = !1, ee;
+    ee = Symbol.for("react.module.reference");
+    function Y(a) {
+      return !!(typeof a == "string" || typeof a == "function" || a === n || a === l || Z || a === s || a === g || a === y || B || a === S || O || b || D || typeof a == "object" && a !== null && (a.$$typeof === P || a.$$typeof === w || a.$$typeof === i || a.$$typeof === m || a.$$typeof === o || // 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));
+      a.$$typeof === ee || 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, h, x) {
+      var C = a.displayName;
+      if (C)
+        return C;
+      var M = h.displayName || h.name || "";
+      return M !== "" ? x + "(" + M + ")" : x;
     }
-    function G(a) {
+    function j(a) {
       return a.displayName || "Context";
     }
-    function M(a) {
+    function u(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")
@@ -153,36 +152,36 @@ function Ir() {
       if (typeof a == "string")
         return a;
       switch (a) {
-        case r:
-          return "Fragment";
         case n:
+          return "Fragment";
+        case r:
           return "Portal";
-        case o:
-          return "Profiler";
         case l:
+          return "Profiler";
+        case s:
           return "StrictMode";
-        case p:
+        case g:
           return "Suspense";
-        case c:
+        case y:
           return "SuspenseList";
       }
       if (typeof a == "object")
         switch (a.$$typeof) {
-          case s:
+          case m:
             var h = a;
-            return G(h) + ".Consumer";
-          case u:
-            var E = a;
-            return G(E._context) + ".Provider";
+            return j(h) + ".Consumer";
           case i:
-            return q(a, a.render, "ForwardRef");
+            var x = a;
+            return j(x._context) + ".Provider";
+          case o:
+            return G(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;
+            var C = a.displayName || null;
+            return C !== null ? C : u(a.type) || "Memo";
+          case P: {
+            var M = a, $ = M._payload, A = M._init;
             try {
-              return M(C(_));
+              return u(A($));
             } catch {
               return null;
             }
@@ -190,18 +189,18 @@ function Ir() {
         }
       return null;
     }
-    var $ = Object.assign, I = 0, be, xe, he, ne, Ee, N, Te;
-    function Y() {
+    var c = Object.assign, T = 0, I, _, L, k, W, U, ae;
+    function K() {
     }
-    Y.__reactDisabledLog = !0;
-    function bt() {
+    K.__reactDisabledLog = !0;
+    function ie() {
       {
-        if (I === 0) {
-          be = console.log, xe = console.info, he = console.warn, ne = console.error, Ee = console.group, N = console.groupCollapsed, Te = console.groupEnd;
+        if (T === 0) {
+          I = console.log, _ = console.info, L = console.warn, k = console.error, W = console.group, U = console.groupCollapsed, ae = console.groupEnd;
           var a = {
             configurable: !0,
             enumerable: !0,
-            value: Y,
+            value: K,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -214,332 +213,332 @@ function Ir() {
             groupEnd: a
           });
         }
-        I++;
+        T++;
       }
     }
-    function Oe() {
+    function re() {
       {
-        if (I--, I === 0) {
+        if (T--, T === 0) {
           var a = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: $({}, a, {
-              value: be
+            log: c({}, a, {
+              value: I
             }),
-            info: $({}, a, {
-              value: xe
+            info: c({}, a, {
+              value: _
             }),
-            warn: $({}, a, {
-              value: he
+            warn: c({}, a, {
+              value: L
             }),
-            error: $({}, a, {
-              value: ne
+            error: c({}, a, {
+              value: k
             }),
-            group: $({}, a, {
-              value: Ee
+            group: c({}, a, {
+              value: W
             }),
-            groupCollapsed: $({}, a, {
-              value: N
+            groupCollapsed: c({}, a, {
+              value: U
             }),
-            groupEnd: $({}, a, {
-              value: Te
+            groupEnd: c({}, a, {
+              value: ae
             })
           });
         }
-        I < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        T < 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) {
+    var fe = f.ReactCurrentDispatcher, le;
+    function ne(a, h, x) {
       {
-        if (Pe === void 0)
+        if (le === void 0)
           try {
             throw Error();
-          } catch (k) {
-            var P = k.stack.trim().match(/\n( *(at )?)/);
-            Pe = P && P[1] || "";
+          } catch (M) {
+            var C = M.stack.trim().match(/\n( *(at )?)/);
+            le = C && C[1] || "";
           }
         return `
-` + Pe + a;
+` + le + a;
       }
     }
-    var fe = !1, Qe;
+    var ce = !1, Le;
     {
-      var Qn = typeof WeakMap == "function" ? WeakMap : Map;
-      Qe = new Qn();
+      var kr = typeof WeakMap == "function" ? WeakMap : Map;
+      Le = new kr();
     }
-    function Xt(a, h) {
-      if (!a || fe)
+    function Ct(a, h) {
+      if (!a || ce)
         return "";
       {
-        var E = Qe.get(a);
-        if (E !== void 0)
-          return E;
+        var x = Le.get(a);
+        if (x !== void 0)
+          return x;
       }
-      var P;
-      fe = !0;
-      var k = Error.prepareStackTrace;
+      var C;
+      ce = !0;
+      var M = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var _;
-      _ = Ie.current, Ie.current = null, bt();
+      var $;
+      $ = fe.current, fe.current = null, ie();
       try {
         if (h) {
-          var C = function() {
+          var A = function() {
             throw Error();
           };
-          if (Object.defineProperty(C.prototype, "props", {
+          if (Object.defineProperty(A.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(C, []);
-            } catch (J) {
-              P = J;
+              Reflect.construct(A, []);
+            } catch (te) {
+              C = te;
             }
-            Reflect.construct(a, [], C);
+            Reflect.construct(a, [], A);
           } else {
             try {
-              C.call();
-            } catch (J) {
-              P = J;
+              A.call();
+            } catch (te) {
+              C = te;
             }
-            a.call(C.prototype);
+            a.call(A.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (J) {
-            P = J;
+          } catch (te) {
+            C = te;
           }
           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)
+      } catch (te) {
+        if (te && C && typeof te.stack == "string") {
+          for (var N = te.stack.split(`
+`), Q = C.stack.split(`
+`), V = N.length - 1, H = Q.length - 1; V >= 1 && H >= 0 && N[V] !== Q[H]; )
+            H--;
+          for (; V >= 1 && H >= 0; V--, H--)
+            if (N[V] !== Q[H]) {
+              if (V !== 1 || H !== 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;
+                  if (V--, H--, H < 0 || N[V] !== Q[H]) {
+                    var se = `
+` + N[V].replace(" at new ", " at ");
+                    return a.displayName && se.includes("<anonymous>") && (se = se.replace("<anonymous>", a.displayName)), typeof a == "function" && Le.set(a, se), se;
                   }
-                while (D >= 1 && W >= 0);
+                while (V >= 1 && H >= 0);
               break;
             }
         }
       } finally {
-        fe = !1, Ie.current = _, Oe(), Error.prepareStackTrace = k;
+        ce = !1, fe.current = $, re(), Error.prepareStackTrace = M;
       }
-      var _e = a ? a.displayName || a.name : "", Re = _e ? de(_e) : "";
-      return typeof a == "function" && Qe.set(a, Re), Re;
+      var Te = a ? a.displayName || a.name : "", me = Te ? ne(Te) : "";
+      return typeof a == "function" && Le.set(a, me), me;
     }
-    function er(a, h, E) {
-      return Xt(a, !1);
+    function Fr(a, h, x) {
+      return Ct(a, !1);
     }
-    function tr(a) {
+    function Nr(a) {
       var h = a.prototype;
       return !!(h && h.isReactComponent);
     }
-    function et(a, h, E) {
+    function $e(a, h, x) {
       if (a == null)
         return "";
       if (typeof a == "function")
-        return Xt(a, tr(a));
+        return Ct(a, Nr(a));
       if (typeof a == "string")
-        return de(a);
+        return ne(a);
       switch (a) {
-        case p:
-          return de("Suspense");
-        case c:
-          return de("SuspenseList");
+        case g:
+          return ne("Suspense");
+        case y:
+          return ne("SuspenseList");
       }
       if (typeof a == "object")
         switch (a.$$typeof) {
-          case i:
-            return er(a.render);
+          case o:
+            return Fr(a.render);
           case w:
-            return et(a.type, h, E);
-          case b: {
-            var P = a, k = P._payload, _ = P._init;
+            return $e(a.type, h, x);
+          case P: {
+            var C = a, M = C._payload, $ = C._init;
             try {
-              return et(_(k), h, E);
+              return $e($(M), h, x);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ne = Object.prototype.hasOwnProperty, qt = {}, Kt = m.ReactDebugCurrentFrame;
-    function tt(a) {
+    var Ce = Object.prototype.hasOwnProperty, kt = {}, Ft = f.ReactDebugCurrentFrame;
+    function We(a) {
       if (a) {
-        var h = a._owner, E = et(a.type, a._source, h ? h.type : null);
-        Kt.setExtraStackFrame(E);
+        var h = a._owner, x = $e(a.type, a._source, h ? h.type : null);
+        Ft.setExtraStackFrame(x);
       } else
-        Kt.setExtraStackFrame(null);
+        Ft.setExtraStackFrame(null);
     }
-    function nr(a, h, E, P, k) {
+    function jr(a, h, x, C, M) {
       {
-        var _ = Function.call.bind(Ne);
-        for (var C in a)
-          if (_(a, C)) {
-            var S = void 0;
+        var $ = Function.call.bind(Ce);
+        for (var A in a)
+          if ($(a, A)) {
+            var N = 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;
+              if (typeof a[A] != "function") {
+                var Q = Error((C || "React class") + ": " + x + " type `" + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[A] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw Q.name = "Invariant Violation", Q;
               }
-              S = a[C](h, C, P, E, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (D) {
-              S = D;
+              N = a[A](h, A, C, x, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (V) {
+              N = V;
             }
-            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));
+            N && !(N instanceof Error) && (We(M), 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).", C || "React class", x, A, typeof N), We(null)), N instanceof Error && !(N.message in kt) && (kt[N.message] = !0, We(M), v("Failed %s type: %s", x, N.message), We(null));
           }
       }
     }
-    var rr = Array.isArray;
-    function xt(a) {
-      return rr(a);
+    var Ar = Array.isArray;
+    function lt(a) {
+      return Ar(a);
     }
-    function lr(a) {
+    function Ir(a) {
       {
-        var h = typeof Symbol == "function" && Symbol.toStringTag, E = h && a[Symbol.toStringTag] || a.constructor.name || "Object";
-        return E;
+        var h = typeof Symbol == "function" && Symbol.toStringTag, x = h && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return x;
       }
     }
-    function ar(a) {
+    function _r(a) {
       try {
-        return zt(a), !1;
+        return Nt(a), !1;
       } catch {
         return !0;
       }
     }
-    function zt(a) {
+    function Nt(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);
+    function jt(a) {
+      if (_r(a))
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ir(a)), Nt(a);
     }
-    var Jt = m.ReactCurrentOwner, ir = {
+    var At = f.ReactCurrentOwner, Dr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Zt, Qt;
-    function or(a) {
-      if (Ne.call(a, "ref")) {
+    }, It, _t;
+    function Mr(a) {
+      if (Ce.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")) {
+    function Lr(a) {
+      if (Ce.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 $r(a, h) {
+      typeof a.ref == "string" && At.current;
     }
-    function cr(a, h) {
+    function Wr(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));
+        var x = function() {
+          It || (It = !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,
+        x.isReactWarning = !0, Object.defineProperty(a, "key", {
+          get: x,
           configurable: !0
         });
       }
     }
-    function dr(a, h) {
+    function Ur(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));
+        var x = function() {
+          _t || (_t = !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,
+        x.isReactWarning = !0, Object.defineProperty(a, "ref", {
+          get: x,
           configurable: !0
         });
       }
     }
-    var fr = function(a, h, E, P, k, _, C) {
-      var S = {
+    var Br = function(a, h, x, C, M, $, A) {
+      var N = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: t,
+        $$typeof: e,
         // Built-in properties that belong on the element
         type: a,
         key: h,
-        ref: E,
-        props: C,
+        ref: x,
+        props: A,
         // Record the component responsible for creating this element.
-        _owner: _
+        _owner: $
       };
-      return S._store = {}, Object.defineProperty(S._store, "validated", {
+      return N._store = {}, Object.defineProperty(N._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(S, "_self", {
+      }), Object.defineProperty(N, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: P
-      }), Object.defineProperty(S, "_source", {
+        value: C
+      }), Object.defineProperty(N, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: k
-      }), Object.freeze && (Object.freeze(S.props), Object.freeze(S)), S;
+        value: M
+      }), Object.freeze && (Object.freeze(N.props), Object.freeze(N)), N;
     };
-    function pr(a, h, E, P, k) {
+    function Kr(a, h, x, C, M) {
       {
-        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[_]);
+        var $, A = {}, N = null, Q = null;
+        x !== void 0 && (jt(x), N = "" + x), Lr(h) && (jt(h.key), N = "" + h.key), Mr(h) && (Q = h.ref, $r(h, M));
+        for ($ in h)
+          Ce.call(h, $) && !Dr.hasOwnProperty($) && (A[$] = h[$]);
         if (a && a.defaultProps) {
-          var D = a.defaultProps;
-          for (_ in D)
-            C[_] === void 0 && (C[_] = D[_]);
+          var V = a.defaultProps;
+          for ($ in V)
+            A[$] === void 0 && (A[$] = V[$]);
         }
-        if (S || K) {
-          var W = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
-          S && cr(C, W), K && dr(C, W);
+        if (N || Q) {
+          var H = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
+          N && Wr(A, H), Q && Ur(A, H);
         }
-        return fr(a, S, K, k, P, Jt.current, C);
+        return Br(a, N, Q, M, C, At.current, A);
       }
     }
-    var Et = m.ReactCurrentOwner, en = m.ReactDebugCurrentFrame;
-    function je(a) {
+    var ot = f.ReactCurrentOwner, Dt = f.ReactDebugCurrentFrame;
+    function Ee(a) {
       if (a) {
-        var h = a._owner, E = et(a.type, a._source, h ? h.type : null);
-        en.setExtraStackFrame(E);
+        var h = a._owner, x = $e(a.type, a._source, h ? h.type : null);
+        Dt.setExtraStackFrame(x);
       } else
-        en.setExtraStackFrame(null);
+        Dt.setExtraStackFrame(null);
     }
-    var Tt;
-    Tt = !1;
-    function Ot(a) {
-      return typeof a == "object" && a !== null && a.$$typeof === t;
+    var ut;
+    ut = !1;
+    function ct(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === e;
     }
-    function tn() {
+    function Mt() {
       {
-        if (Et.current) {
-          var a = M(Et.current.type);
+        if (ot.current) {
+          var a = u(ot.current.type);
           if (a)
             return `
 
@@ -548,283 +547,314 @@ Check the render method of \`` + a + "`.";
         return "";
       }
     }
-    function mr(a) {
+    function Vr(a) {
       return "";
     }
-    var nn = {};
-    function hr(a) {
+    var Lt = {};
+    function Hr(a) {
       {
-        var h = tn();
+        var h = Mt();
         if (!h) {
-          var E = typeof a == "string" ? a : a.displayName || a.name;
-          E && (h = `
+          var x = typeof a == "string" ? a : a.displayName || a.name;
+          x && (h = `
 
-Check the top-level render call using <` + E + ">.");
+Check the top-level render call using <` + x + ">.");
         }
         return h;
       }
     }
-    function rn(a, h) {
+    function $t(a, h) {
       {
         if (!a._store || a._store.validated || a.key != null)
           return;
         a._store.validated = !0;
-        var E = hr(h);
-        if (nn[E])
+        var x = Hr(h);
+        if (Lt[x])
           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);
+        Lt[x] = !0;
+        var C = "";
+        a && a._owner && a._owner !== ot.current && (C = " It was passed a child from " + u(a._owner.type) + "."), Ee(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.', x, C), Ee(null);
       }
     }
-    function ln(a, h) {
+    function Wt(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);
+        if (lt(a))
+          for (var x = 0; x < a.length; x++) {
+            var C = a[x];
+            ct(C) && $t(C, h);
           }
-        else if (Ot(a))
+        else if (ct(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);
+          var M = d(a);
+          if (typeof M == "function" && M !== a.entries)
+            for (var $ = M.call(a), A; !(A = $.next()).done; )
+              ct(A.value) && $t(A.value, h);
         }
       }
     }
-    function vr(a) {
+    function Yr(a) {
       {
         var h = a.type;
         if (h == null || typeof h == "string")
           return;
-        var E;
+        var x;
         if (typeof h == "function")
-          E = h.propTypes;
-        else if (typeof h == "object" && (h.$$typeof === i || // Note: Memo only checks outer props here.
+          x = h.propTypes;
+        else if (typeof h == "object" && (h.$$typeof === o || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         h.$$typeof === w))
-          E = h.propTypes;
+          x = 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");
+        if (x) {
+          var C = u(h);
+          jr(x, a.props, "prop", C, a);
+        } else if (h.PropTypes !== void 0 && !ut) {
+          ut = !0;
+          var M = u(h);
+          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", M || "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) {
+    function qr(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);
+        for (var h = Object.keys(a.props), x = 0; x < h.length; x++) {
+          var C = h[x];
+          if (C !== "children" && C !== "key") {
+            Ee(a), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), Ee(null);
             break;
           }
         }
-        a.ref !== null && (je(a), v("Invalid attribute `ref` supplied to `React.Fragment`."), je(null));
+        a.ref !== null && (Ee(a), v("Invalid attribute `ref` supplied to `React.Fragment`."), Ee(null));
       }
     }
-    var an = {};
-    function on(a, h, E, P, k, _) {
+    var Ut = {};
+    function Bt(a, h, x, C, M, $) {
       {
-        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 A = Y(a);
+        if (!A) {
+          var N = "";
+          (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && (N += " 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 Q = Vr();
+          Q ? N += Q : N += Mt();
+          var V;
+          a === null ? V = "null" : lt(a) ? V = "array" : a !== void 0 && a.$$typeof === e ? (V = "<" + (u(a.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : V = 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", V, N);
         }
-        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);
+        var H = Kr(a, h, x, M, $);
+        if (H == null)
+          return H;
+        if (A) {
+          var se = h.children;
+          if (se !== void 0)
+            if (C)
+              if (lt(se)) {
+                for (var Te = 0; Te < se.length; Te++)
+                  Wt(se[Te], a);
+                Object.freeze && Object.freeze(se);
               } 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);
+              Wt(se, 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(": ..., ") + ": ...}" : "{}";
+        if (Ce.call(h, "key")) {
+          var me = u(a), te = Object.keys(h).filter(function(Qr) {
+            return Qr !== "key";
+          }), dt = te.length > 0 ? "{key: someKey, " + te.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ut[me + dt]) {
+            var Zr = te.length > 0 ? "{" + te.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;
+  <%s key={someKey} {...props} />`, dt, me, Zr, me), Ut[me + dt] = !0;
           }
         }
-        return a === r ? gr(W) : vr(W), W;
+        return a === n ? qr(H) : Yr(H), H;
       }
     }
-    function wr(a, h, E) {
-      return on(a, h, E, !0);
+    function Xr(a, h, x) {
+      return Bt(a, h, x, !0);
     }
-    function yr(a, h, E) {
-      return on(a, h, E, !1);
+    function zr(a, h, x) {
+      return Bt(a, h, x, !1);
     }
-    var br = yr, xr = wr;
-    Ue.Fragment = r, Ue.jsx = br, Ue.jsxs = xr;
-  }()), Ue;
+    var Gr = zr, Jr = Xr;
+    Ne.Fragment = n, Ne.jsx = Gr, Ne.jsxs = Jr;
+  }()), Ne;
+}
+process.env.NODE_ENV === "production" ? mt.exports = un() : mt.exports = cn();
+var F = mt.exports;
+const Ht = {
+  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((r) => {
+      !r.classList.contains("im-dialog") && r.getAttribute("aria-hidden") !== "true" && (r.setAttribute("aria-hidden", "true"), this.modifiedElements.push(r));
+    });
+  },
+  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 = [];
+  }
+};
+function ft(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 dn(t, e) {
+  return Array.isArray(t) ? t.filter((r) => !e.includes(r)) : Object.keys(t).reduce((r, n) => (e.includes(n) || (r[n] = t[n]), r), {});
 }
-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 tr(t, e) {
+  return Array.isArray(t) ? t.filter((r) => e.includes(r)) : e.reduce((r, n) => (n in t && (r[n] = t[n]), r), {});
 }
-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 fn(t) {
+  return Array.isArray(t) ? t.filter((e) => e !== null) : Object.keys(t).reduce((e, r) => (r in t && t[r] !== null && (e[r] = t[r]), e), {});
 }
-function Wr(e, t = 3, n = 10) {
-  return new Promise((r, l) => {
-    const o = e();
-    if (o) {
-      r(o);
+function vn(t, e = 3, r = 10) {
+  return new Promise((n, s) => {
+    const l = t();
+    if (l) {
+      n(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")));
-    }, n);
+    let i = e * 1e3 / r;
+    const m = setInterval(() => {
+      const o = t();
+      o && (clearInterval(m), n(o)), --i <= 0 && (clearInterval(m), s(new Error("Condition not met in time")));
+    }, r);
   });
 }
-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) : "";
-}
-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) => {
-    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;
+function je(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, r) => r.toUpperCase()), t = t.replace(/(.)(?=[A-Z])/g, "$1-"), t.toLowerCase()) : t) : "";
+}
+const Qe = Je(null);
+Qe.displayName = "ModalStackContext";
+let rr = null, nr = null, De = null, bt = null, gt = [], Se = {};
+const pn = ({ children: t }) => {
+  const [e, r] = z([]), [n, s] = z({}), l = (E) => {
+    r((d) => {
+      const f = E([...d]), v = (R) => {
+        var O;
+        return f.length < 2 ? !0 : ((O = f.map((b) => ({ id: b.id, shouldRender: b.shouldRender })).reverse().find((b) => b.shouldRender)) == null ? void 0 : O.id) === R;
       };
-      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((R, O) => {
+        f[O].onTopOfStack = v(R.id), f[O].getParentModal = () => O < 1 ? null : f.slice(0, O).reverse().find((b) => b.isOpen), f[O].getChildModal = () => O === f.length - 1 ? null : f.slice(O + 1).find((b) => b.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))
+  X(() => {
+    gt = e;
+  }, [e]);
+  class i {
+    constructor(d, f, v, R, O) {
+      oe(this, "show", () => {
+        l(
+          (d) => d.map((f) => (f.id === this.id && !f.isOpen && (f.isOpen = !0, f.shouldRender = !0), f))
         );
       });
-      le(this, "setOpen", (d) => {
+      oe(this, "setOpen", (d) => {
         d ? this.show() : this.close();
       });
-      le(this, "close", () => {
-        o(
-          (d) => d.map((m) => {
+      oe(this, "close", () => {
+        l(
+          (d) => d.map((f) => {
             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;
+            return f.id === this.id && f.isOpen && (Object.keys(f.listeners).forEach((R) => {
+              f.off(R);
+            }), f.isOpen = !1, (v = f.onCloseCallback) == null || v.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;
+      oe(this, "afterLeave", () => {
+        this.isOpen || l((d) => {
+          const f = d.map((v) => {
+            var R;
+            return v.id === this.id && !v.isOpen && (v.shouldRender = !1, (R = v.afterLeaveCallback) == null || R.call(v), v.afterLeaveCallback = null), v;
           });
-          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);
+      oe(this, "on", (d, f) => {
+        d = je(d), this.listeners[d] = this.listeners[d] ?? [], this.listeners[d].push(f);
       });
-      le(this, "off", (d, m) => {
+      oe(this, "off", (d, f) => {
         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];
+        d = je(d), f ? this.listeners[d] = ((v = this.listeners[d]) == null ? void 0 : v.filter((R) => R !== f)) ?? [] : delete this.listeners[d];
       });
-      le(this, "emit", (d, ...m) => {
+      oe(this, "emit", (d, ...f) => {
         var v;
-        (v = this.listeners[He(d)]) == null || v.forEach((x) => x(...m));
+        (v = this.listeners[je(d)]) == null || v.forEach((R) => R(...f));
       });
-      le(this, "registerEventListenersFromProps", (d) => {
-        const m = [];
+      oe(this, "registerEventListenersFromProps", (d) => {
+        const f = [];
         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());
+          const R = je(v).replace(/^on-/, "");
+          this.on(R, d[v]), f.push(() => this.off(R, d[v]));
+        }), () => f.forEach((v) => v());
       });
-      le(this, "reload", (d = {}) => {
+      oe(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, {
+        let f = Object.keys(this.response.props);
+        d.only && (f = tr(f, d.only)), d.except && (f = dn(f, d.except)), (v = this.response) != null && v.url && He.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": ft(),
             "X-InertiaUI-Modal-Use-Router": 0,
-            "X-InertiaUI-Modal-Base-Url": qe
+            "X-InertiaUI-Modal-Base-Url": De
           }
-        }).then((x) => {
-          this.updateProps(x.data.props);
+        }).then((R) => {
+          this.updateProps(R.data.props);
         });
       });
-      le(this, "updateProps", (d) => {
-        Object.assign(this.props, d), o((m) => m);
+      oe(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 ?? ft(), this.isOpen = !1, this.shouldRender = !1, this.listeners = {}, this.component = d, this.props = f.props, this.response = f, this.config = v ?? {}, this.onCloseCallback = R, this.afterLeaveCallback = O, Se[this.id]) {
+        this.config = {
+          ...this.config,
+          ...Se[this.id].config ?? {}
+        };
+        const b = Se[this.id].onClose, D = Se[this.id].onAfterLeave;
+        b && (this.onCloseCallback = R ? () => {
+          R(), b();
+        } : b), D && (this.afterLeaveCallback = O ? () => {
+          O(), D();
+        } : D), delete Se[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 = (E, d = {}, f = null, v = null) => nr(E.component).then((R) => o(R, E, d, f, v)), o = (E, d, f, v, R) => {
+    const O = new i(E, d, f, v, R);
+    return O.index = e.length, l((b) => [...b, O]), O.show(), O;
   };
-  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 g(E, d, f, v) {
+    if (!n[E])
+      throw new Error(`The local modal "${E}" has not been registered.`);
+    const R = o(null, {}, d, f, v);
+    return R.name = E, n[E].callback(R), R;
   }
-  const c = (f, d = {}) => w(
-    f,
+  const y = (E, d = {}) => w(
+    E,
     d.method ?? "get",
     d.data ?? {},
     d.headers ?? {},
@@ -832,290 +862,292 @@ const Ur = ({ children: e }) => {
     d.onClose,
     d.onAfterLeave,
     d.queryStringArrayFormat ?? "brackets",
-    d.navigate ?? Nt("navigate")
-  ).then((m) => {
+    d.navigate ?? Rt("navigate")
+  ).then((f) => {
     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, {
+    return Object.keys(v).forEach((R) => {
+      const O = je(R);
+      f.on(O, v[R]);
+    }), f;
+  }), w = (E, d, f = {}, v = {}, R = {}, O = null, b = null, D = "brackets", B = !1) => {
+    const Z = ft();
+    return new Promise((ee, Y) => {
+      if (E.startsWith("#")) {
+        ee(g(E.substring(1), R, O, b));
+        return;
+      }
+      const [G, j] = ln(d, E || "", f, D);
+      let u = B && e.length === 0;
+      if (e.length === 0 && (De = typeof window < "u" ? window.location.href : ""), v = {
+        ...v,
+        Accept: "text/html, application/xhtml+xml",
+        "X-Requested-With": "XMLHttpRequest",
+        "X-Inertia": !0,
+        "X-Inertia-Version": rr,
+        "X-InertiaUI-Modal": Z,
+        "X-InertiaUI-Modal-Use-Router": u ? 1 : 0,
+        "X-InertiaUI-Modal-Base-Url": De
+      }, u)
+        return bt = null, Se[Z] = {
+          config: R,
+          onClose: O,
+          onAfterLeave: b
+        }, Ie.visit(G, {
+          method: d,
+          data: j,
+          headers: v,
+          preserveScroll: !0,
+          preserveState: !0,
+          onError: Y,
+          onFinish: () => {
+            vn(() => bt).then(ee);
+          }
+        });
+      He({
+        url: G,
         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: j,
+        headers: v
+      }).then((c) => ee(m(c.data, R, O, b))).catch((c) => {
+        Y(c);
       });
-    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,
-    localModals: r,
-    push: i,
-    pushFromResponseData: s,
+  }, p = {
+    stack: e,
+    localModals: n,
+    push: o,
+    pushFromResponseData: m,
     closeAll: () => {
-      Ft.reverse().forEach((f) => f.close());
+      gt.reverse().forEach((E) => E.close());
     },
-    reset: () => o(() => []),
+    reset: () => l(() => []),
     visit: w,
-    visitModal: c,
-    registerLocalModal: (f, d) => {
-      l((m) => ({
-        ...m,
-        [f]: { name: f, callback: d }
+    visitModal: y,
+    registerLocalModal: (E, d) => {
+      s((f) => ({
+        ...f,
+        [E]: { name: E, callback: d }
       }));
     },
-    removeLocalModal: (f) => {
-      l((d) => {
-        const m = { ...d };
-        return delete m[f], m;
+    removeLocalModal: (E) => {
+      s((d) => {
+        const f = { ...d };
+        return delete f[E], f;
       });
     }
   };
-  return /* @__PURE__ */ R.jsx(ct.Provider, { value: g, children: e });
-}, dt = () => {
-  const e = Z(ct);
-  if (e === null)
+  return /* @__PURE__ */ F.jsx(Qe.Provider, { value: p, children: t });
+}, et = () => {
+  const t = Pe(Qe);
+  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 t;
+}, Yt = ["closeButton", "closeExplicitly", "maxWidth", "paddingClasses", "panelClasses", "position", "slideover"], hn = (t) => {
+  t.initialPage && (rr = t.initialPage.version), t.resolveComponent && (nr = t.resolveComponent);
+}, Fa = (t, e) => {
+  hn(e);
+  const r = ({ Component: n, props: s, key: l }) => {
+    const i = () => {
+      const m = Ve(n, { key: l, ...s });
+      return typeof n.layout == "function" ? n.layout(m) : Array.isArray(n.layout) ? n.layout.concat(m).reverse().reduce((g, y) => Ve(y, s, g)) : m;
     };
-    return /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-      u(),
-      /* @__PURE__ */ R.jsx(Br, {})
+    return /* @__PURE__ */ F.jsxs(F.Fragment, { children: [
+      i(),
+      /* @__PURE__ */ F.jsx(mn, {})
     ] });
   };
-  return /* @__PURE__ */ R.jsx(Ur, { children: /* @__PURE__ */ R.jsx(e, { ...t, children: n }) });
-}, Br = ({ children: e }) => {
-  var s;
-  const t = Z(ct);
-  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();
+  return /* @__PURE__ */ F.jsx(pn, { children: /* @__PURE__ */ F.jsx(t, { ...e, children: r }) });
+}, mn = ({ children: t }) => {
+  var m;
+  const e = Pe(Qe);
+  let r = !1, n = !1;
+  X(() => Ie.on("start", () => r = !0), []), X(() => Ie.on("finish", () => r = !1), []), X(
+    () => Ie.on("navigate", function(o) {
+      const g = o.detail.page.props._inertiaui_modal;
+      if (!g) {
+        n && e.closeAll();
         return;
       }
-      r = p, qe = p.baseUrl, t.pushFromResponseData(p, {}, () => {
-        if (!p.baseUrl) {
+      n = g, De = g.baseUrl, e.pushFromResponseData(g, {}, () => {
+        if (!g.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, {
+        !r && window.location.href !== g.baseUrl && Ie.visit(g.baseUrl, {
           preserveScroll: !0,
           preserveState: !0
         });
-      }).then((c) => {
-        $t = c;
+      }).then((y) => {
+        bt = y;
       });
     }),
     []
   );
-  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 s = (o) => (gt.length && (o.headers["X-InertiaUI-Modal-Base-Url"] = De), o);
+  X(() => (He.interceptors.request.use(s), () => He.interceptors.request.eject(s)), []);
+  const l = sn(), i = q();
+  return X(() => {
+    var y, w;
+    const o = (y = l.props) == null ? void 0 : y._inertiaui_modal, g = i.current;
+    i.current = o, o && g && o.component === g.component && o.url === g.url && ((w = e.stack[0]) == null || w.updateProps(o.props ?? {}));
+  }, [(m = l.props) == null ? void 0 : m._inertiaui_modal]), /* @__PURE__ */ F.jsxs(F.Fragment, { children: [
+    t,
+    e.stack.length > 0 && /* @__PURE__ */ F.jsx(ir, { index: 0 })
   ] });
-}, Dt = O.createContext(null);
-Dt.displayName = "ModalIndexContext";
-const Tn = () => {
-  const e = O.useContext(Dt);
-  if (e === void 0)
+}, St = J.createContext(null);
+St.displayName = "ModalIndexContext";
+const ar = () => {
+  const t = J.useContext(St);
+  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(
-    n.component,
+  return t;
+}, ir = ({ index: t }) => {
+  const { stack: e } = et(), r = ve(() => e[t], [e, t]);
+  return (r == null ? void 0 : r.component) && /* @__PURE__ */ F.jsx(St.Provider, { value: t, children: /* @__PURE__ */ F.jsx(
+    r.component,
     {
-      ...n.props,
-      onModalEvent: (...r) => n.emit(...r)
+      ...r.props,
+      onModalEvent: (...n) => r.emit(...n)
     }
   ) });
-}, 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(
+}, sr = Tt(({ name: t, children: e, onFocus: r = null, onBlur: n = null, onClose: s = null, onSuccess: l = null, ...i }, m) => {
+  const o = ar(), { stack: g, registerLocalModal: y, removeLocalModal: w } = et(), [P, S] = z(null), p = ve(() => t ? P : g[o], [t, P, o, g]), E = ve(() => {
+    var b;
+    return (b = g.find((D) => D.shouldRender && D.index > (p == null ? void 0 : p.index))) == null ? void 0 : b.index;
+  }, [o, g]), d = ve(() => (p == null ? void 0 : p.config.slideover) ?? i.slideover ?? Rt("type") === "slideover", [i.slideover]), f = ve(
     () => ({
-      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"),
-      ...c == null ? void 0 : c.config
+      slideover: d,
+      closeButton: i.closeButton ?? Re(d, "closeButton"),
+      closeExplicitly: i.closeExplicitly ?? Re(d, "closeExplicitly"),
+      maxWidth: i.maxWidth ?? Re(d, "maxWidth"),
+      paddingClasses: i.paddingClasses ?? Re(d, "paddingClasses"),
+      panelClasses: i.panelClasses ?? Re(d, "panelClasses"),
+      position: i.position ?? Re(d, "position"),
+      ...p == null ? void 0 : p.config
     }),
-    [n, c == null ? void 0 : c.config]
+    [i, p == null ? void 0 : p.config]
   );
-  L(() => {
-    if (e) {
-      let f = null;
-      return u(e, (d) => {
-        f = d.registerEventListenersFromProps(n), p(d);
+  X(() => {
+    if (t) {
+      let b = null;
+      return y(t, (D) => {
+        b = D.registerEventListenersFromProps(i), S(D);
       }), () => {
-        f == null || f(), f = null, s(e);
+        b == null || b(), b = null, w(t);
       };
     }
-    return c.registerEventListenersFromProps(n);
-  }, [e]);
-  const g = j(c);
-  return L(() => {
-    g.current = c;
-  }, [c]), yn(
-    r,
+    return p.registerEventListenersFromProps(i);
+  }, [t]);
+  const v = q(p);
+  X(() => {
+    v.current = p;
+  }, [p]), X(() => {
+    p !== null && (p.isOpen ? l == null || l() : s == null || s());
+  }, [p == null ? void 0 : p.isOpen]);
+  const [R, O] = z(!1);
+  return X(() => {
+    R && p !== null && p.isOpen && (p.onTopOfStack ? r == null || r() : n == null || n()), O(!0);
+  }, [p == null ? void 0 : p.onTopOfStack]), er(
+    m,
     () => ({
       afterLeave: () => {
-        var f;
-        return (f = g.current) == null ? void 0 : f.afterLeave();
+        var b;
+        return (b = v.current) == null ? void 0 : b.afterLeave();
       },
       close: () => {
-        var f;
-        return (f = g.current) == null ? void 0 : f.close();
+        var b;
+        return (b = v.current) == null ? void 0 : b.close();
       },
-      emit: (...f) => {
-        var d;
-        return (d = g.current) == null ? void 0 : d.emit(...f);
+      emit: (...b) => {
+        var D;
+        return (D = v.current) == null ? void 0 : D.emit(...b);
       },
       getChildModal: () => {
-        var f;
-        return (f = g.current) == null ? void 0 : f.getChildModal();
+        var b;
+        return (b = v.current) == null ? void 0 : b.getChildModal();
       },
       getParentModal: () => {
-        var f;
-        return (f = g.current) == null ? void 0 : f.getParentModal();
+        var b;
+        return (b = v.current) == null ? void 0 : b.getParentModal();
       },
-      reload: (...f) => {
-        var d;
-        return (d = g.current) == null ? void 0 : d.reload(...f);
+      reload: (...b) => {
+        var D;
+        return (D = v.current) == null ? void 0 : D.reload(...b);
       },
       setOpen: () => {
-        var f;
-        return (f = g.current) == null ? void 0 : f.setOpen();
+        var b;
+        return (b = v.current) == null ? void 0 : b.setOpen();
       },
       get id() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.id;
+        var b;
+        return (b = v.current) == null ? void 0 : b.id;
       },
       get index() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.index;
+        var b;
+        return (b = v.current) == null ? void 0 : b.index;
       },
       get isOpen() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.isOpen;
+        var b;
+        return (b = v.current) == null ? void 0 : b.isOpen;
       },
       get config() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.config;
+        var b;
+        return (b = v.current) == null ? void 0 : b.config;
       },
       get modalContext() {
-        return g.current;
+        return v.current;
       },
       get onTopOfStack() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.onTopOfStack;
+        var b;
+        return (b = v.current) == null ? void 0 : b.onTopOfStack;
       },
       get shouldRender() {
-        var f;
-        return (f = g.current) == null ? void 0 : f.shouldRender;
+        var b;
+        return (b = v.current) == null ? void 0 : b.shouldRender;
       }
     }),
-    [c]
-  ), (c == null ? void 0 : c.shouldRender) && /* @__PURE__ */ R.jsxs(R.Fragment, { children: [
-    typeof t == "function" ? t({
-      afterLeave: c.afterLeave,
-      close: c.close,
-      config: y,
-      emit: c.emit,
-      getChildModal: c.getChildModal,
-      getParentModal: c.getParentModal,
-      id: c.id,
-      index: c.index,
-      isOpen: c.isOpen,
-      modalContext: c,
-      onTopOfStack: c.onTopOfStack,
-      reload: c.reload,
-      setOpen: c.setOpen,
-      shouldRender: c.shouldRender
-    }) : t,
-    w && /* @__PURE__ */ R.jsx(On, { index: w })
+    [p]
+  ), (p == null ? void 0 : p.shouldRender) && /* @__PURE__ */ F.jsxs(F.Fragment, { children: [
+    typeof e == "function" ? e({
+      afterLeave: p.afterLeave,
+      close: p.close,
+      config: f,
+      emit: p.emit,
+      getChildModal: p.getChildModal,
+      getParentModal: p.getParentModal,
+      id: p.id,
+      index: p.index,
+      isOpen: p.isOpen,
+      modalContext: p,
+      onTopOfStack: p.onTopOfStack,
+      reload: p.reload,
+      setOpen: p.setOpen,
+      shouldRender: p.shouldRender
+    }) : e,
+    E && /* @__PURE__ */ F.jsx(ir, { index: E })
   ] });
 });
-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);
-  return r;
+sr.displayName = "HeadlessModal";
+function lr(t) {
+  var e, r, n = "";
+  if (typeof t == "string" || typeof t == "number") n += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var s = t.length;
+    for (e = 0; e < s; e++) t[e] && (r = lr(t[e])) && (n && (n += " "), n += r);
+  } else for (r in t) t[r] && (n && (n += " "), n += r);
+  return n;
 }
-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);
-  return r;
+function Ye() {
+  for (var t, e, r = 0, n = "", s = arguments.length; r < s; r++) (t = arguments[r]) && (e = lr(t)) && (n && (n += " "), n += e);
+  return n;
 }
-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 bn = Object.defineProperty, gn = (t, e, r) => e in t ? bn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, vt = (t, e, r) => (gn(t, typeof e != "symbol" ? e + "" : e, r), r);
+let yn = class {
   constructor() {
-    Rt(this, "current", this.detect()), Rt(this, "handoffState", "pending"), Rt(this, "currentId", 0);
+    vt(this, "current", this.detect()), vt(this, "handoffState", "pending"), vt(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 +1170,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;
+}, Ke = new yn();
+function wn(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));
-  }, requestAnimationFrame(...n) {
-    let r = requestAnimationFrame(...n);
-    return t.add(() => cancelAnimationFrame(r));
-  }, nextFrame(...n) {
-    return t.requestAnimationFrame(() => t.requestAnimationFrame(...n));
-  }, setTimeout(...n) {
-    let r = setTimeout(...n);
-    return t.add(() => clearTimeout(r));
-  }, microTask(...n) {
-    let r = { current: !0 };
-    return pt(() => {
-      r.current && n[0]();
-    }), t.add(() => {
-      r.current = !1;
+function tt() {
+  let t = [], e = { addEventListener(r, n, s, l) {
+    return r.addEventListener(n, s, l), e.add(() => r.removeEventListener(n, s, l));
+  }, requestAnimationFrame(...r) {
+    let n = requestAnimationFrame(...r);
+    return e.add(() => cancelAnimationFrame(n));
+  }, nextFrame(...r) {
+    return e.requestAnimationFrame(() => e.requestAnimationFrame(...r));
+  }, setTimeout(...r) {
+    let n = setTimeout(...r);
+    return e.add(() => clearTimeout(n));
+  }, microTask(...r) {
+    let n = { current: !0 };
+    return wn(() => {
+      n.current && r[0]();
+    }), e.add(() => {
+      n.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(r, n, s) {
+    let l = r.style.getPropertyValue(n);
+    return Object.assign(r.style, { [n]: s }), this.add(() => {
+      Object.assign(r.style, { [n]: l });
     });
-  }, group(n) {
-    let r = ye();
-    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();
+  }, group(r) {
+    let n = tt();
+    return r(n), this.add(() => n.dispose());
+  }, add(r) {
+    return t.includes(r) || t.push(r), () => {
+      let n = t.indexOf(r);
+      if (n >= 0) for (let s of t.splice(n, 1)) s();
     };
   }, dispose() {
-    for (let n of e.splice(0)) n();
+    for (let r of t.splice(0)) r();
   } };
-  return t;
+  return e;
 }
-function Wt() {
-  let [e] = V(ye);
-  return L(() => () => e.dispose(), [e]), e;
+function or() {
+  let [t] = z(tt);
+  return X(() => () => t.dispose(), [t]), t;
 }
-let z = (e, t) => {
-  Fe.isServer ? L(e, t) : Rr(e, t);
+let he = (t, e) => {
+  Ke.isServer ? X(t, e) : rn(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 ur(t) {
+  let e = q(t);
+  return he(() => {
+    e.current = t;
+  }, [t]), e;
+}
+let de = function(t) {
+  let e = ur(t);
+  return J.useCallback((...r) => e.current(...r), [e]);
+};
+function yt(...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 rt(t, e, ...r) {
+  if (t in e) {
+    let s = e[t];
+    return typeof s == "function" ? s(...r) : s;
   }
-  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 n = new Error(`Tried to handle "${t}" but there is no handler defined. Only defined handlers are: ${Object.keys(e).map((s) => `"${s}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(n, rt), n;
+}
+var cr = ((t) => (t[t.None = 0] = "None", t[t.RenderStrategy = 1] = "RenderStrategy", t[t.Static = 2] = "Static", t))(cr || {}), pe = ((t) => (t[t.Unmount = 0] = "Unmount", t[t.Hidden = 1] = "Hidden", t))(pe || {});
+function dr() {
+  let t = En();
+  return ue((e) => xn({ mergeRefs: t, ...e }), [t]);
+}
+function xn({ ourProps: t, theirProps: e, slot: r, defaultTag: n, features: s, visible: l = !0, name: i, mergeRefs: m }) {
+  m = m ?? Tn;
+  let o = fr(e, t);
+  if (l) return Ue(o, r, n, i, m);
+  let g = s ?? 0;
+  if (g & 2) {
+    let { static: y = !1, ...w } = o;
+    if (y) return Ue(w, r, n, i, m);
   }
-  if (p & 1) {
-    let { unmount: c = !0, ...w } = i;
-    return we(c ? 0 : 1, { 0() {
+  if (g & 1) {
+    let { unmount: y = !0, ...w } = o;
+    return rt(y ? 0 : 1, { 0() {
       return null;
     }, 1() {
-      return nt({ ...w, hidden: !0, style: { display: "none" } }, n, r, u, s);
+      return Ue({ ...w, hidden: !0, style: { display: "none" } }, r, n, i, m);
     } });
   }
-  return nt(i, n, r, u, s);
+  return Ue(o, r, n, i, m);
 }
-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);
+function Ue(t, e = {}, r, n, s) {
+  let { as: l = r, children: i, refName: m = "ref", ...o } = pt(t, ["unmount", "static"]), g = t.ref !== void 0 ? { [m]: t.ref } : {}, y = typeof i == "function" ? i(e) : i;
+  "className" in o && o.className && typeof o.className == "function" && (o.className = o.className(e)), o["aria-labelledby"] && o["aria-labelledby"] === o.id && (o["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}`] = "";
+  if (e) {
+    let P = !1, S = [];
+    for (let [p, E] of Object.entries(e)) typeof E == "boolean" && (P = !0), E === !0 && S.push(p.replace(/([A-Z])/g, (d) => `-${d.toLowerCase()}`));
+    if (P) {
+      w["data-headlessui-state"] = S.join(" ");
+      for (let p of S) w[`data-${p}`] = "";
     }
   }
-  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 === we && (Object.keys(be(o)).length > 0 || Object.keys(be(w)).length > 0)) if (!nn(y) || Array.isArray(y) && y.length > 1) {
+    if (Object.keys(be(o)).length > 0) throw new Error(['Passing props on "Fragment"!', "", `The current component <${n} /> is rendering a "Fragment".`, "However we need to passthrough the following props:", Object.keys(be(o)).concat(Object.keys(be(w))).map((P) => `  - ${P}`).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((P) => `  - ${P}`).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 P = y.props, S = P == null ? void 0 : P.className, p = typeof S == "function" ? (...f) => yt(S(...f), o.className) : yt(S, o.className), E = p ? { className: p } : {}, d = fr(y.props, be(pt(o, ["ref"])));
+    for (let f in w) f in d && delete w[f];
+    return an(y, Object.assign({}, d, w, g, { ref: s(Rn(y), g.ref) }, E));
   }
-  return rt(o, Object.assign({}, St(i, ["ref"]), o !== se && p, o !== se && w), c);
+  return Ve(l, Object.assign({}, pt(o, ["ref"]), l !== we && g, l !== we && w), y);
 }
-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 En() {
+  let t = q([]), e = ue((r) => {
+    for (let n of t.current) n != null && (typeof n == "function" ? n(r) : n.current = r);
   }, []);
-  return (...n) => {
-    if (!n.every((r) => r == null)) return e.current = n, t;
+  return (...r) => {
+    if (!r.every((n) => n == null)) return t.current = r, 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 Tn(...t) {
+  return t.every((e) => e == null) ? void 0 : (e) => {
+    for (let r of t) r != null && (typeof r == "function" ? r(e) : r.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 fr(...t) {
+  if (t.length === 0) return {};
+  if (t.length === 1) return t[0];
+  let e = {}, r = {};
+  for (let n of t) for (let s in n) s.startsWith("on") && typeof n[s] == "function" ? (r[s] != null || (r[s] = []), r[s].push(n[s])) : e[s] = n[s];
+  if (e.disabled || e["aria-disabled"]) for (let n in r) /^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(n) && (r[n] = [(s) => {
+    var l;
+    return (l = s == null ? void 0 : s.preventDefault) == null ? void 0 : l.call(s);
   }]);
-  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 n in r) Object.assign(e, { [n](s, ...l) {
+    let i = r[n];
+    for (let m of i) {
+      if ((s instanceof Event || (s == null ? void 0 : s.nativeEvent) instanceof Event) && s.defaultPrevented) return;
+      m(s, ...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 Ot(t) {
+  var e;
+  return Object.assign(Tt(t), { displayName: (e = t.displayName) != null ? e : t.name });
 }
-function Sl() {
-  return { before({ doc: e, d: t }) {
-    t.style(e.documentElement, "overflow", "hidden");
-  } };
+function be(t) {
+  let e = Object.assign({}, t);
+  for (let r in e) e[r] === void 0 && delete e[r];
+  return e;
 }
-function Cl(e) {
-  let t = {};
-  for (let n of e) Object.assign(t, n(t));
-  return t;
+function pt(t, e = []) {
+  let r = Object.assign({}, t);
+  for (let n of e) n in r && delete r[n];
+  return r;
 }
-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 Rn(t) {
+  return J.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 Sn = Symbol();
+function vr(...t) {
+  let e = q(t);
+  X(() => {
+    e.current = t;
+  }, [t]);
+  let r = de((n) => {
+    for (let s of e.current) s != null && (typeof s == "function" ? s(n) : s.current = n);
   });
+  return t.every((n) => n == null || (n == null ? void 0 : n[Sn])) ? void 0 : r;
 }
-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 On(t = 0) {
+  let [e, r] = z(t), n = ue((o) => r(o), [e]), s = ue((o) => r((g) => g | o), [e]), l = ue((o) => (e & o) === o, [e]), i = ue((o) => r((g) => g & ~o), [r]), m = ue((o) => r((g) => g ^ o), [r]);
+  return { flags: e, setFlag: n, addFlag: s, hasFlag: l, removeFlag: i, 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 qt, Xt;
+typeof process < "u" && typeof globalThis < "u" && typeof Element < "u" && ((qt = process == null ? void 0 : process.env) == null ? void 0 : qt.NODE_ENV) === "test" && typeof ((Xt = Element == null ? void 0 : Element.prototype) == null ? void 0 : Xt.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 Pn = ((t) => (t[t.None = 0] = "None", t[t.Closed = 1] = "Closed", t[t.Enter = 2] = "Enter", t[t.Leave = 4] = "Leave", t))(Pn || {});
+function Cn(t) {
+  let e = {};
+  for (let r in t) t[r] === !0 && (e[`data-${r}`] = "");
+  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 kn(t, e, r, n) {
+  let [s, l] = z(r), { hasFlag: i, addFlag: m, removeFlag: o } = On(t && s ? 3 : 0), g = q(!1), y = q(!1), w = or();
+  return he(() => {
+    var P;
+    if (t) {
+      if (r && l(!0), !e) {
+        r && 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 (P = n == null ? void 0 : n.start) == null || P.call(n, r), Fn(e, { inFlight: g, prepare() {
+        y.current ? y.current = !1 : y.current = g.current, g.current = !0, !y.current && (r ? (m(3), o(4)) : (m(4), o(2)));
       }, run() {
-        c.current ? n ? (i(3), s(4)) : (i(4), s(3)) : n ? i(1) : s(1);
+        y.current ? r ? (o(3), m(4)) : (o(4), m(3)) : r ? o(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 S;
+        y.current && typeof e.getAnimations == "function" && e.getAnimations().length > 0 || (g.current = !1, o(7), r || l(!1), (S = n == null ? void 0 : n.end) == null || S.call(n, r));
       } });
     }
-  }, [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, r, e, w]), t ? [s, { closed: i(1), enter: i(2), leave: i(4), transition: i(2) || i(4) }] : [r, { 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 Fn(t, { prepare: e, run: r, done: n, inFlight: s }) {
+  let l = tt();
+  return jn(t, { prepare: e, inFlight: s }), l.nextFrame(() => {
+    r(), l.requestAnimationFrame(() => {
+      l.add(Nn(t, n));
     });
-  }), o.dispose;
-}
-function Ll(e, t) {
-  var n, r;
-  let l = ye();
-  if (!e) return l.dispose;
-  let o = !1;
-  l.add(() => {
-    o = !0;
+  }), l.dispose;
+}
+function Nn(t, e) {
+  var r, n;
+  let s = tt();
+  if (!t) return s.dispose;
+  let l = !1;
+  s.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);
-}
-function Il(e, { inFlight: t, prepare: n }) {
-  if (t != null && t.current) {
-    n();
+  let i = (n = (r = t.getAnimations) == null ? void 0 : r.call(t).filter((m) => m instanceof CSSTransition)) != null ? n : [];
+  return i.length === 0 ? (e(), s.dispose) : (Promise.allSettled(i.map((m) => m.finished)).then(() => {
+    l || e();
+  }), s.dispose);
+}
+function jn(t, { inFlight: e, prepare: r }) {
+  if (e != null && e.current) {
+    r();
     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 n = t.style.transition;
+  t.style.transition = "none", r(), t.offsetHeight, t.style.transition = n;
+}
+/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var pr = ["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])"], qe = /* @__PURE__ */ pr.join(","), hr = typeof Element > "u", xe = hr ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Xe = !hr && 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;
+}, ze = function t(e, r) {
+  var n;
+  r === void 0 && (r = !0);
+  var s = e == null || (n = e.getAttribute) === null || n === void 0 ? void 0 : n.call(e, "inert"), l = s === "" || s === "true", i = l || r && e && t(e.parentNode);
+  return i;
+}, An = function(e) {
+  var r, n = e == null || (r = e.getAttribute) === null || r === void 0 ? void 0 : r.call(e, "contenteditable");
+  return n === "" || n === "true";
+}, mr = function(e, r, n) {
+  if (ze(e))
+    return [];
+  var s = Array.prototype.slice.apply(e.querySelectorAll(qe));
+  return r && xe.call(e, qe) && s.unshift(e), s = s.filter(n), s;
+}, br = function t(e, r, n) {
+  for (var s = [], l = Array.from(e); l.length; ) {
+    var i = l.shift();
+    if (!ze(i, !1))
+      if (i.tagName === "SLOT") {
+        var m = i.assignedElements(), o = m.length ? m : i.children, g = t(o, !0, n);
+        n.flatten ? s.push.apply(s, g) : s.push({
+          scopeParent: i,
+          candidates: g
+        });
+      } else {
+        var y = xe.call(i, qe);
+        y && n.filter(i) && (r || !e.includes(i)) && s.push(i);
+        var w = i.shadowRoot || // check for an undisclosed shadow
+        typeof n.getShadowRoot == "function" && n.getShadowRoot(i), P = !ze(w, !1) && (!n.shadowRootFilter || n.shadowRootFilter(i));
+        if (w && P) {
+          var S = t(w === !0 ? i.children : w.children, !0, n);
+          n.flatten ? s.push.apply(s, S) : s.push({
+            scopeParent: i,
+            candidates: S
+          });
+        } else
+          l.unshift.apply(l, i.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 s;
+}, gr = function(e) {
+  return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
+}, ge = function(e) {
+  if (!e)
+    throw new Error("No node provided");
+  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || An(e)) && !gr(e) ? 0 : e.tabIndex;
+}, In = function(e, r) {
+  var n = ge(e);
+  return n < 0 && r && !gr(e) ? 0 : n;
+}, _n = function(e, r) {
+  return e.tabIndex === r.tabIndex ? e.documentOrder - r.documentOrder : e.tabIndex - r.tabIndex;
+}, yr = function(e) {
+  return e.tagName === "INPUT";
+}, Dn = function(e) {
+  return yr(e) && e.type === "hidden";
+}, Mn = function(e) {
+  var r = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(n) {
+    return n.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 r;
+}, Ln = function(e, r) {
+  for (var n = 0; n < e.length; n++)
+    if (e[n].checked && e[n].form === r)
+      return e[n];
+}, $n = function(e) {
+  if (!e.name)
+    return !0;
+  var r = e.form || Xe(e), n = function(m) {
+    return r.querySelectorAll('input[type="radio"][name="' + m + '"]');
+  }, s;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    s = n(window.CSS.escape(e.name));
+  else
+    try {
+      s = n(e.name);
+    } catch (i) {
+      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", i.message), !1;
+    }
+  var l = Ln(s, e.form);
+  return !l || l === e;
+}, Wn = function(e) {
+  return yr(e) && e.type === "radio";
+}, Un = function(e) {
+  return Wn(e) && !$n(e);
+}, Bn = function(e) {
+  var r, n = e && Xe(e), s = (r = n) === null || r === void 0 ? void 0 : r.host, l = !1;
+  if (n && n !== e) {
+    var i, m, o;
+    for (l = !!((i = s) !== null && i !== void 0 && (m = i.ownerDocument) !== null && m !== void 0 && m.contains(s) || e != null && (o = e.ownerDocument) !== null && o !== void 0 && o.contains(e)); !l && s; ) {
+      var g, y, w;
+      n = Xe(s), s = (g = n) === null || g === void 0 ? void 0 : g.host, l = !!((y = s) !== null && y !== void 0 && (w = y.ownerDocument) !== null && w !== void 0 && w.contains(s));
     }
-    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;
+}, zt = function(e) {
+  var r = e.getBoundingClientRect(), n = r.width, s = r.height;
+  return n === 0 && s === 0;
+}, Kn = function(e, r) {
+  var n = r.displayCheck, s = r.getShadowRoot;
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  var l = xe.call(e, "details>summary:first-of-type"), i = l ? e.parentElement : e;
+  if (xe.call(i, "details:not([open]) *"))
+    return !0;
+  if (!n || n === "full" || n === "legacy-full") {
+    if (typeof s == "function") {
+      for (var m = e; e; ) {
+        var o = e.parentElement, g = Xe(e);
+        if (o && !o.shadowRoot && s(o) === !0)
+          return zt(e);
+        e.assignedSlot ? e = e.assignedSlot : !o && g !== e.ownerDocument ? e = g.host : e = o;
       }
-      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 (Bn(e))
+      return !e.getClientRects().length;
+    if (n !== "legacy-full")
+      return !0;
+  } else if (n === "non-zero-area")
+    return zt(e);
+  return !1;
+}, Vn = function(e) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))
+    for (var r = e.parentElement; r; ) {
+      if (r.tagName === "FIELDSET" && r.disabled) {
+        for (var n = 0; n < r.children.length; n++) {
+          var s = r.children.item(n);
+          if (s.tagName === "LEGEND")
+            return xe.call(r, "fieldset[disabled] *") ? !0 : !s.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;
+      r = r.parentElement;
+    }
   return !1;
+}, Ge = function(e, r) {
+  return !(r.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`)
+  ze(r) || Dn(r) || Kn(r, e) || // For a details element with a summary, the summary element gets the focus
+  Mn(r) || Vn(r));
+}, wt = function(e, r) {
+  return !(Un(r) || ge(r) < 0 || !Ge(e, r));
+}, Hn = function(e) {
+  var r = parseInt(e.getAttribute("tabindex"), 10);
+  return !!(isNaN(r) || r >= 0);
+}, Yn = function t(e) {
+  var r = [], n = [];
+  return e.forEach(function(s, l) {
+    var i = !!s.scopeParent, m = i ? s.scopeParent : s, o = In(m, i), g = i ? t(s.candidates) : m;
+    o === 0 ? i ? r.push.apply(r, g) : r.push(m) : n.push({
+      documentOrder: l,
+      tabIndex: o,
+      item: s,
+      isScope: i,
+      content: g
+    });
+  }), n.sort(_n).reduce(function(s, l) {
+    return l.isScope ? s.push.apply(s, l.content) : s.push(l.content), s;
+  }, []).concat(r);
+}, qn = function(e, r) {
+  r = r || {};
+  var n;
+  return r.getShadowRoot ? n = br([e], r.includeContainer, {
+    filter: wt.bind(null, r),
+    flatten: !1,
+    getShadowRoot: r.getShadowRoot,
+    shadowRootFilter: Hn
+  }) : n = mr(e, r.includeContainer, wt.bind(null, r)), Yn(n);
+}, Xn = function(e, r) {
+  r = r || {};
+  var n;
+  return r.getShadowRoot ? n = br([e], r.includeContainer, {
+    filter: Ge.bind(null, r),
+    flatten: !0,
+    getShadowRoot: r.getShadowRoot
+  }) : n = mr(e, r.includeContainer, Ge.bind(null, r)), n;
+}, Oe = function(e, r) {
+  if (r = r || {}, !e)
+    throw new Error("No node provided");
+  return xe.call(e, qe) === !1 ? !1 : wt(r, e);
+}, zn = /* @__PURE__ */ pr.concat("iframe").join(","), ht = function(e, r) {
+  if (r = r || {}, !e)
+    throw new Error("No node provided");
+  return xe.call(e, zn) === !1 ? !1 : Ge(r, e);
+};
+let Pt = Je(null);
+Pt.displayName = "OpenClosedContext";
+var ye = ((t) => (t[t.Open = 1] = "Open", t[t.Closed = 2] = "Closed", t[t.Closing = 4] = "Closing", t[t.Opening = 8] = "Opening", t))(ye || {});
+function wr() {
+  return Pe(Pt);
+}
+function Gn({ value: t, children: e }) {
+  return J.createElement(Pt.Provider, { value: t }, e);
+}
+function Jn() {
+  let t = typeof document > "u";
+  return "useSyncExternalStore" in _e ? ((e) => e.useSyncExternalStore)(_e)(() => () => {
+  }, () => !1, () => !t) : !1;
+}
+function xr() {
+  let t = Jn(), [e, r] = _e.useState(Ke.isHandoffComplete);
+  return e && Ke.isHandoffComplete === !1 && r(!1), _e.useEffect(() => {
+    e !== !0 && r(!0);
+  }, [e]), _e.useEffect(() => Ke.handoff(), []), t ? !1 : e;
+}
+function Zn() {
+  let t = q(!1);
+  return he(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), t;
+}
+function Er(t) {
+  var e;
+  return !!(t.enter || t.enterFrom || t.enterTo || t.leave || t.leaveFrom || t.leaveTo) || ((e = t.as) != null ? e : Rr) !== we || J.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 nt = Je(null);
+nt.displayName = "TransitionContext";
+var Qn = ((t) => (t.Visible = "visible", t.Hidden = "hidden", t))(Qn || {});
+function ea() {
+  let t = Pe(nt);
+  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 ta() {
+  let t = Pe(at);
+  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 at = Je(null);
+at.displayName = "NestingContext";
+function it(t) {
+  return "children" in t ? it(t.children) : t.current.filter(({ el: e }) => e.current !== null).filter(({ state: e }) => e === "visible").length > 0;
+}
+function Tr(t, e) {
+  let r = ur(t), n = q([]), s = Zn(), l = or(), i = de((S, p = pe.Hidden) => {
+    let E = n.current.findIndex(({ el: d }) => d === S);
+    E !== -1 && (rt(p, { [pe.Unmount]() {
+      n.current.splice(E, 1);
+    }, [pe.Hidden]() {
+      n.current[E].state = "hidden";
+    } }), l.microTask(() => {
       var d;
-      !wt(r) && l.current && ((d = n.current) == null || d.call(n));
+      !it(n) && s.current && ((d = r.current) == null || d.call(r));
     }));
-  }), 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 = de((S) => {
+    let p = n.current.find(({ el: E }) => E === S);
+    return p ? p.state !== "visible" && (p.state = "visible") : n.current.push({ el: S, state: "visible" }), () => i(S, pe.Unmount);
+  }), o = q([]), g = q(Promise.resolve()), y = q({ enter: [], leave: [] }), w = de((S, p, E) => {
+    o.current.splice(0), e && (e.chains.current[p] = e.chains.current[p].filter(([d]) => d !== S)), e == null || e.chains.current[p].push([S, new Promise((d) => {
+      o.current.push(d);
+    })]), e == null || e.chains.current[p].push([S, new Promise((d) => {
+      Promise.all(y.current[p].map(([f, v]) => v)).then(() => d());
+    })]), p === "enter" ? g.current = g.current.then(() => e == null ? void 0 : e.wait.current).then(() => E(p)) : E(p);
+  }), P = de((S, p, E) => {
+    Promise.all(y.current[p].splice(0).map(([d, f]) => f)).then(() => {
       var d;
-      (d = i.current.shift()) == null || d();
-    }).then(() => f(g));
+      (d = o.current.shift()) == null || d();
+    }).then(() => E(p));
   });
-  return B(() => ({ children: r, register: s, unregister: u, onStart: w, onStop: b, wait: p, chains: c }), [s, u, r, w, b, c, p]);
-}
-let Kn = se, zn = it.RenderStrategy;
-function fa(e, t) {
-  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");
+  return ve(() => ({ children: n, register: m, unregister: i, onStart: w, onStop: P, wait: g, chains: y }), [m, i, n, w, P, y, g]);
+}
+let Rr = we, Sr = cr.RenderStrategy;
+function ra(t, e) {
+  var r, n;
+  let { transition: s = !0, beforeEnter: l, afterEnter: i, beforeLeave: m, afterLeave: o, enter: g, enterFrom: y, enterTo: w, entered: P, leave: S, leaveFrom: p, leaveTo: E, ...d } = t, [f, v] = z(null), R = q(null), O = Er(t), b = vr(...O ? [R, e, v] : e === null ? [] : [e]), D = (r = d.unmount) == null || r ? pe.Unmount : pe.Hidden, { show: B, appear: Z, initial: ee } = ea(), [Y, G] = z(B ? "visible" : "hidden"), j = ta(), { register: u, unregister: c } = j;
+  he(() => u(R), [u, R]), he(() => {
+    if (D === pe.Hidden && R.current) {
+      if (B && Y !== "visible") {
+        G("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 rt(Y, { hidden: () => c(R), visible: () => u(R) });
+    }
+  }, [Y, R, u, c, B, D]);
+  let T = xr();
+  he(() => {
+    if (O && T && Y === "visible" && R.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+  }, [R, Y, T, O]);
+  let I = ee && !Z, _ = Z && B && ee, L = q(!1), k = Tr(() => {
+    L.current || (G("hidden"), c(R));
+  }, j), W = de((le) => {
+    L.current = !0;
+    let ne = le ? "enter" : "leave";
+    k.onStart(R, ne, (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));
+  }), U = de((le) => {
+    let ne = le ? "enter" : "leave";
+    L.current = !1, k.onStop(R, ne, (ce) => {
+      ce === "enter" ? i == null || i() : ce === "leave" && (o == null || o());
+    }), ne === "leave" && !it(k) && (G("hidden"), c(R));
   });
-  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" }));
+  X(() => {
+    O && s || (W(B), U(B));
+  }, [B, O, s]);
+  let ae = !(!s || !O || !T || I), [, K] = kn(ae, f, B, { start: W, end: U }), ie = be({ ref: b, className: ((n = yt(d.className, _ && g, _ && y, K.enter && g, K.enter && K.closed && y, K.enter && !K.closed && w, K.leave && S, K.leave && !K.closed && p, K.leave && K.closed && E, !K.transition && B && P)) == null ? void 0 : n.trim()) || void 0, ...Cn(K) }), re = 0;
+  Y === "visible" && (re |= ye.Open), Y === "hidden" && (re |= ye.Closed), K.enter && (re |= ye.Opening), K.leave && (re |= ye.Closing);
+  let fe = dr();
+  return J.createElement(at.Provider, { value: k }, J.createElement(Gn, { value: re }, fe({ ourProps: ie, theirProps: d, defaultTag: Rr, features: Sr, visible: Y === "visible", name: "Transition.Child" })));
+}
+function na(t, e) {
+  let { show: r, appear: n = !1, unmount: s = !0, ...l } = t, i = q(null), m = Er(t), o = vr(...m ? [i, e] : e === null ? [] : [e]);
+  xr();
+  let g = wr();
+  if (r === void 0 && g !== null && (r = (g & ye.Open) === ye.Open), r === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
+  let [y, w] = z(r ? "visible" : "hidden"), P = Tr(() => {
+    r || w("hidden");
+  }), [S, p] = z(!0), E = q([r]);
+  he(() => {
+    S !== !1 && E.current[E.current.length - 1] !== r && (E.current.push(r), p(!1));
+  }, [E, r]);
+  let d = ve(() => ({ show: r, appear: n, initial: S }), [r, n, S]);
+  he(() => {
+    r ? w("visible") : !it(P) && i.current !== null && w("hidden");
+  }, [r, P]);
+  let f = { unmount: s }, v = de(() => {
+    var b;
+    S && p(!1), (b = t.beforeEnter) == null || b.call(t);
+  }), R = de(() => {
+    var b;
+    S && p(!1), (b = t.beforeLeave) == null || b.call(t);
+  }), O = dr();
+  return J.createElement(at.Provider, { value: P }, J.createElement(nt.Provider, { value: d }, O({ ourProps: { ...f, as: we, children: J.createElement(Or, { ref: o, ...f, ...l, beforeEnter: v, beforeLeave: R }) }, theirProps: {}, defaultTag: we, features: Sr, visible: y === "visible", name: "Transition" })));
 }
-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" });
+function aa(t, e) {
+  let r = Pe(nt) !== null, n = wr() !== null;
+  return J.createElement(J.Fragment, null, !r && n ? J.createElement(xt, { ref: e, ...t }) : J.createElement(Or, { ref: e, ...t }));
 }
-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(
+let xt = Ot(na), Or = Ot(ra), st = Ot(aa), ia = Object.assign(xt, { Child: st, Root: xt });
+function Pr({ onClick: t }) {
+  return /* @__PURE__ */ F.jsxs(
     "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.jsx("span", { className: "sr-only", children: "Close" }),
+        /* @__PURE__ */ F.jsx(
           "svg",
           {
             className: "size-6",
@@ -2258,7 +1769,7 @@ function Zn({ onClick: e }) {
             strokeWidth: "2",
             stroke: "currentColor",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ R.jsx(
+            children: /* @__PURE__ */ F.jsx(
               "path",
               {
                 strokeLinecap: "round",
@@ -2272,114 +1783,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 Et(t, e) {
+  (e == null || e > t.length) && (e = t.length);
+  for (var r = 0, n = Array(e); r < e; r++) n[r] = t[r];
+  return n;
+}
+function sa(t) {
+  if (Array.isArray(t)) return Et(t);
+}
+function la(t, e, r) {
+  return (e = fa(e)) in t ? Object.defineProperty(t, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = r, t;
+}
+function oa(t) {
+  if (typeof Symbol < "u" && t[Symbol.iterator] != null || t["@@iterator"] != null) return Array.from(t);
+}
+function ua() {
+  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 Gt(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(t);
+    e && (n = n.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(t, s).enumerable;
+    })), r.push.apply(r, n);
   }
-) }), 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 r;
+}
+function Jt(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Gt(Object(r), !0).forEach(function(n) {
+      la(t, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : Gt(Object(r)).forEach(function(n) {
+      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return t;
+}
+function ca(t) {
+  return sa(t) || oa(t) || va(t) || ua();
+}
+function da(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(t, e || "default");
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function fa(t) {
+  var e = da(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function va(t, e) {
+  if (t) {
+    if (typeof t == "string") return Et(t, e);
+    var r = {}.toString.call(t).slice(8, -1);
+    return r === "Object" && t.constructor && (r = t.constructor.name), r === "Map" || r === "Set" ? Array.from(t) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? Et(t, e) : void 0;
+  }
+}
+var Zt = {
+  activateTrap: function(e, r) {
+    if (e.length > 0) {
+      var n = e[e.length - 1];
+      n !== r && n.pause();
+    }
+    var s = e.indexOf(r);
+    s === -1 || e.splice(s, 1), e.push(r);
+  },
+  deactivateTrap: function(e, r) {
+    var n = e.indexOf(r);
+    n !== -1 && e.splice(n, 1), e.length > 0 && e[e.length - 1].unpause();
+  }
+}, pa = function(e) {
+  return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
+}, ha = function(e) {
+  return (e == null ? void 0 : e.key) === "Escape" || (e == null ? void 0 : e.key) === "Esc" || (e == null ? void 0 : e.keyCode) === 27;
+}, Me = function(e) {
+  return (e == null ? void 0 : e.key) === "Tab" || (e == null ? void 0 : e.keyCode) === 9;
+}, ma = function(e) {
+  return Me(e) && !e.shiftKey;
+}, ba = function(e) {
+  return Me(e) && e.shiftKey;
+}, Qt = function(e) {
+  return setTimeout(e, 0);
+}, Ae = function(e) {
+  for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), s = 1; s < r; s++)
+    n[s - 1] = arguments[s];
+  return typeof e == "function" ? e.apply(void 0, n) : e;
+}, Be = function(e) {
+  return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
+}, ga = [], ya = function(e, r) {
+  var n = (r == null ? void 0 : r.document) || document, s = (r == null ? void 0 : r.trapStack) || ga, l = Jt({
+    returnFocusOnDeactivate: !0,
+    escapeDeactivates: !0,
+    delayInitialFocus: !0,
+    isKeyForward: ma,
+    isKeyBackward: ba
+  }, r), i = {
+    // 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, o = function(u, c, T) {
+    return u && u[c] !== void 0 ? u[c] : l[T || c];
+  }, g = function(u, c) {
+    var T = typeof (c == null ? void 0 : c.composedPath) == "function" ? c.composedPath() : void 0;
+    return i.containerGroups.findIndex(function(I) {
+      var _ = I.container, L = I.tabbableNodes;
+      return _.contains(u) || // 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)
+      (T == null ? void 0 : T.includes(_)) || L.find(function(k) {
+        return k === u;
+      });
+    });
+  }, y = function(u) {
+    var c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, T = c.hasFallback, I = T === void 0 ? !1 : T, _ = c.params, L = _ === void 0 ? [] : _, k = l[u];
+    if (typeof k == "function" && (k = k.apply(void 0, ca(L))), k === !0 && (k = void 0), !k) {
+      if (k === void 0 || k === !1)
+        return k;
+      throw new Error("`".concat(u, "` was specified but was not a node, or did not return a node"));
+    }
+    var W = k;
+    if (typeof k == "string") {
+      try {
+        W = n.querySelector(k);
+      } catch (U) {
+        throw new Error("`".concat(u, '` appears to be an invalid selector; error="').concat(U.message, '"'));
       }
-    )
+      if (!W && !I)
+        throw new Error("`".concat(u, "` as selector refers to no known node"));
+    }
+    return W;
+  }, w = function() {
+    var u = y("initialFocus", {
+      hasFallback: !0
+    });
+    if (u === !1)
+      return !1;
+    if (u === void 0 || u && !ht(u, l.tabbableOptions))
+      if (g(n.activeElement) >= 0)
+        u = n.activeElement;
+      else {
+        var c = i.tabbableGroups[0], T = c && c.firstTabbableNode;
+        u = T || y("fallbackFocus");
+      }
+    else u === null && (u = y("fallbackFocus"));
+    if (!u)
+      throw new Error("Your focus-trap needs to have at least one focusable element");
+    return u;
+  }, P = function() {
+    if (i.containerGroups = i.containers.map(function(u) {
+      var c = qn(u, l.tabbableOptions), T = Xn(u, l.tabbableOptions), I = c.length > 0 ? c[0] : void 0, _ = c.length > 0 ? c[c.length - 1] : void 0, L = T.find(function(U) {
+        return Oe(U);
+      }), k = T.slice().reverse().find(function(U) {
+        return Oe(U);
+      }), W = !!c.find(function(U) {
+        return ge(U) > 0;
+      });
+      return {
+        container: u,
+        tabbableNodes: c,
+        focusableNodes: T,
+        /** True if at least one node with positive `tabindex` was found in this container. */
+        posTabIndexesFound: W,
+        /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
+        firstTabbableNode: I,
+        /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
+        lastTabbableNode: _,
+        // 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: L,
+        /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
+        lastDomTabbableNode: k,
+        /**
+         * 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(ae) {
+          var K = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, ie = c.indexOf(ae);
+          return ie < 0 ? K ? T.slice(T.indexOf(ae) + 1).find(function(re) {
+            return Oe(re);
+          }) : T.slice(0, T.indexOf(ae)).reverse().find(function(re) {
+            return Oe(re);
+          }) : c[ie + (K ? 1 : -1)];
+        }
+      };
+    }), i.tabbableGroups = i.containerGroups.filter(function(u) {
+      return u.tabbableNodes.length > 0;
+    }), i.tabbableGroups.length <= 0 && !y("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 (i.containerGroups.find(function(u) {
+      return u.posTabIndexesFound;
+    }) && i.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.");
+  }, S = function(u) {
+    var c = u.activeElement;
+    if (c)
+      return c.shadowRoot && c.shadowRoot.activeElement !== null ? S(c.shadowRoot) : c;
+  }, p = function(u) {
+    if (u !== !1 && u !== S(document)) {
+      if (!u || !u.focus) {
+        p(w());
+        return;
+      }
+      u.focus({
+        preventScroll: !!l.preventScroll
+      }), i.mostRecentlyFocusedNode = u, pa(u) && u.select();
+    }
+  }, E = function(u) {
+    var c = y("setReturnFocus", {
+      params: [u]
+    });
+    return c || (c === !1 ? !1 : u);
+  }, d = function(u) {
+    var c = u.target, T = u.event, I = u.isBackward, _ = I === void 0 ? !1 : I;
+    c = c || Be(T), P();
+    var L = null;
+    if (i.tabbableGroups.length > 0) {
+      var k = g(c, T), W = k >= 0 ? i.containerGroups[k] : void 0;
+      if (k < 0)
+        _ ? L = i.tabbableGroups[i.tabbableGroups.length - 1].lastTabbableNode : L = i.tabbableGroups[0].firstTabbableNode;
+      else if (_) {
+        var U = i.tabbableGroups.findIndex(function(le) {
+          var ne = le.firstTabbableNode;
+          return c === ne;
+        });
+        if (U < 0 && (W.container === c || ht(c, l.tabbableOptions) && !Oe(c, l.tabbableOptions) && !W.nextTabbableNode(c, !1)) && (U = k), U >= 0) {
+          var ae = U === 0 ? i.tabbableGroups.length - 1 : U - 1, K = i.tabbableGroups[ae];
+          L = ge(c) >= 0 ? K.lastTabbableNode : K.lastDomTabbableNode;
+        } else Me(T) || (L = W.nextTabbableNode(c, !1));
+      } else {
+        var ie = i.tabbableGroups.findIndex(function(le) {
+          var ne = le.lastTabbableNode;
+          return c === ne;
+        });
+        if (ie < 0 && (W.container === c || ht(c, l.tabbableOptions) && !Oe(c, l.tabbableOptions) && !W.nextTabbableNode(c)) && (ie = k), ie >= 0) {
+          var re = ie === i.tabbableGroups.length - 1 ? 0 : ie + 1, fe = i.tabbableGroups[re];
+          L = ge(c) >= 0 ? fe.firstTabbableNode : fe.firstDomTabbableNode;
+        } else Me(T) || (L = W.nextTabbableNode(c));
+      }
+    } else
+      L = y("fallbackFocus");
+    return L;
+  }, f = function(u) {
+    var c = Be(u);
+    if (!(g(c, u) >= 0)) {
+      if (Ae(l.clickOutsideDeactivates, u)) {
+        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;
+      }
+      Ae(l.allowOutsideClick, u) || u.preventDefault();
+    }
+  }, v = function(u) {
+    var c = Be(u), T = g(c, u) >= 0;
+    if (T || c instanceof Document)
+      T && (i.mostRecentlyFocusedNode = c);
+    else {
+      u.stopImmediatePropagation();
+      var I, _ = !0;
+      if (i.mostRecentlyFocusedNode)
+        if (ge(i.mostRecentlyFocusedNode) > 0) {
+          var L = g(i.mostRecentlyFocusedNode), k = i.containerGroups[L].tabbableNodes;
+          if (k.length > 0) {
+            var W = k.findIndex(function(U) {
+              return U === i.mostRecentlyFocusedNode;
+            });
+            W >= 0 && (l.isKeyForward(i.recentNavEvent) ? W + 1 < k.length && (I = k[W + 1], _ = !1) : W - 1 >= 0 && (I = k[W - 1], _ = !1));
+          }
+        } else
+          i.containerGroups.some(function(U) {
+            return U.tabbableNodes.some(function(ae) {
+              return ge(ae) > 0;
+            });
+          }) || (_ = !1);
+      else
+        _ = !1;
+      _ && (I = 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: i.mostRecentlyFocusedNode,
+        isBackward: l.isKeyBackward(i.recentNavEvent)
+      })), p(I || i.mostRecentlyFocusedNode || w());
+    }
+    i.recentNavEvent = void 0;
+  }, R = function(u) {
+    var c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    i.recentNavEvent = u;
+    var T = d({
+      event: u,
+      isBackward: c
+    });
+    T && (Me(u) && u.preventDefault(), p(T));
+  }, O = function(u) {
+    (l.isKeyForward(u) || l.isKeyBackward(u)) && R(u, l.isKeyBackward(u));
+  }, b = function(u) {
+    ha(u) && Ae(l.escapeDeactivates, u) !== !1 && (u.preventDefault(), m.deactivate());
+  }, D = function(u) {
+    var c = Be(u);
+    g(c, u) >= 0 || Ae(l.clickOutsideDeactivates, u) || Ae(l.allowOutsideClick, u) || (u.preventDefault(), u.stopImmediatePropagation());
+  }, B = function() {
+    if (i.active)
+      return Zt.activateTrap(s, m), i.delayInitialFocusTimer = l.delayInitialFocus ? Qt(function() {
+        p(w());
+      }) : p(w()), n.addEventListener("focusin", v, !0), n.addEventListener("mousedown", f, {
+        capture: !0,
+        passive: !1
+      }), n.addEventListener("touchstart", f, {
+        capture: !0,
+        passive: !1
+      }), n.addEventListener("click", D, {
+        capture: !0,
+        passive: !1
+      }), n.addEventListener("keydown", O, {
+        capture: !0,
+        passive: !1
+      }), n.addEventListener("keydown", b), m;
+  }, Z = function() {
+    if (i.active)
+      return n.removeEventListener("focusin", v, !0), n.removeEventListener("mousedown", f, !0), n.removeEventListener("touchstart", f, !0), n.removeEventListener("click", D, !0), n.removeEventListener("keydown", O, !0), n.removeEventListener("keydown", b), m;
+  }, ee = function(u) {
+    var c = u.some(function(T) {
+      var I = Array.from(T.removedNodes);
+      return I.some(function(_) {
+        return _ === i.mostRecentlyFocusedNode;
+      });
+    });
+    c && p(w());
+  }, Y = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(ee) : void 0, G = function() {
+    Y && (Y.disconnect(), i.active && !i.paused && i.containers.map(function(u) {
+      Y.observe(u, {
+        subtree: !0,
+        childList: !0
+      });
+    }));
+  };
+  return m = {
+    get active() {
+      return i.active;
+    },
+    get paused() {
+      return i.paused;
+    },
+    activate: function(u) {
+      if (i.active)
+        return this;
+      var c = o(u, "onActivate"), T = o(u, "onPostActivate"), I = o(u, "checkCanFocusTrap");
+      I || P(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = n.activeElement, c == null || c();
+      var _ = function() {
+        I && P(), B(), G(), T == null || T();
+      };
+      return I ? (I(i.containers.concat()).then(_, _), this) : (_(), this);
+    },
+    deactivate: function(u) {
+      if (!i.active)
+        return this;
+      var c = Jt({
+        onDeactivate: l.onDeactivate,
+        onPostDeactivate: l.onPostDeactivate,
+        checkCanReturnFocus: l.checkCanReturnFocus
+      }, u);
+      clearTimeout(i.delayInitialFocusTimer), i.delayInitialFocusTimer = void 0, Z(), i.active = !1, i.paused = !1, G(), Zt.deactivateTrap(s, m);
+      var T = o(c, "onDeactivate"), I = o(c, "onPostDeactivate"), _ = o(c, "checkCanReturnFocus"), L = o(c, "returnFocus", "returnFocusOnDeactivate");
+      T == null || T();
+      var k = function() {
+        Qt(function() {
+          L && p(E(i.nodeFocusedBeforeActivation)), I == null || I();
+        });
+      };
+      return L && _ ? (_(E(i.nodeFocusedBeforeActivation)).then(k, k), this) : (k(), this);
+    },
+    pause: function(u) {
+      if (i.paused || !i.active)
+        return this;
+      var c = o(u, "onPause"), T = o(u, "onPostPause");
+      return i.paused = !0, c == null || c(), Z(), G(), T == null || T(), this;
+    },
+    unpause: function(u) {
+      if (!i.paused || !i.active)
+        return this;
+      var c = o(u, "onUnpause"), T = o(u, "onPostUnpause");
+      return i.paused = !1, c == null || c(), P(), B(), G(), T == null || T(), this;
+    },
+    updateContainerElements: function(u) {
+      var c = [].concat(u).filter(Boolean);
+      return i.containers = c.map(function(T) {
+        return typeof T == "string" ? n.querySelector(T) : T;
+      }), i.active && P(), G(), this;
+    }
+  }, m.updateContainerElements(e), m;
+};
+function Cr(t, e, r) {
+  let n = null;
+  return t && (n = ya(t, {
+    clickOutsideDeactivates: !e,
+    escapeDeactivates: !e,
+    onDeactivate: () => r == null ? void 0 : r(),
+    fallbackFocus: () => t
+  }), n.activate()), { deactivate: () => {
+    n == null || n.deactivate(), n = null;
+  }, wrapper: t };
+}
+const wa = ({ modalContext: t, config: e, children: r }) => {
+  const [n, s] = z(!1), l = q(null), [i, m] = z(null);
+  function o() {
+    m(Cr(l.current, e == null ? void 0 : e.closeExplicitly, () => t.close())), s(!0);
+  }
+  return X(() => () => i == null ? void 0 : i.deactivate(), [i]), /* @__PURE__ */ F.jsx("div", { className: "im-modal-container fixed inset-0 z-40 overflow-y-auto p-4", children: /* @__PURE__ */ F.jsx(
+    "div",
+    {
+      className: Ye("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.jsx(
+        st,
+        {
+          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: o,
+          afterLeave: t.afterLeave,
+          className: Ye(
+            "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__ */ F.jsxs(
+            "div",
+            {
+              className: `im-modal-content relative ${e.paddingClasses} ${e.panelClasses}`,
+              "data-inertiaui-modal-entered": n,
+              children: [
+                e.closeButton && /* @__PURE__ */ F.jsx("div", { className: "absolute right-0 top-0 pr-3 pt-3", children: /* @__PURE__ */ F.jsx(Pr, { onClick: t.close }) }),
+                typeof r == "function" ? r({ modalContext: t, config: e }) : r
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) });
+}, xa = ({ modalContext: t, config: e, children: r }) => {
+  const [n, s] = z(!1), l = q(null), [i, m] = z(null);
+  function o() {
+    m(Cr(l.current, e == null ? void 0 : e.closeExplicitly, () => t.close())), s(!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 X(() => () => i == null ? void 0 : i.deactivate(), [i]), /* @__PURE__ */ F.jsx("div", { className: "im-slideover-container fixed inset-0 z-40 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ F.jsx(
+    "div",
     {
-      ref: o,
-      name: e,
-      ...n,
+      className: Ye("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.jsx(
+        st,
+        {
+          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: o,
+          afterLeave: t.afterLeave,
+          className: Ye(
+            "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__ */ F.jsxs(
+            "div",
+            {
+              className: `im-slideover-content relative ${e.paddingClasses} ${e.panelClasses}`,
+              "data-inertiaui-modal-entered": n,
+              children: [
+                e.closeButton && /* @__PURE__ */ F.jsx("div", { className: "absolute right-0 top-0 pr-3 pt-3", children: /* @__PURE__ */ F.jsx(Pr, { onClick: t.close }) }),
+                typeof r == "function" ? r({ modalContext: t, config: e }) : r
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) });
+}, Ea = Tt(({ name: t, children: e, onFocus: r = null, onBlur: n = null, onClose: s = null, onSuccess: l = null, onAfterLeave: i = null, ...m }, o) => {
+  const g = (w) => typeof e == "function" ? e(w) : e, y = q(null);
+  return X(() => {
+    var w;
+    if (((w = y == null ? void 0 : y.current) == null ? void 0 : w.index) === 0)
+      return Ht.prepare(), () => Ht.cleanup();
+  }, [y]), er(o, () => y.current, [y]), /* @__PURE__ */ F.jsx(
+    sr,
+    {
+      ref: y,
+      name: t,
+      onFocus: r,
+      onBlur: n,
+      onClose: s,
+      onSuccess: l,
+      ...m,
       children: ({
-        afterLeave: u,
-        close: s,
-        config: i,
+        afterLeave: w,
+        close: P,
+        config: S,
         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,
+        getChildModal: E,
+        getParentModal: d,
+        id: f,
+        index: v,
+        isOpen: R,
+        modalContext: O,
+        onTopOfStack: b,
+        reload: D,
+        setOpen: B,
+        shouldRender: Z
+      }) => /* @__PURE__ */ F.jsx(
+        ia,
         {
           appear: !0,
-          show: g ?? !1,
-          children: /* @__PURE__ */ R.jsxs(
-            Fa,
+          show: R ?? !1,
+          afterLeave: i,
+          children: /* @__PURE__ */ F.jsxs(
+            "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": v,
               children: [
-                y === 0 ? /* @__PURE__ */ R.jsx(
-                  Le,
+                v === 0 ? /* @__PURE__ */ F.jsx(
+                  st,
                   {
                     enter: "transition transform ease-in-out duration-300",
                     enterFrom: "opacity-0",
@@ -2387,58 +2410,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: b ? /* @__PURE__ */ F.jsx(
                       "div",
                       {
                         className: "im-backdrop fixed inset-0 z-30 bg-black/75",
                         "aria-hidden": "true"
                       }
-                    ) : /* @__PURE__ */ R.jsx("div", {})
+                    ) : /* @__PURE__ */ F.jsx("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,
+                v > 0 && b ? /* @__PURE__ */ F.jsx("div", { className: "im-backdrop fixed inset-0 z-30 bg-black/75" }) : null,
+                S.slideover ? /* @__PURE__ */ F.jsx(
+                  xa,
                   {
-                    modalContext: f,
-                    config: i,
-                    children: l({
-                      afterLeave: u,
-                      close: s,
-                      config: i,
+                    modalContext: O,
+                    config: S,
+                    children: g({
+                      afterLeave: w,
+                      close: P,
+                      config: S,
                       emit: p,
-                      getChildModal: c,
-                      getParentModal: w,
-                      id: b,
-                      index: y,
-                      isOpen: g,
-                      modalContext: f,
-                      onTopOfStack: d,
-                      reload: m,
-                      setOpen: v,
-                      shouldRender: x
+                      getChildModal: E,
+                      getParentModal: d,
+                      id: f,
+                      index: v,
+                      isOpen: R,
+                      modalContext: O,
+                      onTopOfStack: b,
+                      reload: D,
+                      setOpen: B,
+                      shouldRender: Z
                     })
                   }
-                ) : /* @__PURE__ */ R.jsx(
-                  ka,
+                ) : /* @__PURE__ */ F.jsx(
+                  wa,
                   {
-                    modalContext: f,
-                    config: i,
-                    children: l({
-                      afterLeave: u,
-                      close: s,
-                      config: i,
+                    modalContext: O,
+                    config: S,
+                    children: g({
+                      afterLeave: w,
+                      close: P,
+                      config: S,
                       emit: p,
-                      getChildModal: c,
-                      getParentModal: w,
-                      id: b,
-                      index: y,
-                      isOpen: g,
-                      modalContext: f,
-                      onTopOfStack: d,
-                      reload: m,
-                      setOpen: v,
-                      shouldRender: x
+                      getChildModal: E,
+                      getParentModal: d,
+                      id: f,
+                      index: v,
+                      isOpen: R,
+                      modalContext: O,
+                      onTopOfStack: b,
+                      reload: D,
+                      setOpen: B,
+                      shouldRender: Z
                     })
                   }
                 )
@@ -2450,84 +2473,84 @@ const ka = ({ modalContext: e, config: t, children: n }) => /* @__PURE__ */ R.js
     }
   );
 });
-_a.displayName = "Modal";
-const Ya = ({
-  href: e,
-  method: t = "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,
+Ea.displayName = "Modal";
+const ja = ({
+  href: t,
+  method: e = "get",
+  data: r = {},
+  as: n = "a",
+  headers: s = {},
+  queryStringArrayFormat: l = "brackets",
+  onAfterLeave: i = null,
+  onBlur: m = null,
+  onClose: o = null,
+  onError: g = null,
+  onFocus: y = null,
   onStart: w = null,
-  onSuccess: b = null,
-  navigate: y = null,
-  children: g,
-  ...f
+  onSuccess: P = null,
+  navigate: S = null,
+  children: p,
+  ...E
 }) => {
-  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] = z(!1), [v, R] = z(null), { stack: O, visit: b } = et(), D = ve(() => S ?? Rt("navigate"), [S]), B = {}, Z = {};
+  Object.keys(E).forEach((c) => {
+    Yt.includes(c) || (c.startsWith("on") && typeof E[c] == "function" ? c.toLowerCase() in window ? B[c] = E[c] : Z[c] = E[c] : B[c] = E[c]);
   });
-  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 [ee, Y] = z(!1);
+  X(() => {
+    v && (v.onTopOfStack && ee ? y == null || y() : !v.onTopOfStack && !ee && (m == null || m()), Y(!v.onTopOfStack));
+  }, [O]);
+  const G = ue(() => {
+    o == null || o();
+  }, [o]), j = ue(() => {
+    R(null), i == null || i();
+  }, [i]), u = ue(
+    (c) => {
+      c == null || c.preventDefault(), !d && (t.startsWith("#") || (f(!0), w == null || w()), b(
         t,
-        n,
+        e,
+        r,
+        s,
+        fn(tr(E, Yt)),
+        () => G(O.length),
+        j,
         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)));
+        D
+      ).then((T) => {
+        R(T), T.registerEventListenersFromProps(Z), P == null || P();
+      }).catch((T) => {
+        console.error(T), g == null || g(T);
+      }).finally(() => f(!1)));
     },
-    [e, t, n, l, o, f, q, G]
+    [t, e, r, s, l, E, G, j]
   );
-  return /* @__PURE__ */ R.jsx(
-    r,
+  return /* @__PURE__ */ F.jsx(
+    n,
     {
-      ...U,
-      href: e,
-      onClick: M,
-      children: typeof g == "function" ? g({ loading: d }) : g
+      ...B,
+      href: t,
+      onClick: u,
+      children: typeof p == "function" ? p({ loading: d }) : p
     }
   );
 };
-function Xa() {
-  return dt().stack[Tn()] ?? null;
+function Aa() {
+  return et().stack[ar()] ?? null;
 }
-const qa = (e) => (t) => (t.default.layout = (n) => rt(e, {}, n), t);
+const Ia = (t) => (e) => (e.default.layout = (r) => Ve(t, {}, r), 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
+  sr as HeadlessModal,
+  Ea as Modal,
+  ja as ModalLink,
+  mn as ModalRoot,
+  pn as ModalStackProvider,
+  Rt as getConfig,
+  hn as initFromPageProps,
+  ka as putConfig,
+  Fa as renderApp,
+  Ca as resetConfig,
+  Ia as setPageLayout,
+  Aa as useModal,
+  ar as useModalIndex,
+  et as useModalStack
 };