@inertiaui/modal-react 0.15.0 → 0.16.0

package/dist/inertiaui-modal.js

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