@inertiaui/modal-react 1.0.0-beta-4 → 2.0.0-beta.1

package/dist/inertiaui-modal.umd.cjs

@@ -1,21 +1,1854 @@
-(function(C,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react"),require("react/jsx-runtime"),require("axios"),require("@inertiajs/react"),require("@inertiajs/core"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime","axios","@inertiajs/react","@inertiajs/core","react-dom"],o):(C=typeof globalThis<"u"?globalThis:C||self,o(C.InertiaUIModal={},C.React,C.jsxRuntime,C.Axios,C.InertiaReact,C.core,C.ReactDOM))})(this,(function(C,o,O,Le,ne,Lr,Fr){"use strict";var Rl=Object.defineProperty;var eo=(C,o,O)=>o in C?Rl(C,o,{enumerable:!0,configurable:!0,writable:!0,value:O}):C[o]=O;var B=(C,o,O)=>eo(C,typeof o!="symbol"?o+"":o,O);function Mt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const ve=Mt(o),Pt=Mt(ne),ge={type:"modal",navigate:!1,modal:{closeButton:!0,closeExplicitly:!1,maxWidth:"2xl",paddingClasses:"p-4 sm:p-6",panelClasses:"bg-white rounded",position:"center"},slideover:{closeButton:!0,closeExplicitly:!1,maxWidth:"md",paddingClasses:"p-4 sm:p-6",panelClasses:"bg-white min-h-screen",position:"right"}};class Ar{constructor(){this.config={},this.reset()}reset(){this.config=JSON.parse(JSON.stringify(ge))}put(t,r){if(typeof t=="object"){this.config={type:t.type??ge.type,navigate:t.navigate??ge.navigate,modal:{...ge.modal,...t.modal??{}},slideover:{...ge.slideover,...t.slideover??{}}};return}const n=t.split(".");let l=this.config;for(let i=0;i<n.length-1;i++)l=l[n[i]]=l[n[i]]||{};l[n[n.length-1]]=r}get(t){if(typeof t>"u")return this.config;const r=t.split(".");let n=this.config;for(const l of r){if(n[l]===void 0)return null;n=n[l]}return n}}const Fe=new Ar,Nr=()=>Fe.reset(),Ir=(e,t)=>Fe.put(e,t),Ae=e=>Fe.get(e),de=(e,t)=>Fe.get(e?`slideover.${t}`:`modal.${t}`);function Dr(e,t){const r=typeof window<"u"?window.location.origin:"http://localhost";return e=typeof e=="string"?new URL(e,r):e,t=typeof t=="string"?new URL(t,r):t,`${e.origin}${e.pathname}`==`${t.origin}${t.pathname}`}function rt(e="inertiaui_modal_"){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?`${e}${crypto.randomUUID()}`:`${e}${Date.now().toString(36)}_${Math.random().toString(36).substr(2,9)}`}function ce(e){return typeof e=="string"?e.toLowerCase():e}function jr(e,t,r=!1){return r&&(t=t.map(ce)),Array.isArray(e)?e.filter(n=>!t.includes(r?ce(n):n)):Object.keys(e).reduce((n,l)=>(t.includes(r?ce(l):l)||(n[l]=e[l]),n),{})}function _r(e,t,r=!1){return r&&(t=t.map(ce)),Array.isArray(e)?e.filter(n=>t.includes(r?ce(n):n)):Object.keys(e).reduce((n,l)=>(t.includes(r?ce(l):l)&&(n[l]=e[l]),n),{})}function Wr(e){return Array.isArray(e)?e.filter(t=>t!==null):Object.keys(e).reduce((t,r)=>(r in e&&e[r]!==null&&(t[r]=e[r]),t),{})}function we(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,r)=>r.toUpperCase()),e=e.replace(/(.)(?=[A-Z])/g,"$1-"),e.toLowerCase()):e):""}function Ur(e){if(typeof window<"u")return e.toLowerCase()in window;if(typeof document<"u"){const n=document.createElement("div");return e.toLowerCase()in n}const t=e.toLowerCase();return[/^on(click|dblclick|mousedown|mouseup|mouseover|mouseout|mousemove|mouseenter|mouseleave)$/,/^on(keydown|keyup|keypress)$/,/^on(focus|blur|change|input|submit|reset)$/,/^on(load|unload|error|resize|scroll)$/,/^on(touchstart|touchend|touchmove|touchcancel)$/,/^on(pointerdown|pointerup|pointermove|pointerenter|pointerleave|pointercancel)$/,/^on(drag|dragstart|dragend|dragenter|dragleave|dragover|drop)$/,/^on(animationstart|animationend|animationiteration)$/,/^on(transitionstart|transitionend|transitionrun|transitioncancel)$/].some(n=>n.test(t))}const Ne=o.createContext(null);Ne.displayName="ModalStackContext";let Tt=null,kt=null,fe=null,Ie={},nt=[],pe={};const Lt=({children:e})=>{const[t,r]=o.useState([]),[n,l]=o.useState({}),i=v=>{r(d=>{const c=v([...d]),g=b=>{var m;return c.length<2?!0:((m=c.map(x=>({id:x.id,shouldRender:x.shouldRender})).reverse().find(x=>x.shouldRender))==null?void 0:m.id)===b};return c.forEach((b,m)=>{c[m].onTopOfStack=g(b.id),c[m].getParentModal=()=>m<1?null:c.slice(0,m).reverse().find(x=>x.isOpen),c[m].getChildModal=()=>m===c.length-1?null:c.slice(m+1).find(x=>x.isOpen)}),c})};o.useEffect(()=>{nt=t},[t]);class a{constructor(d,c,g,b,m){B(this,"show",()=>{i(d=>d.map(c=>(c.id===this.id&&!c.isOpen&&(c.isOpen=!0,c.shouldRender=!0),c)))});B(this,"setOpen",d=>{d?this.show():this.close()});B(this,"close",()=>{i(d=>{let c=!1;const g=d.map(b=>{var m;return b.id===this.id&&b.isOpen&&(Object.keys(b.listeners).forEach(x=>{b.off(x)}),b.isOpen=!1,(m=b.onCloseCallback)==null||m.call(b),c=!0),b});return c?g:d})});B(this,"afterLeave",()=>{this.isOpen||i(d=>{const c=d.map(g=>{var b;return g.id===this.id&&!g.isOpen&&(g.shouldRender=!1,(b=g.afterLeaveCallback)==null||b.call(g),g.afterLeaveCallback=null),g});return this.index===0?[]:c})});B(this,"on",(d,c)=>{d=we(d),this.listeners[d]=this.listeners[d]??[],this.listeners[d].push(c)});B(this,"off",(d,c)=>{var g;d=we(d),c?this.listeners[d]=((g=this.listeners[d])==null?void 0:g.filter(b=>b!==c))??[]:delete this.listeners[d]});B(this,"emit",(d,...c)=>{var g;(g=this.listeners[we(d)])==null||g.forEach(b=>b(...c))});B(this,"registerEventListenersFromProps",d=>{const c=[];return Object.keys(d).filter(g=>g.startsWith("on")).forEach(g=>{const b=we(g).replace(/^on-/,"");this.on(b,d[g]),c.push(()=>this.off(b,d[g]))}),()=>c.forEach(g=>g())});B(this,"reload",(d={})=>{var m,x;let c=Object.keys(this.response.props);if(d.only&&(c=d.only),d.except&&(c=jr(c,d.except)),!((m=this.response)!=null&&m.url))return;const g=(d.method??"get").toLowerCase(),b=d.data??{};(x=d.onStart)==null||x.call(d),Le({url:this.response.url,method:g,data:g==="get"?{}:b,params:g==="get"?b:{},headers:{...d.headers??{},Accept:"text/html, application/xhtml+xml","X-Inertia":!0,"X-Inertia-Partial-Component":this.response.component,"X-Inertia-Version":this.response.version,"X-Inertia-Partial-Data":c.join(","),"X-InertiaUI-Modal":rt(),"X-InertiaUI-Modal-Use-Router":0,"X-InertiaUI-Modal-Base-Url":fe}}).then(S=>{var F;this.updateProps(S.data.props),(F=d.onSuccess)==null||F.call(d,S)}).catch(S=>{var F;(F=d.onError)==null||F.call(d,S)}).finally(()=>{var S;(S=d.onFinish)==null||S.call(d)})});B(this,"updateProps",d=>{Object.assign(this.props,d),i(c=>c)});if(this.id=c.id??rt(),this.isOpen=!1,this.shouldRender=!1,this.listeners={},this.component=d,this.props=c.props,this.response=c,this.config=g??{},this.onCloseCallback=b,this.afterLeaveCallback=m,pe[this.id]){this.config={...this.config,...pe[this.id].config??{}};const x=pe[this.id].onClose,S=pe[this.id].onAfterLeave;x&&(this.onCloseCallback=b?()=>{b(),x()}:x),S&&(this.afterLeaveCallback=m?()=>{m(),S()}:S),delete pe[this.id]}this.index=-1,this.getParentModal=()=>null,this.getChildModal=()=>null,this.onTopOfStack=!0}static generateId(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?`inertiaui_modal_${crypto.randomUUID()}`:`inertiaui_modal_${Date.now().toString(36)}_${Math.random().toString(36).substr(2,9)}`}}const u=(v,d={},c=null,g=null)=>kt(v.component).then(b=>p(b,v,d,c,g)),s=v=>{var c,g;const d=(g=(c=v.response)==null?void 0:c.meta)==null?void 0:g.deferredProps;d&&Object.keys(d).forEach(b=>{v.reload({only:d[b]})})},p=(v,d,c,g,b)=>{const m=new a(v,d,c,g,b);return m.index=t.length,i(x=>[...x,m]),s(m),m.show(),m};function h(v,d,c,g){if(!n[v])throw new Error(`The local modal "${v}" has not been registered.`);const b=p(null,{},d,c,g);return b.name=v,n[v].callback(b),b}const w=(v,d={})=>y(v,d.method??"get",d.data??{},d.headers??{},d.config??{},d.onClose,d.onAfterLeave,d.queryStringArrayFormat??"brackets",d.navigate??Ae("navigate"),d.onStart,d.onSuccess,d.onError).then(c=>{const g=d.listeners??{};return Object.keys(g).forEach(b=>{const m=we(b);c.on(m,g[b])}),c}),y=(v,d,c={},g={},b={},m=null,x=null,S="brackets",F=!1,j=null,L=null,A=null)=>{const H=rt();return new Promise((N,T)=>{if(v.startsWith("#")){N(h(v.substring(1),b,m,x));return}const[_,he]=Lr.mergeDataIntoQueryString(d,v||"",c,S);let ae=F&&t.length===0;if(t.length===0&&(fe=typeof window<"u"?window.location.href:""),g={...g,Accept:"text/html, application/xhtml+xml","X-Requested-With":"XMLHttpRequest","X-Inertia":!0,"X-Inertia-Version":Tt,"X-InertiaUI-Modal":H,"X-InertiaUI-Modal-Use-Router":ae?1:0,"X-InertiaUI-Modal-Base-Url":fe},ae)return Ie={},pe[H]={config:b,onClose:m,onAfterLeave:x},ne.router.visit(_,{method:d,data:he,headers:g,preserveScroll:!0,preserveState:!0,onError(...k){A==null||A(...k),T(...k)},onStart(...k){j==null||j(...k)},onSuccess(...k){L==null||L(...k)},onBefore:()=>{Ie[H]=N}});j==null||j();const J=k=>{try{Pt.progress&&k(Pt.progress)}catch{}};J(k=>k.start()),Le({url:_,method:d,data:he,headers:g}).then(k=>{L==null||L(k),N(u(k.data,b,m,x))}).catch((...k)=>{A==null||A(...k),T(...k)}).finally(()=>{J(k=>k.finish())})})},$={stack:t,localModals:n,push:p,pushFromResponseData:u,length:()=>nt.length,closeAll:()=>{nt.reverse().forEach(v=>v.close())},reset:()=>i(()=>[]),visit:y,visitModal:w,registerLocalModal:(v,d)=>{l(c=>({...c,[v]:{name:v,callback:d}}))},removeLocalModal:v=>{l(d=>{const c={...d};return delete c[v],c})},onModalOnBase:v=>{const d=Ie[v.id];d&&(d(v),delete Ie[v.id])}};return O.jsx(Ne.Provider,{value:$,children:e})},be=()=>{const e=o.useContext(Ne);if(e===null)throw new Error("useModalStack must be used within a ModalStackProvider");return e},Ft=["closeButton","closeExplicitly","maxWidth","paddingClasses","panelClasses","position","slideover"],At=e=>{e.initialPage&&(Tt=e.initialPage.version),e.resolveComponent&&(kt=e.resolveComponent)},Hr=(e,t)=>{At(t);const r=({Component:n,props:l,key:i})=>{const a=()=>{const u=o.createElement(n,{key:i,...l});return typeof n.layout=="function"?n.layout(u):Array.isArray(n.layout)?n.layout.concat(u).reverse().reduce((p,h)=>o.createElement(h,l,p)):u};return O.jsxs(O.Fragment,{children:[a(),O.jsx(Nt,{})]})};return O.jsx(Lt,{children:O.jsx(e,{...t,children:r})})},Nt=({children:e})=>{var s,p;const t=o.useContext(Ne),r=ne.usePage();let n=!1,l=!1,i=!!((s=r.props)!=null&&s._inertiaui_modal);o.useEffect(()=>ne.router.on("start",()=>n=!0),[]),o.useEffect(()=>ne.router.on("finish",()=>n=!1),[]),o.useEffect(()=>ne.router.on("navigate",function(h){const w=h.detail.page.props._inertiaui_modal;if(!w){l&&t.closeAll(),fe=null,i=!1;return}l=w,fe=w.baseUrl,t.pushFromResponseData(w,{},()=>{if(!w.baseUrl){console.error("No base url in modal response data so cannot navigate back");return}!n&&typeof window<"u"&&window.location.href!==w.baseUrl&&ne.router.visit(w.baseUrl,{preserveScroll:!0,preserveState:!0})}).then(t.onModalOnBase)}),[]);const a=h=>{var w;return h.headers["X-InertiaUI-Modal-Base-Url"]=fe??(i?(w=r.props._inertiaui_modal)==null?void 0:w.baseUrl:null),h};o.useEffect(()=>(Le.interceptors.request.use(a),()=>Le.interceptors.request.eject(a)),[]);const u=o.useRef();return o.useEffect(()=>{var y,E;const h=(y=r.props)==null?void 0:y._inertiaui_modal,w=u.current;u.current=h,h&&w&&h.component===w.component&&Dr(h.url,w.url)&&((E=t.stack[0])==null||E.updateProps(h.props??{}))},[(p=r.props)==null?void 0:p._inertiaui_modal]),O.jsxs(O.Fragment,{children:[e,t.stack.length>0&&O.jsx(It,{index:0})]})},lt=o.createContext(null);lt.displayName="ModalIndexContext";const ot=()=>{const e=o.useContext(lt);if(e===void 0)throw new Error("useModalIndex must be used within a ModalIndexProvider");return e},It=({index:e})=>{const{stack:t}=be(),r=o.useMemo(()=>t[e],[t,e]);return(r==null?void 0:r.component)&&O.jsx(lt.Provider,{value:e,children:O.jsx(r.component,{...r.props,onModalEvent:(...n)=>r.emit(...n)})})};function it(){return be().stack[ot()]??null}const Dt=({children:e,data:t,fallback:r})=>{if(!t)throw new Error("`<Deferred>` requires a `data` prop to be a string or array of strings");const[n,l]=o.useState(!1),i=Array.isArray(t)?t:[t],a=it().props;return o.useEffect(()=>{l(i.every(u=>a[u]!==void 0))},[a,i]),n?e:r};Dt.displayName="InertiaModalDeferred";const st=o.forwardRef(({name:e,children:t,onFocus:r=null,onBlur:n=null,onClose:l=null,onSuccess:i=null,...a},u)=>{const s=ot(),{stack:p,registerLocalModal:h,removeLocalModal:w}=be(),[y,E]=o.useState(null),f=o.useMemo(()=>e?y:p[s],[e,y,s,p]),$=o.useMemo(()=>{var m;return(m=p.find(x=>x.shouldRender&&x.index>(f==null?void 0:f.index)))==null?void 0:m.index},[s,p]),v=o.useMemo(()=>(f==null?void 0:f.config.slideover)??a.slideover??Ae("type")==="slideover",[a.slideover]),d=o.useMemo(()=>({slideover:v,closeButton:a.closeButton??de(v,"closeButton"),closeExplicitly:a.closeExplicitly??de(v,"closeExplicitly"),maxWidth:a.maxWidth??de(v,"maxWidth"),paddingClasses:a.paddingClasses??de(v,"paddingClasses"),panelClasses:a.panelClasses??de(v,"panelClasses"),position:a.position??de(v,"position"),...f==null?void 0:f.config}),[a,f==null?void 0:f.config]);o.useEffect(()=>{if(e){let m=null;return h(e,x=>{m=x.registerEventListenersFromProps(a),E(x)}),()=>{m==null||m(),m=null,w(e)}}return f.registerEventListenersFromProps(a)},[e]);const c=o.useRef(f);o.useEffect(()=>{c.current=f},[f]),o.useEffect(()=>{f!==null&&(f.isOpen?i==null||i():l==null||l())},[f==null?void 0:f.isOpen]);const[g,b]=o.useState(!1);return o.useEffect(()=>{g&&f!==null&&f.isOpen&&(f.onTopOfStack?r==null||r():n==null||n()),b(!0)},[f==null?void 0:f.onTopOfStack]),o.useImperativeHandle(u,()=>({afterLeave:()=>{var m;return(m=c.current)==null?void 0:m.afterLeave()},close:()=>{var m;return(m=c.current)==null?void 0:m.close()},emit:(...m)=>{var x;return(x=c.current)==null?void 0:x.emit(...m)},getChildModal:()=>{var m;return(m=c.current)==null?void 0:m.getChildModal()},getParentModal:()=>{var m;return(m=c.current)==null?void 0:m.getParentModal()},reload:(...m)=>{var x;return(x=c.current)==null?void 0:x.reload(...m)},setOpen:()=>{var m;return(m=c.current)==null?void 0:m.setOpen()},get id(){var m;return(m=c.current)==null?void 0:m.id},get index(){var m;return(m=c.current)==null?void 0:m.index},get isOpen(){var m;return(m=c.current)==null?void 0:m.isOpen},get config(){var m;return(m=c.current)==null?void 0:m.config},get modalContext(){return c.current},get onTopOfStack(){var m;return(m=c.current)==null?void 0:m.onTopOfStack},get shouldRender(){var m;return(m=c.current)==null?void 0:m.shouldRender}}),[f]),(f==null?void 0:f.shouldRender)&&O.jsxs(O.Fragment,{children:[typeof t=="function"?t({afterLeave:f.afterLeave,close:f.close,config:d,emit:f.emit,getChildModal:f.getChildModal,getParentModal:f.getParentModal,id:f.id,index:f.index,isOpen:f.isOpen,modalContext:f,onTopOfStack:f.onTopOfStack,reload:f.reload,setOpen:f.setOpen,shouldRender:f.shouldRender}):t,$&&O.jsx(It,{index:$})]})});st.displayName="HeadlessModal";function jt(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var l=e.length;for(t=0;t<l;t++)e[t]&&(r=jt(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function De(){for(var e,t,r=0,n="",l=arguments.length;r<l;r++)(e=arguments[r])&&(t=jt(e))&&(n&&(n+=" "),n+=t);return n}var Vr=Object.defineProperty,Br=(e,t,r)=>t in e?Vr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ut=(e,t,r)=>(Br(e,typeof t!="symbol"?t+"":t,r),r);let qr=class{constructor(){ut(this,"current",this.detect()),ut(this,"handoffState","pending"),ut(this,"currentId",0)}set(t){this.current!==t&&(this.handoffState="pending",this.currentId=0,this.current=t)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return this.current==="server"}get isClient(){return this.current==="client"}detect(){return typeof window>"u"||typeof document>"u"?"server":"client"}handoff(){this.handoffState==="pending"&&(this.handoffState="complete")}get isHandoffComplete(){return this.handoffState==="complete"}},z=new qr;function je(e){var t,r;return z.isServer?null:e?"ownerDocument"in e?e.ownerDocument:"current"in e?(r=(t=e.current)==null?void 0:t.ownerDocument)!=null?r:document:null:document}function _e(e){typeof queueMicrotask=="function"?queueMicrotask(e):Promise.resolve().then(e).catch(t=>setTimeout(()=>{throw t}))}function G(){let e=[],t={addEventListener(r,n,l,i){return r.addEventListener(n,l,i),t.add(()=>r.removeEventListener(n,l,i))},requestAnimationFrame(...r){let n=requestAnimationFrame(...r);return t.add(()=>cancelAnimationFrame(n))},nextFrame(...r){return t.requestAnimationFrame(()=>t.requestAnimationFrame(...r))},setTimeout(...r){let n=setTimeout(...r);return t.add(()=>clearTimeout(n))},microTask(...r){let n={current:!0};return _e(()=>{n.current&&r[0]()}),t.add(()=>{n.current=!1})},style(r,n,l){let i=r.style.getPropertyValue(n);return Object.assign(r.style,{[n]:l}),this.add(()=>{Object.assign(r.style,{[n]:i})})},group(r){let n=G();return r(n),this.add(()=>n.dispose())},add(r){return e.includes(r)||e.push(r),()=>{let n=e.indexOf(r);if(n>=0)for(let l of e.splice(n,1))l()}},dispose(){for(let r of e.splice(0))r()}};return t}function We(){let[e]=o.useState(G);return o.useEffect(()=>()=>e.dispose(),[e]),e}let I=(e,t)=>{z.isServer?o.useEffect(e,t):o.useLayoutEffect(e,t)};function le(e){let t=o.useRef(e);return I(()=>{t.current=e},[e]),t}let P=function(e){let t=le(e);return o.useCallback((...r)=>t.current(...r),[t])};function ye(e){return o.useMemo(()=>e,Object.values(e))}let Xr=o.createContext(void 0);function zr(){return o.useContext(Xr)}function at(...e){return Array.from(new Set(e.flatMap(t=>typeof t=="string"?t.split(" "):[]))).filter(Boolean).join(" ")}function K(e,t,...r){if(e in t){let l=t[e];return typeof l=="function"?l(...r):l}let n=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(n,K),n}var Ue=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(Ue||{}),Q=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(Q||{});function W(){let e=Kr();return o.useCallback(t=>Gr({mergeRefs:e,...t}),[e])}function Gr({ourProps:e,theirProps:t,slot:r,defaultTag:n,features:l,visible:i=!0,name:a,mergeRefs:u}){u=u??Yr;let s=_t(t,e);if(i)return He(s,r,n,a,u);let p=l??0;if(p&2){let{static:h=!1,...w}=s;if(h)return He(w,r,n,a,u)}if(p&1){let{unmount:h=!0,...w}=s;return K(h?0:1,{0(){return null},1(){return He({...w,hidden:!0,style:{display:"none"}},r,n,a,u)}})}return He(s,r,n,a,u)}function He(e,t={},r,n,l){let{as:i=r,children:a,refName:u="ref",...s}=dt(e,["unmount","static"]),p=e.ref!==void 0?{[u]:e.ref}:{},h=typeof a=="function"?a(t):a;"className"in s&&s.className&&typeof s.className=="function"&&(s.className=s.className(t)),s["aria-labelledby"]&&s["aria-labelledby"]===s.id&&(s["aria-labelledby"]=void 0);let w={};if(t){let y=!1,E=[];for(let[f,$]of Object.entries(t))typeof $=="boolean"&&(y=!0),$===!0&&E.push(f.replace(/([A-Z])/g,v=>`-${v.toLowerCase()}`));if(y){w["data-headlessui-state"]=E.join(" ");for(let f of E)w[`data-${f}`]=""}}if(Ee(i)&&(Object.keys(oe(s)).length>0||Object.keys(oe(w)).length>0))if(!o.isValidElement(h)||Array.isArray(h)&&h.length>1||Jr(h)){if(Object.keys(oe(s)).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(oe(s)).concat(Object.keys(oe(w))).map(y=>`  - ${y}`).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(y=>`  - ${y}`).join(`
-`)].join(`
-`))}else{let y=h.props,E=y==null?void 0:y.className,f=typeof E=="function"?(...d)=>at(E(...d),s.className):at(E,s.className),$=f?{className:f}:{},v=_t(h.props,oe(dt(s,["ref"])));for(let d in w)d in v&&delete w[d];return o.cloneElement(h,Object.assign({},v,w,p,{ref:l(Zr(h),p.ref)},$))}return o.createElement(i,Object.assign({},dt(s,["ref"]),!Ee(i)&&p,!Ee(i)&&w),h)}function Kr(){let e=o.useRef([]),t=o.useCallback(r=>{for(let n of e.current)n!=null&&(typeof n=="function"?n(r):n.current=r)},[]);return(...r)=>{if(!r.every(n=>n==null))return e.current=r,t}}function Yr(...e){return e.every(t=>t==null)?void 0:t=>{for(let r of e)r!=null&&(typeof r=="function"?r(t):r.current=t)}}function _t(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},r={};for(let n of e)for(let l in n)l.startsWith("on")&&typeof n[l]=="function"?(r[l]!=null||(r[l]=[]),r[l].push(n[l])):t[l]=n[l];if(t.disabled||t["aria-disabled"])for(let n in r)/^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(n)&&(r[n]=[l=>{var i;return(i=l==null?void 0:l.preventDefault)==null?void 0:i.call(l)}]);for(let n in r)Object.assign(t,{[n](l,...i){let a=r[n];for(let u of a){if((l instanceof Event||(l==null?void 0:l.nativeEvent)instanceof Event)&&l.defaultPrevented)return;u(l,...i)}}});return t}function D(e){var t;return Object.assign(o.forwardRef(e),{displayName:(t=e.displayName)!=null?t:e.name})}function oe(e){let t=Object.assign({},e);for(let r in t)t[r]===void 0&&delete t[r];return t}function dt(e,t=[]){let r=Object.assign({},e);for(let n of t)n in r&&delete r[n];return r}function Zr(e){return o.version.split(".")[0]>="19"?e.props.ref:e.ref}function Ee(e){return e===o.Fragment||e===Symbol.for("react.fragment")}function Jr(e){return Ee(e.type)}let Qr="span";var Ve=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(Ve||{});function Rr(e,t){var r;let{features:n=1,...l}=e,i={ref:t,"aria-hidden":(n&2)===2?!0:(r=l["aria-hidden"])!=null?r:void 0,hidden:(n&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",...(n&4)===4&&(n&2)!==2&&{display:"none"}}};return W()({ourProps:i,theirProps:l,slot:{},defaultTag:Qr,name:"Hidden"})}let ct=D(Rr);function en(e){return typeof e!="object"||e===null?!1:"nodeType"in e}function R(e){return en(e)&&"tagName"in e}function ie(e){return R(e)&&"accessKey"in e}function ee(e){return R(e)&&"tabIndex"in e}function tn(e){return R(e)&&"style"in e}function rn(e){return ie(e)&&e.nodeName==="IFRAME"}function nn(e){return ie(e)&&e.nodeName==="INPUT"}let Wt=Symbol();function ln(e,t=!0){return Object.assign(e,{[Wt]:t})}function q(...e){let t=o.useRef(e);o.useEffect(()=>{t.current=e},[e]);let r=P(n=>{for(let l of t.current)l!=null&&(typeof l=="function"?l(n):l.current=n)});return e.every(n=>n==null||(n==null?void 0:n[Wt]))?void 0:r}let ft=o.createContext(null);ft.displayName="DescriptionContext";function Ut(){let e=o.useContext(ft);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,Ut),t}return e}function on(){let[e,t]=o.useState([]);return[e.length>0?e.join(" "):void 0,o.useMemo(()=>function(r){let n=P(i=>(t(a=>[...a,i]),()=>t(a=>{let u=a.slice(),s=u.indexOf(i);return s!==-1&&u.splice(s,1),u}))),l=o.useMemo(()=>({register:n,slot:r.slot,name:r.name,props:r.props,value:r.value}),[n,r.slot,r.name,r.props,r.value]);return o.createElement(ft.Provider,{value:l},r.children)},[t])]}let sn="p";function un(e,t){let r=o.useId(),n=zr(),{id:l=`headlessui-description-${r}`,...i}=e,a=Ut(),u=q(t);I(()=>a.register(l),[l,a.register]);let s=ye({...a.slot,disabled:n||!1}),p={ref:u,...a.props,id:l};return W()({ourProps:p,theirProps:i,slot:s,defaultTag:sn,name:a.name||"Description"})}let an=D(un),dn=Object.assign(an,{});var Ht=(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))(Ht||{});let cn=o.createContext(()=>{});function fn({value:e,children:t}){return o.createElement(cn.Provider,{value:e},t)}let Vt=class extends Map{constructor(t){super(),this.factory=t}get(t){let r=super.get(t);return r===void 0&&(r=this.factory(t),this.set(t,r)),r}};var pn=Object.defineProperty,mn=(e,t,r)=>t in e?pn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,hn=(e,t,r)=>(mn(e,t+"",r),r),Bt=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},U=(e,t,r)=>(Bt(e,t,"read from private field"),r?r.call(e):t.get(e)),pt=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},qt=(e,t,r,n)=>(Bt(e,t,"write to private field"),t.set(e,r),r),X,xe,$e;let vn=class{constructor(t){pt(this,X,{}),pt(this,xe,new Vt(()=>new Set)),pt(this,$e,new Set),hn(this,"disposables",G()),qt(this,X,t),z.isServer&&this.disposables.microTask(()=>{this.dispose()})}dispose(){this.disposables.dispose()}get state(){return U(this,X)}subscribe(t,r){if(z.isServer)return()=>{};let n={selector:t,callback:r,current:t(U(this,X))};return U(this,$e).add(n),this.disposables.add(()=>{U(this,$e).delete(n)})}on(t,r){return z.isServer?()=>{}:(U(this,xe).get(t).add(r),this.disposables.add(()=>{U(this,xe).get(t).delete(r)}))}send(t){let r=this.reduce(U(this,X),t);if(r!==U(this,X)){qt(this,X,r);for(let n of U(this,$e)){let l=n.selector(U(this,X));Xt(n.current,l)||(n.current=l,n.callback(l))}for(let n of U(this,xe).get(t.type))n(U(this,X),t)}}};X=new WeakMap,xe=new WeakMap,$e=new WeakMap;function Xt(e,t){return Object.is(e,t)?!0:typeof e!="object"||e===null||typeof t!="object"||t===null?!1:Array.isArray(e)&&Array.isArray(t)?e.length!==t.length?!1:mt(e[Symbol.iterator](),t[Symbol.iterator]()):e instanceof Map&&t instanceof Map||e instanceof Set&&t instanceof Set?e.size!==t.size?!1:mt(e.entries(),t.entries()):zt(e)&&zt(t)?mt(Object.entries(e)[Symbol.iterator](),Object.entries(t)[Symbol.iterator]()):!1}function mt(e,t){do{let r=e.next(),n=t.next();if(r.done&&n.done)return!0;if(r.done||n.done||!Object.is(r.value,n.value))return!1}while(!0)}function zt(e){if(Object.prototype.toString.call(e)!=="[object Object]")return!1;let t=Object.getPrototypeOf(e);return t===null||Object.getPrototypeOf(t)===null}var gn=Object.defineProperty,wn=(e,t,r)=>t in e?gn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Gt=(e,t,r)=>(wn(e,typeof t!="symbol"?t+"":t,r),r),bn=(e=>(e[e.Push=0]="Push",e[e.Pop=1]="Pop",e))(bn||{});let yn={0(e,t){let r=t.id,n=e.stack,l=e.stack.indexOf(r);if(l!==-1){let i=e.stack.slice();return i.splice(l,1),i.push(r),n=i,{...e,stack:n}}return{...e,stack:[...e.stack,r]}},1(e,t){let r=t.id,n=e.stack.indexOf(r);if(n===-1)return e;let l=e.stack.slice();return l.splice(n,1),{...e,stack:l}}},En=class kr extends vn{constructor(){super(...arguments),Gt(this,"actions",{push:t=>this.send({type:0,id:t}),pop:t=>this.send({type:1,id:t})}),Gt(this,"selectors",{isTop:(t,r)=>t.stack[t.stack.length-1]===r,inStack:(t,r)=>t.stack.includes(r)})}static new(){return new kr({stack:[]})}reduce(t,r){return K(r.type,yn,t,r)}};const Kt=new Vt(()=>En.new());var Be={exports:{}},ht={};/**
- * @license React
- * use-sync-external-store-with-selector.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Yt;function xn(){if(Yt)return ht;Yt=1;var e=o;function t(s,p){return s===p&&(s!==0||1/s===1/p)||s!==s&&p!==p}var r=typeof Object.is=="function"?Object.is:t,n=e.useSyncExternalStore,l=e.useRef,i=e.useEffect,a=e.useMemo,u=e.useDebugValue;return ht.useSyncExternalStoreWithSelector=function(s,p,h,w,y){var E=l(null);if(E.current===null){var f={hasValue:!1,value:null};E.current=f}else f=E.current;E=a(function(){function v(m){if(!d){if(d=!0,c=m,m=w(m),y!==void 0&&f.hasValue){var x=f.value;if(y(x,m))return g=x}return g=m}if(x=g,r(c,m))return x;var S=w(m);return y!==void 0&&y(x,S)?(c=m,x):(c=m,g=S)}var d=!1,c,g,b=h===void 0?null:h;return[function(){return v(p())},b===null?void 0:function(){return v(b())}]},[p,h,w,y]);var $=n(s,E[0],E[1]);return i(function(){f.hasValue=!0,f.value=$},[$]),u($),$},ht}var vt={};/**
- * @license React
- * use-sync-external-store-with-selector.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Zt;function $n(){return Zt||(Zt=1,process.env.NODE_ENV!=="production"&&(function(){function e(s,p){return s===p&&(s!==0||1/s===1/p)||s!==s&&p!==p}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var t=o,r=typeof Object.is=="function"?Object.is:e,n=t.useSyncExternalStore,l=t.useRef,i=t.useEffect,a=t.useMemo,u=t.useDebugValue;vt.useSyncExternalStoreWithSelector=function(s,p,h,w,y){var E=l(null);if(E.current===null){var f={hasValue:!1,value:null};E.current=f}else f=E.current;E=a(function(){function v(m){if(!d){if(d=!0,c=m,m=w(m),y!==void 0&&f.hasValue){var x=f.value;if(y(x,m))return g=x}return g=m}if(x=g,r(c,m))return x;var S=w(m);return y!==void 0&&y(x,S)?(c=m,x):(c=m,g=S)}var d=!1,c,g,b=h===void 0?null:h;return[function(){return v(p())},b===null?void 0:function(){return v(b())}]},[p,h,w,y]);var $=n(s,E[0],E[1]);return i(function(){f.hasValue=!0,f.value=$},[$]),u($),$},typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()),vt}var Jt;function On(){return Jt||(Jt=1,process.env.NODE_ENV==="production"?Be.exports=xn():Be.exports=$n()),Be.exports}var Sn=On();function Qt(e,t,r=Xt){return Sn.useSyncExternalStoreWithSelector(P(n=>e.subscribe(Cn,n)),P(()=>e.state),P(()=>e.state),P(t),r)}function Cn(e){return e}function Oe(e,t){let r=o.useId(),n=Kt.get(t),[l,i]=Qt(n,o.useCallback(a=>[n.selectors.isTop(a,r),n.selectors.inStack(a,r)],[n,r]));return I(()=>{if(e)return n.actions.push(r),()=>n.actions.pop(r)},[n,e,r]),e?i?l:!0:!1}let gt=new Map,Se=new Map;function Rt(e){var t;let r=(t=Se.get(e))!=null?t:0;return Se.set(e,r+1),r!==0?()=>er(e):(gt.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),e.setAttribute("aria-hidden","true"),e.inert=!0,()=>er(e))}function er(e){var t;let r=(t=Se.get(e))!=null?t:1;if(r===1?Se.delete(e):Se.set(e,r-1),r!==1)return;let n=gt.get(e);n&&(n["aria-hidden"]===null?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",n["aria-hidden"]),e.inert=n.inert,gt.delete(e))}function Mn(e,{allowed:t,disallowed:r}={}){let n=Oe(e,"inert-others");I(()=>{var l,i;if(!n)return;let a=G();for(let s of(l=r==null?void 0:r())!=null?l:[])s&&a.add(Rt(s));let u=(i=t==null?void 0:t())!=null?i:[];for(let s of u){if(!s)continue;let p=je(s);if(!p)continue;let h=s.parentElement;for(;h&&h!==p.body;){for(let w of h.children)u.some(y=>w.contains(y))||a.add(Rt(w));h=h.parentElement}}return a.dispose},[n,t,r])}function Pn(e,t,r){let n=le(l=>{let i=l.getBoundingClientRect();i.x===0&&i.y===0&&i.width===0&&i.height===0&&r()});o.useEffect(()=>{if(!e)return;let l=t===null?null:ie(t)?t:t.current;if(!l)return;let i=G();if(typeof ResizeObserver<"u"){let a=new ResizeObserver(()=>n.current(l));a.observe(l),i.add(()=>a.disconnect())}if(typeof IntersectionObserver<"u"){let a=new IntersectionObserver(()=>n.current(l));a.observe(l),i.add(()=>a.disconnect())}return()=>i.dispose()},[t,n,e])}let qe=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","details>summary","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(","),Tn=["[data-autofocus]"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var Y=(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))(Y||{}),wt=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(wt||{}),kn=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(kn||{});function Ln(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(qe)).sort((t,r)=>Math.sign((t.tabIndex||Number.MAX_SAFE_INTEGER)-(r.tabIndex||Number.MAX_SAFE_INTEGER)))}function Fn(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(Tn)).sort((t,r)=>Math.sign((t.tabIndex||Number.MAX_SAFE_INTEGER)-(r.tabIndex||Number.MAX_SAFE_INTEGER)))}var tr=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(tr||{});function An(e,t=0){var r;return e===((r=je(e))==null?void 0:r.body)?!1:K(t,{0(){return e.matches(qe)},1(){let n=e;for(;n!==null;){if(n.matches(qe))return!0;n=n.parentElement}return!1}})}var Nn=(e=>(e[e.Keyboard=0]="Keyboard",e[e.Mouse=1]="Mouse",e))(Nn||{});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 Z(e){e==null||e.focus({preventScroll:!0})}let In=["textarea","input"].join(",");function Dn(e){var t,r;return(r=(t=e==null?void 0:e.matches)==null?void 0:t.call(e,In))!=null?r:!1}function jn(e,t=r=>r){return e.slice().sort((r,n)=>{let l=t(r),i=t(n);if(l===null||i===null)return 0;let a=l.compareDocumentPosition(i);return a&Node.DOCUMENT_POSITION_FOLLOWING?-1:a&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function Ce(e,t,{sorted:r=!0,relativeTo:n=null,skipElements:l=[]}={}){let i=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,a=Array.isArray(e)?r?jn(e):e:t&64?Fn(e):Ln(e);l.length>0&&a.length>1&&(a=a.filter(E=>!l.some(f=>f!=null&&"current"in f?(f==null?void 0:f.current)===E:f===E))),n=n??i.activeElement;let u=(()=>{if(t&5)return 1;if(t&10)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),s=(()=>{if(t&1)return 0;if(t&2)return Math.max(0,a.indexOf(n))-1;if(t&4)return Math.max(0,a.indexOf(n))+1;if(t&8)return a.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),p=t&32?{preventScroll:!0}:{},h=0,w=a.length,y;do{if(h>=w||h+w<=0)return 0;let E=s+h;if(t&16)E=(E+w)%w;else{if(E<0)return 3;if(E>=w)return 1}y=a[E],y==null||y.focus(p),h+=u}while(y!==i.activeElement);return t&6&&Dn(y)&&y.select(),2}function rr(){return/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}function _n(){return/Android/gi.test(window.navigator.userAgent)}function nr(){return rr()||_n()}function Xe(e,t,r,n){let l=le(r);o.useEffect(()=>{if(!e)return;function i(a){l.current(a)}return document.addEventListener(t,i,n),()=>document.removeEventListener(t,i,n)},[e,t,n])}function lr(e,t,r,n){let l=le(r);o.useEffect(()=>{if(!e)return;function i(a){l.current(a)}return window.addEventListener(t,i,n),()=>window.removeEventListener(t,i,n)},[e,t,n])}const or=30;function Wn(e,t,r){let n=le(r),l=o.useCallback(function(u,s){if(u.defaultPrevented)return;let p=s(u);if(p===null||!p.getRootNode().contains(p)||!p.isConnected)return;let h=(function w(y){return typeof y=="function"?w(y()):Array.isArray(y)||y instanceof Set?y:[y]})(t);for(let w of h)if(w!==null&&(w.contains(p)||u.composed&&u.composedPath().includes(w)))return;return!An(p,tr.Loose)&&p.tabIndex!==-1&&u.preventDefault(),n.current(u,p)},[n,t]),i=o.useRef(null);Xe(e,"pointerdown",u=>{var s,p;nr()||(i.current=((p=(s=u.composedPath)==null?void 0:s.call(u))==null?void 0:p[0])||u.target)},!0),Xe(e,"pointerup",u=>{if(nr()||!i.current)return;let s=i.current;return i.current=null,l(u,()=>s)},!0);let a=o.useRef({x:0,y:0});Xe(e,"touchstart",u=>{a.current.x=u.touches[0].clientX,a.current.y=u.touches[0].clientY},!0),Xe(e,"touchend",u=>{let s={x:u.changedTouches[0].clientX,y:u.changedTouches[0].clientY};if(!(Math.abs(s.x-a.current.x)>=or||Math.abs(s.y-a.current.y)>=or))return l(u,()=>ee(u.target)?u.target:null)},!0),lr(e,"blur",u=>l(u,()=>rn(window.document.activeElement)?window.document.activeElement:null),!0)}function ze(...e){return o.useMemo(()=>je(...e),[...e])}function ir(e,t,r,n){let l=le(r);o.useEffect(()=>{e=e??window;function i(a){l.current(a)}return e.addEventListener(t,i,n),()=>e.removeEventListener(t,i,n)},[e,t,n])}function Un(e){return o.useSyncExternalStore(e.subscribe,e.getSnapshot,e.getSnapshot)}function Hn(e,t){let r=e(),n=new Set;return{getSnapshot(){return r},subscribe(l){return n.add(l),()=>n.delete(l)},dispatch(l,...i){let a=t[l].call(r,...i);a&&(r=a,n.forEach(u=>u()))}}}function Vn(){let e;return{before({doc:t}){var r;let n=t.documentElement,l=(r=t.defaultView)!=null?r:window;e=Math.max(0,l.innerWidth-n.clientWidth)},after({doc:t,d:r}){let n=t.documentElement,l=Math.max(0,n.clientWidth-n.offsetWidth),i=Math.max(0,e-l);r.style(n,"paddingRight",`${i}px`)}}}function Bn(){return rr()?{before({doc:e,d:t,meta:r}){function n(l){return r.containers.flatMap(i=>i()).some(i=>i.contains(l))}t.microTask(()=>{var l;if(window.getComputedStyle(e.documentElement).scrollBehavior!=="auto"){let u=G();u.style(e.documentElement,"scrollBehavior","auto"),t.add(()=>t.microTask(()=>u.dispose()))}let i=(l=window.scrollY)!=null?l:window.pageYOffset,a=null;t.addEventListener(e,"click",u=>{if(ee(u.target))try{let s=u.target.closest("a");if(!s)return;let{hash:p}=new URL(s.href),h=e.querySelector(p);ee(h)&&!n(h)&&(a=h)}catch{}},!0),t.addEventListener(e,"touchstart",u=>{if(ee(u.target)&&tn(u.target))if(n(u.target)){let s=u.target;for(;s.parentElement&&n(s.parentElement);)s=s.parentElement;t.style(s,"overscrollBehavior","contain")}else t.style(u.target,"touchAction","none")}),t.addEventListener(e,"touchmove",u=>{if(ee(u.target)){if(nn(u.target))return;if(n(u.target)){let s=u.target;for(;s.parentElement&&s.dataset.headlessuiPortal!==""&&!(s.scrollHeight>s.clientHeight||s.scrollWidth>s.clientWidth);)s=s.parentElement;s.dataset.headlessuiPortal===""&&u.preventDefault()}else u.preventDefault()}},{passive:!1}),t.add(()=>{var u;let s=(u=window.scrollY)!=null?u:window.pageYOffset;i!==s&&window.scrollTo(0,i),a&&a.isConnected&&(a.scrollIntoView({block:"nearest"}),a=null)})})}}:{}}function qn(){return{before({doc:e,d:t}){t.style(e.documentElement,"overflow","hidden")}}}function Xn(e){let t={};for(let r of e)Object.assign(t,r(t));return t}let se=Hn(()=>new Map,{PUSH(e,t){var r;let n=(r=this.get(e))!=null?r:{doc:e,count:0,d:G(),meta:new Set};return n.count++,n.meta.add(t),this.set(e,n),this},POP(e,t){let r=this.get(e);return r&&(r.count--,r.meta.delete(t)),this},SCROLL_PREVENT({doc:e,d:t,meta:r}){let n={doc:e,d:t,meta:Xn(r)},l=[Bn(),Vn(),qn()];l.forEach(({before:i})=>i==null?void 0:i(n)),l.forEach(({after:i})=>i==null?void 0:i(n))},SCROLL_ALLOW({d:e}){e.dispose()},TEARDOWN({doc:e}){this.delete(e)}});se.subscribe(()=>{let e=se.getSnapshot(),t=new Map;for(let[r]of e)t.set(r,r.documentElement.style.overflow);for(let r of e.values()){let n=t.get(r.doc)==="hidden",l=r.count!==0;(l&&!n||!l&&n)&&se.dispatch(r.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",r),r.count===0&&se.dispatch("TEARDOWN",r)}});function zn(e,t,r=()=>({containers:[]})){let n=Un(se),l=t?n.get(t):void 0,i=l?l.count>0:!1;return I(()=>{if(!(!t||!e))return se.dispatch("PUSH",t,r),()=>se.dispatch("POP",t,r)},[e,t]),i}function Gn(e,t,r=()=>[document.body]){let n=Oe(e,"scroll-lock");zn(n,t,l=>{var i;return{containers:[...(i=l.containers)!=null?i:[],r]}})}function Kn(e=0){let[t,r]=o.useState(e),n=o.useCallback(s=>r(s),[]),l=o.useCallback(s=>r(p=>p|s),[]),i=o.useCallback(s=>(t&s)===s,[t]),a=o.useCallback(s=>r(p=>p&~s),[]),u=o.useCallback(s=>r(p=>p^s),[]);return{flags:t,setFlag:n,addFlag:l,hasFlag:i,removeFlag:a,toggleFlag:u}}var sr,ur;typeof process<"u"&&typeof globalThis<"u"&&typeof Element<"u"&&((sr=process==null?void 0:process.env)==null?void 0:sr.NODE_ENV)==="test"&&typeof((ur=Element==null?void 0:Element.prototype)==null?void 0:ur.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 Yn=(e=>(e[e.None=0]="None",e[e.Closed=1]="Closed",e[e.Enter=2]="Enter",e[e.Leave=4]="Leave",e))(Yn||{});function Zn(e){let t={};for(let r in e)e[r]===!0&&(t[`data-${r}`]="");return t}function Jn(e,t,r,n){let[l,i]=o.useState(r),{hasFlag:a,addFlag:u,removeFlag:s}=Kn(e&&l?3:0),p=o.useRef(!1),h=o.useRef(!1),w=We();return I(()=>{var y;if(e){if(r&&i(!0),!t){r&&u(3);return}return(y=n==null?void 0:n.start)==null||y.call(n,r),Qn(t,{inFlight:p,prepare(){h.current?h.current=!1:h.current=p.current,p.current=!0,!h.current&&(r?(u(3),s(4)):(u(4),s(2)))},run(){h.current?r?(s(3),u(4)):(s(4),u(3)):r?s(1):u(1)},done(){var E;h.current&&typeof t.getAnimations=="function"&&t.getAnimations().length>0||(p.current=!1,s(7),r||i(!1),(E=n==null?void 0:n.end)==null||E.call(n,r))}})}},[e,r,t,w]),e?[l,{closed:a(1),enter:a(2),leave:a(4),transition:a(2)||a(4)}]:[r,{closed:void 0,enter:void 0,leave:void 0,transition:void 0}]}function Qn(e,{prepare:t,run:r,done:n,inFlight:l}){let i=G();return el(e,{prepare:t,inFlight:l}),i.nextFrame(()=>{r(),i.requestAnimationFrame(()=>{i.add(Rn(e,n))})}),i.dispose}function Rn(e,t){var r,n;let l=G();if(!e)return l.dispose;let i=!1;l.add(()=>{i=!0});let a=(n=(r=e.getAnimations)==null?void 0:r.call(e).filter(u=>u instanceof CSSTransition))!=null?n:[];return a.length===0?(t(),l.dispose):(Promise.allSettled(a.map(u=>u.finished)).then(()=>{i||t()}),l.dispose)}function el(e,{inFlight:t,prepare:r}){if(t!=null&&t.current){r();return}let n=e.style.transition;e.style.transition="none",r(),e.offsetHeight,e.style.transition=n}function bt(e,t){let r=o.useRef([]),n=P(e);o.useEffect(()=>{let l=[...r.current];for(let[i,a]of t.entries())if(r.current[i]!==a){let u=n(t,l);return r.current=t,u}},[n,...t])}let Ge=o.createContext(null);Ge.displayName="OpenClosedContext";var V=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(V||{});function Ke(){return o.useContext(Ge)}function tl({value:e,children:t}){return o.createElement(Ge.Provider,{value:e},t)}function rl({children:e}){return o.createElement(Ge.Provider,{value:null},e)}function nl(e){function t(){document.readyState!=="loading"&&(e(),document.removeEventListener("DOMContentLoaded",t))}typeof window<"u"&&typeof document<"u"&&(document.addEventListener("DOMContentLoaded",t),t())}let te=[];nl(()=>{function e(t){if(!ee(t.target)||t.target===document.body||te[0]===t.target)return;let r=t.target;r=r.closest(qe),te.unshift(r??t.target),te=te.filter(n=>n!=null&&n.isConnected),te.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 ar(e){let t=P(e),r=o.useRef(!1);o.useEffect(()=>(r.current=!1,()=>{r.current=!0,_e(()=>{r.current&&t()})}),[t])}let dr=o.createContext(!1);function ll(){return o.useContext(dr)}function cr(e){return o.createElement(dr.Provider,{value:e.force},e.children)}function ol(e){let t=ll(),r=o.useContext(pr),[n,l]=o.useState(()=>{var i;if(!t&&r!==null)return(i=r.current)!=null?i:null;if(z.isServer)return null;let a=e==null?void 0:e.getElementById("headlessui-portal-root");if(a)return a;if(e===null)return null;let u=e.createElement("div");return u.setAttribute("id","headlessui-portal-root"),e.body.appendChild(u)});return o.useEffect(()=>{n!==null&&(e!=null&&e.body.contains(n)||e==null||e.body.appendChild(n))},[n,e]),o.useEffect(()=>{t||r!==null&&l(r.current)},[r,l,t]),n}let fr=o.Fragment,il=D(function(e,t){let{ownerDocument:r=null,...n}=e,l=o.useRef(null),i=q(ln(y=>{l.current=y}),t),a=ze(l),u=r??a,s=ol(u),p=o.useContext(yt),h=We(),w=W();return ar(()=>{var y;s&&s.childNodes.length<=0&&((y=s.parentElement)==null||y.removeChild(s))}),s?Fr.createPortal(o.createElement("div",{"data-headlessui-portal":"",ref:y=>{h.dispose(),p&&y&&h.add(p.register(y))}},w({ourProps:{ref:i},theirProps:n,slot:{},defaultTag:fr,name:"Portal"})),s):null});function sl(e,t){let r=q(t),{enabled:n=!0,ownerDocument:l,...i}=e,a=W();return n?o.createElement(il,{...i,ownerDocument:l,ref:r}):a({ourProps:{ref:r},theirProps:i,slot:{},defaultTag:fr,name:"Portal"})}let ul=o.Fragment,pr=o.createContext(null);function al(e,t){let{target:r,...n}=e,l={ref:q(t)},i=W();return o.createElement(pr.Provider,{value:r},i({ourProps:l,theirProps:n,defaultTag:ul,name:"Popover.Group"}))}let yt=o.createContext(null);function dl(){let e=o.useContext(yt),t=o.useRef([]),r=P(i=>(t.current.push(i),e&&e.register(i),()=>n(i))),n=P(i=>{let a=t.current.indexOf(i);a!==-1&&t.current.splice(a,1),e&&e.unregister(i)}),l=o.useMemo(()=>({register:r,unregister:n,portals:t}),[r,n,t]);return[t,o.useMemo(()=>function({children:i}){return o.createElement(yt.Provider,{value:l},i)},[l])]}let cl=D(sl),mr=D(al),fl=Object.assign(cl,{Group:mr});function pl(e,t=typeof document<"u"?document.defaultView:null,r){let n=Oe(e,"escape");ir(t,"keydown",l=>{n&&(l.defaultPrevented||l.key===Ht.Escape&&r(l))})}function ml(){var e;let[t]=o.useState(()=>typeof window<"u"&&typeof window.matchMedia=="function"?window.matchMedia("(pointer: coarse)"):null),[r,n]=o.useState((e=t==null?void 0:t.matches)!=null?e:!1);return I(()=>{if(!t)return;function l(i){n(i.matches)}return t.addEventListener("change",l),()=>t.removeEventListener("change",l)},[t]),r}function hl({defaultContainers:e=[],portals:t,mainTreeNode:r}={}){let n=ze(r),l=P(()=>{var i,a;let u=[];for(let s of e)s!==null&&(R(s)?u.push(s):"current"in s&&R(s.current)&&u.push(s.current));if(t!=null&&t.current)for(let s of t.current)u.push(s);for(let s of(i=n==null?void 0:n.querySelectorAll("html > *, body > *"))!=null?i:[])s!==document.body&&s!==document.head&&R(s)&&s.id!=="headlessui-portal-root"&&(r&&(s.contains(r)||s.contains((a=r==null?void 0:r.getRootNode())==null?void 0:a.host))||u.some(p=>s.contains(p))||u.push(s));return u});return{resolveContainers:l,contains:P(i=>l().some(a=>a.contains(i)))}}let hr=o.createContext(null);function vr({children:e,node:t}){let[r,n]=o.useState(null),l=gr(t??r);return o.createElement(hr.Provider,{value:l},e,l===null&&o.createElement(ct,{features:Ve.Hidden,ref:i=>{var a,u;if(i){for(let s of(u=(a=je(i))==null?void 0:a.querySelectorAll("html > *, body > *"))!=null?u:[])if(s!==document.body&&s!==document.head&&R(s)&&s!=null&&s.contains(i)){n(s);break}}}}))}function gr(e=null){var t;return(t=o.useContext(hr))!=null?t:e}function vl(){let e=typeof document>"u";return"useSyncExternalStore"in ve?(t=>t.useSyncExternalStore)(ve)(()=>()=>{},()=>!1,()=>!e):!1}function Ye(){let e=vl(),[t,r]=ve.useState(z.isHandoffComplete);return t&&z.isHandoffComplete===!1&&r(!1),ve.useEffect(()=>{t!==!0&&r(!0)},[t]),ve.useEffect(()=>z.handoff(),[]),e?!1:t}function Et(){let e=o.useRef(!1);return I(()=>(e.current=!0,()=>{e.current=!1}),[]),e}var Me=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(Me||{});function gl(){let e=o.useRef(0);return lr(!0,"keydown",t=>{t.key==="Tab"&&(e.current=t.shiftKey?1:0)},!0),e}function wr(e){if(!e)return new Set;if(typeof e=="function")return new Set(e());let t=new Set;for(let r of e.current)R(r.current)&&t.add(r.current);return t}let wl="div";var ue=(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))(ue||{});function bl(e,t){let r=o.useRef(null),n=q(r,t),{initialFocus:l,initialFocusFallback:i,containers:a,features:u=15,...s}=e;Ye()||(u=0);let p=ze(r);$l(u,{ownerDocument:p});let h=Ol(u,{ownerDocument:p,container:r,initialFocus:l,initialFocusFallback:i});Sl(u,{ownerDocument:p,container:r,containers:a,previousActiveElement:h});let w=gl(),y=P(c=>{if(!ie(r.current))return;let g=r.current;(b=>b())(()=>{K(w.current,{[Me.Forwards]:()=>{Ce(g,Y.First,{skipElements:[c.relatedTarget,i]})},[Me.Backwards]:()=>{Ce(g,Y.Last,{skipElements:[c.relatedTarget,i]})}})})}),E=Oe(!!(u&2),"focus-trap#tab-lock"),f=We(),$=o.useRef(!1),v={ref:n,onKeyDown(c){c.key=="Tab"&&($.current=!0,f.requestAnimationFrame(()=>{$.current=!1}))},onBlur(c){if(!(u&4))return;let g=wr(a);ie(r.current)&&g.add(r.current);let b=c.relatedTarget;ee(b)&&b.dataset.headlessuiFocusGuard!=="true"&&(br(g,b)||($.current?Ce(r.current,K(w.current,{[Me.Forwards]:()=>Y.Next,[Me.Backwards]:()=>Y.Previous})|Y.WrapAround,{relativeTo:c.target}):ee(c.target)&&Z(c.target)))}},d=W();return o.createElement(o.Fragment,null,E&&o.createElement(ct,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:y,features:Ve.Focusable}),d({ourProps:v,theirProps:s,defaultTag:wl,name:"FocusTrap"}),E&&o.createElement(ct,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:y,features:Ve.Focusable}))}let yl=D(bl),El=Object.assign(yl,{features:ue});function xl(e=!0){let t=o.useRef(te.slice());return bt(([r],[n])=>{n===!0&&r===!1&&_e(()=>{t.current.splice(0)}),n===!1&&r===!0&&(t.current=te.slice())},[e,te,t]),P(()=>{var r;return(r=t.current.find(n=>n!=null&&n.isConnected))!=null?r:null})}function $l(e,{ownerDocument:t}){let r=!!(e&8),n=xl(r);bt(()=>{r||(t==null?void 0:t.activeElement)===(t==null?void 0:t.body)&&Z(n())},[r]),ar(()=>{r&&Z(n())})}function Ol(e,{ownerDocument:t,container:r,initialFocus:n,initialFocusFallback:l}){let i=o.useRef(null),a=Oe(!!(e&1),"focus-trap#initial-focus"),u=Et();return bt(()=>{if(e===0)return;if(!a){l!=null&&l.current&&Z(l.current);return}let s=r.current;s&&_e(()=>{if(!u.current)return;let p=t==null?void 0:t.activeElement;if(n!=null&&n.current){if((n==null?void 0:n.current)===p){i.current=p;return}}else if(s.contains(p)){i.current=p;return}if(n!=null&&n.current)Z(n.current);else{if(e&16){if(Ce(s,Y.First|Y.AutoFocus)!==wt.Error)return}else if(Ce(s,Y.First)!==wt.Error)return;if(l!=null&&l.current&&(Z(l.current),(t==null?void 0:t.activeElement)===l.current))return;console.warn("There are no focusable elements inside the <FocusTrap />")}i.current=t==null?void 0:t.activeElement})},[l,a,e]),i}function Sl(e,{ownerDocument:t,container:r,containers:n,previousActiveElement:l}){let i=Et(),a=!!(e&4);ir(t==null?void 0:t.defaultView,"focus",u=>{if(!a||!i.current)return;let s=wr(n);ie(r.current)&&s.add(r.current);let p=l.current;if(!p)return;let h=u.target;ie(h)?br(s,h)?(l.current=h,Z(h)):(u.preventDefault(),u.stopPropagation(),Z(p)):Z(l.current)},!0)}function br(e,t){for(let r of e)if(r.contains(t))return!0;return!1}function yr(e){var t;return!!(e.enter||e.enterFrom||e.enterTo||e.leave||e.leaveFrom||e.leaveTo)||!Ee((t=e.as)!=null?t:xr)||o.Children.count(e.children)===1}let Ze=o.createContext(null);Ze.displayName="TransitionContext";var Cl=(e=>(e.Visible="visible",e.Hidden="hidden",e))(Cl||{});function Ml(){let e=o.useContext(Ze);if(e===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}function Pl(){let e=o.useContext(Je);if(e===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return e}let Je=o.createContext(null);Je.displayName="NestingContext";function Qe(e){return"children"in e?Qe(e.children):e.current.filter(({el:t})=>t.current!==null).filter(({state:t})=>t==="visible").length>0}function Er(e,t){let r=le(e),n=o.useRef([]),l=Et(),i=We(),a=P((E,f=Q.Hidden)=>{let $=n.current.findIndex(({el:v})=>v===E);$!==-1&&(K(f,{[Q.Unmount](){n.current.splice($,1)},[Q.Hidden](){n.current[$].state="hidden"}}),i.microTask(()=>{var v;!Qe(n)&&l.current&&((v=r.current)==null||v.call(r))}))}),u=P(E=>{let f=n.current.find(({el:$})=>$===E);return f?f.state!=="visible"&&(f.state="visible"):n.current.push({el:E,state:"visible"}),()=>a(E,Q.Unmount)}),s=o.useRef([]),p=o.useRef(Promise.resolve()),h=o.useRef({enter:[],leave:[]}),w=P((E,f,$)=>{s.current.splice(0),t&&(t.chains.current[f]=t.chains.current[f].filter(([v])=>v!==E)),t==null||t.chains.current[f].push([E,new Promise(v=>{s.current.push(v)})]),t==null||t.chains.current[f].push([E,new Promise(v=>{Promise.all(h.current[f].map(([d,c])=>c)).then(()=>v())})]),f==="enter"?p.current=p.current.then(()=>t==null?void 0:t.wait.current).then(()=>$(f)):$(f)}),y=P((E,f,$)=>{Promise.all(h.current[f].splice(0).map(([v,d])=>d)).then(()=>{var v;(v=s.current.shift())==null||v()}).then(()=>$(f))});return o.useMemo(()=>({children:n,register:u,unregister:a,onStart:w,onStop:y,wait:p,chains:h}),[u,a,n,w,y,h,p])}let xr=o.Fragment,$r=Ue.RenderStrategy;function Tl(e,t){var r,n;let{transition:l=!0,beforeEnter:i,afterEnter:a,beforeLeave:u,afterLeave:s,enter:p,enterFrom:h,enterTo:w,entered:y,leave:E,leaveFrom:f,leaveTo:$,...v}=e,[d,c]=o.useState(null),g=o.useRef(null),b=yr(e),m=q(...b?[g,t,c]:t===null?[]:[t]),x=(r=v.unmount)==null||r?Q.Unmount:Q.Hidden,{show:S,appear:F,initial:j}=Ml(),[L,A]=o.useState(S?"visible":"hidden"),H=Pl(),{register:N,unregister:T}=H;I(()=>N(g),[N,g]),I(()=>{if(x===Q.Hidden&&g.current){if(S&&L!=="visible"){A("visible");return}return K(L,{hidden:()=>T(g),visible:()=>N(g)})}},[L,g,N,T,S,x]);let _=Ye();I(()=>{if(b&&_&&L==="visible"&&g.current===null)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")},[g,L,_,b]);let he=j&&!F,ae=F&&S&&j,J=o.useRef(!1),k=Er(()=>{J.current||(A("hidden"),T(g))},H),Pe=P(Ct=>{J.current=!0;let tt=Ct?"enter":"leave";k.onStart(g,tt,ke=>{ke==="enter"?i==null||i():ke==="leave"&&(u==null||u())})}),re=P(Ct=>{let tt=Ct?"enter":"leave";J.current=!1,k.onStop(g,tt,ke=>{ke==="enter"?a==null||a():ke==="leave"&&(s==null||s())}),tt==="leave"&&!Qe(k)&&(A("hidden"),T(g))});o.useEffect(()=>{b&&l||(Pe(S),re(S))},[S,b,l]);let St=!(!l||!b||!_||he),[,M]=Jn(St,d,S,{start:Pe,end:re}),et=oe({ref:m,className:((n=at(v.className,ae&&p,ae&&h,M.enter&&p,M.enter&&M.closed&&h,M.enter&&!M.closed&&w,M.leave&&E,M.leave&&!M.closed&&f,M.leave&&M.closed&&$,!M.transition&&S&&y))==null?void 0:n.trim())||void 0,...Zn(M)}),Te=0;L==="visible"&&(Te|=V.Open),L==="hidden"&&(Te|=V.Closed),S&&L==="hidden"&&(Te|=V.Opening),!S&&L==="visible"&&(Te|=V.Closing);let Ql=W();return o.createElement(Je.Provider,{value:k},o.createElement(tl,{value:Te},Ql({ourProps:et,theirProps:v,defaultTag:xr,features:$r,visible:L==="visible",name:"Transition.Child"})))}function kl(e,t){let{show:r,appear:n=!1,unmount:l=!0,...i}=e,a=o.useRef(null),u=yr(e),s=q(...u?[a,t]:t===null?[]:[t]);Ye();let p=Ke();if(r===void 0&&p!==null&&(r=(p&V.Open)===V.Open),r===void 0)throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[h,w]=o.useState(r?"visible":"hidden"),y=Er(()=>{r||w("hidden")}),[E,f]=o.useState(!0),$=o.useRef([r]);I(()=>{E!==!1&&$.current[$.current.length-1]!==r&&($.current.push(r),f(!1))},[$,r]);let v=o.useMemo(()=>({show:r,appear:n,initial:E}),[r,n,E]);I(()=>{r?w("visible"):!Qe(y)&&a.current!==null&&w("hidden")},[r,y]);let d={unmount:l},c=P(()=>{var m;E&&f(!1),(m=e.beforeEnter)==null||m.call(e)}),g=P(()=>{var m;E&&f(!1),(m=e.beforeLeave)==null||m.call(e)}),b=W();return o.createElement(Je.Provider,{value:y},o.createElement(Ze.Provider,{value:v},b({ourProps:{...d,as:o.Fragment,children:o.createElement(Or,{ref:s,...d,...i,beforeEnter:c,beforeLeave:g})},theirProps:{},defaultTag:o.Fragment,features:$r,visible:h==="visible",name:"Transition"})))}function Ll(e,t){let r=o.useContext(Ze)!==null,n=Ke()!==null;return o.createElement(o.Fragment,null,!r&&n?o.createElement(xt,{ref:t,...e}):o.createElement(Or,{ref:t,...e}))}let xt=D(kl),Or=D(Tl),me=D(Ll),Sr=Object.assign(xt,{Child:me,Root:xt});var Fl=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Fl||{}),Al=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(Al||{});let Nl={0(e,t){return e.titleId===t.id?e:{...e,titleId:t.id}}},$t=o.createContext(null);$t.displayName="DialogContext";function Re(e){let t=o.useContext($t);if(t===null){let r=new Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,Re),r}return t}function Il(e,t){return K(t.type,Nl,e,t)}let Cr=D(function(e,t){let r=o.useId(),{id:n=`headlessui-dialog-${r}`,open:l,onClose:i,initialFocus:a,role:u="dialog",autoFocus:s=!0,__demoMode:p=!1,unmount:h=!1,...w}=e,y=o.useRef(!1);u=(function(){return u==="dialog"||u==="alertdialog"?u:(y.current||(y.current=!0,console.warn(`Invalid role [${u}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)),"dialog")})();let E=Ke();l===void 0&&E!==null&&(l=(E&V.Open)===V.Open);let f=o.useRef(null),$=q(f,t),v=ze(f),d=l?0:1,[c,g]=o.useReducer(Il,{titleId:null,descriptionId:null,panelRef:o.createRef()}),b=P(()=>i(!1)),m=P(M=>g({type:0,id:M})),x=Ye()?d===0:!1,[S,F]=dl(),j={get current(){var M;return(M=c.panelRef.current)!=null?M:f.current}},L=gr(),{resolveContainers:A}=hl({mainTreeNode:L,portals:S,defaultContainers:[j]}),H=E!==null?(E&V.Closing)===V.Closing:!1;Mn(p||H?!1:x,{allowed:P(()=>{var M,et;return[(et=(M=f.current)==null?void 0:M.closest("[data-headlessui-portal]"))!=null?et:null]}),disallowed:P(()=>{var M;return[(M=L==null?void 0:L.closest("body > *:not(#headlessui-portal-root)"))!=null?M:null]})});let N=Kt.get(null);I(()=>{if(x)return N.actions.push(n),()=>N.actions.pop(n)},[N,n,x]);let T=Qt(N,o.useCallback(M=>N.selectors.isTop(M,n),[N,n]));Wn(T,A,M=>{M.preventDefault(),b()}),pl(T,v==null?void 0:v.defaultView,M=>{M.preventDefault(),M.stopPropagation(),document.activeElement&&"blur"in document.activeElement&&typeof document.activeElement.blur=="function"&&document.activeElement.blur(),b()}),Gn(p||H?!1:x,v,A),Pn(x,f,b);let[_,he]=on(),ae=o.useMemo(()=>[{dialogState:d,close:b,setTitleId:m,unmount:h},c],[d,b,m,h,c]),J=ye({open:d===0}),k={ref:$,id:n,role:u,tabIndex:-1,"aria-modal":p?void 0:d===0?!0:void 0,"aria-labelledby":c.titleId,"aria-describedby":_,unmount:h},Pe=!ml(),re=ue.None;x&&!p&&(re|=ue.RestoreFocus,re|=ue.TabLock,s&&(re|=ue.AutoFocus),Pe&&(re|=ue.InitialFocus));let St=W();return o.createElement(rl,null,o.createElement(cr,{force:!0},o.createElement(fl,null,o.createElement($t.Provider,{value:ae},o.createElement(mr,{target:f},o.createElement(cr,{force:!1},o.createElement(he,{slot:J},o.createElement(F,null,o.createElement(El,{initialFocus:a,initialFocusFallback:f,containers:A,features:re},o.createElement(fn,{value:b},St({ourProps:k,theirProps:w,slot:J,defaultTag:Dl,features:jl,visible:d===0,name:"Dialog"})))))))))))}),Dl="div",jl=Ue.RenderStrategy|Ue.Static;function _l(e,t){let{transition:r=!1,open:n,...l}=e,i=Ke(),a=e.hasOwnProperty("open")||i!==null,u=e.hasOwnProperty("onClose");if(!a&&!u)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!a)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!u)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if(!i&&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(n!==void 0||r)&&!l.static?o.createElement(vr,null,o.createElement(Sr,{show:n,transition:r,unmount:l.unmount},o.createElement(Cr,{ref:t,...l}))):o.createElement(vr,null,o.createElement(Cr,{ref:t,open:n,...l}))}let Wl="div";function Ul(e,t){let r=o.useId(),{id:n=`headlessui-dialog-panel-${r}`,transition:l=!1,...i}=e,[{dialogState:a,unmount:u},s]=Re("Dialog.Panel"),p=q(t,s.panelRef),h=ye({open:a===0}),w=P(v=>{v.stopPropagation()}),y={ref:p,id:n,onClick:w},E=l?me:o.Fragment,f=l?{unmount:u}:{},$=W();return o.createElement(E,{...f},$({ourProps:y,theirProps:i,slot:h,defaultTag:Wl,name:"Dialog.Panel"}))}let Hl="div";function Vl(e,t){let{transition:r=!1,...n}=e,[{dialogState:l,unmount:i}]=Re("Dialog.Backdrop"),a=ye({open:l===0}),u={ref:t,"aria-hidden":!0},s=r?me:o.Fragment,p=r?{unmount:i}:{},h=W();return o.createElement(s,{...p},h({ourProps:u,theirProps:n,slot:a,defaultTag:Hl,name:"Dialog.Backdrop"}))}let Bl="h2";function ql(e,t){let r=o.useId(),{id:n=`headlessui-dialog-title-${r}`,...l}=e,[{dialogState:i,setTitleId:a}]=Re("Dialog.Title"),u=q(t);o.useEffect(()=>(a(n),()=>a(null)),[n,a]);let s=ye({open:i===0}),p={ref:u,id:n};return W()({ourProps:p,theirProps:l,slot:s,defaultTag:Bl,name:"Dialog.Title"})}let Xl=D(_l),Ot=D(Ul);D(Vl);let zl=D(ql),Gl=Object.assign(Xl,{Panel:Ot,Title:zl,Description:dn});function Mr({onClick:e}){return O.jsxs("button",{type:"button",className:"im-close-button text-gray-400 hover:text-gray-500",onClick:e,children:[O.jsx("span",{className:"sr-only",children:"Close"}),O.jsx("svg",{className:"size-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",children:O.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})]})}const Kl=({modalContext:e,config:t,children:r})=>{const[n,l]=o.useState(!1);return O.jsx("div",{className:"im-modal-container fixed inset-0 z-40 overflow-y-auto p-4",children:O.jsx("div",{className:De("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:O.jsx(me,{as:"div",enterFrom:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",enterTo:"opacity-100 translate-y-0 sm:scale-100",leaveFrom:"opacity-100 translate-y-0 sm:scale-100",leaveTo:"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",afterEnter:()=>l(!0),afterLeave:e.afterLeave,className:De("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:O.jsxs(Ot,{className:`im-modal-content relative ${t.paddingClasses} ${t.panelClasses}`,"data-inertiaui-modal-entered":n,children:[t.closeButton&&O.jsx("div",{className:"absolute right-0 top-0 pr-3 pt-3",children:O.jsx(Mr,{onClick:e.close})}),typeof r=="function"?r({modalContext:e,config:t}):r]})})})})},Yl=({modalContext:e,config:t,children:r})=>{const[n,l]=o.useState(!1);return O.jsx("div",{className:"im-slideover-container fixed inset-0 z-40 overflow-y-auto overflow-x-hidden",children:O.jsx("div",{className:De("im-slideover-positioner flex min-h-full items-center",{"justify-start rtl:justify-end":(t==null?void 0:t.position)==="left","justify-end rtl:justify-start":(t==null?void 0:t.position)==="right"}),children:O.jsx(me,{as:"div",enterFrom:`opacity-0 ${t.position==="left"?"-translate-x-full":"translate-x-full"}`,enterTo:"opacity-100 translate-x-0",leaveFrom:"opacity-100 translate-x-0",leaveTo:`opacity-0 ${t.position==="left"?"-translate-x-full":"translate-x-full"}`,afterEnter:()=>l(!0),afterLeave:e.afterLeave,className:De("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:O.jsxs(Ot,{className:`im-slideover-content relative ${t.paddingClasses} ${t.panelClasses}`,"data-inertiaui-modal-entered":n,children:[t.closeButton&&O.jsx("div",{className:"absolute right-0 top-0 pr-3 pt-3",children:O.jsx(Mr,{onClick:e.close})}),typeof r=="function"?r({modalContext:e,config:t}):r]})})})})},Pr=o.forwardRef(({name:e,children:t,onFocus:r=null,onBlur:n=null,onClose:l=null,onSuccess:i=null,onAfterLeave:a=null,...u},s)=>{const p=w=>typeof t=="function"?t(w):t,h=o.useRef(null);return o.useImperativeHandle(s,()=>h.current,[h]),O.jsx(st,{ref:h,name:e,onFocus:r,onBlur:n,onClose:l,onSuccess:i,...u,children:({afterLeave:w,close:y,config:E,emit:f,getChildModal:$,getParentModal:v,id:d,index:c,isOpen:g,modalContext:b,onTopOfStack:m,reload:x,setOpen:S,shouldRender:F})=>O.jsx(Sr,{appear:!0,show:g??!1,afterLeave:a,children:O.jsxs(Gl,{as:"div",className:"im-dialog relative z-20",onClose:()=>E.closeExplicitly?null:y(),"data-inertiaui-modal-id":d,"data-inertiaui-modal-index":c,children:[c===0?O.jsx(me,{enter:"transition transform ease-in-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"transition transform ease-in-out duration-300",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:m?O.jsx("div",{className:"im-backdrop fixed inset-0 z-30 bg-black/75","aria-hidden":"true"}):O.jsx("div",{})}):null,c>0&&m?O.jsx("div",{className:"im-backdrop fixed inset-0 z-30 bg-black/75"}):null,E.slideover?O.jsx(Yl,{modalContext:b,config:E,children:p({afterLeave:w,close:y,config:E,emit:f,getChildModal:$,getParentModal:v,id:d,index:c,isOpen:g,modalContext:b,onTopOfStack:m,reload:x,setOpen:S,shouldRender:F})}):O.jsx(Kl,{modalContext:b,config:E,children:p({afterLeave:w,close:y,config:E,emit:f,getChildModal:$,getParentModal:v,id:d,index:c,isOpen:g,modalContext:b,onTopOfStack:m,reload:x,setOpen:S,shouldRender:F})})]})})})});Pr.displayName="Modal";const Zl=({href:e,method:t="get",data:r={},as:n="a",headers:l={},queryStringArrayFormat:i="brackets",onAfterLeave:a=null,onBlur:u=null,onClose:s=null,onError:p=null,onFocus:h=null,onStart:w=null,onSuccess:y=null,navigate:E=null,children:f,...$})=>{const[v,d]=o.useState(!1),[c,g]=o.useState(null),{stack:b,visit:m}=be(),x=o.useMemo(()=>E??Ae("navigate"),[E]),S={},F={};Object.keys($).forEach(T=>{Ft.includes(T)||(T.startsWith("on")&&typeof $[T]=="function"?Ur(T)?S[T]=$[T]:F[T]=$[T]:S[T]=$[T])});const[j,L]=o.useState(!1);o.useEffect(()=>{c&&(c.onTopOfStack&&j?h==null||h():!c.onTopOfStack&&!j&&(u==null||u()),L(!c.onTopOfStack))},[b]);const A=o.useCallback(()=>{s==null||s()},[s]),H=o.useCallback(()=>{g(null),a==null||a()},[a]),N=o.useCallback(T=>{T==null||T.preventDefault(),!v&&(e.startsWith("#")||(d(!0),w==null||w()),m(e,t,r,l,Wr(_r($,Ft)),()=>A(b.length),H,i,x).then(_=>{g(_),_.registerEventListenersFromProps(F),y==null||y()}).catch(_=>{console.error(_),p==null||p(_)}).finally(()=>d(!1)))},[e,t,r,l,i,$,A,H]);return O.jsx(n,{...S,href:e,onClick:N,children:typeof f=="function"?f({loading:v}):f})},Tr=({children:e,data:t,params:r,buffer:n,as:l,always:i,fallback:a})=>{i=i??!1,l=l??"div",a=a??null;const[u,s]=o.useState(!1),p=o.useRef(!1),h=o.useRef(!1),w=o.useRef(null),y=it(),E=o.useCallback(()=>{if(t)return{only:Array.isArray(t)?t:[t]};if(!r)throw new Error("You must provide either a `data` or `params` prop.");return r},[r,t]);return o.useEffect(()=>{if(!w.current)return;const f=new IntersectionObserver($=>{if(!$[0].isIntersecting||(!i&&p.current&&f.disconnect(),h.current))return;p.current=!0,h.current=!0;const v=E();y.reload({...v,onStart:d=>{var c;h.current=!0,(c=v.onStart)==null||c.call(v,d)},onFinish:d=>{var c;s(!0),h.current=!1,(c=v.onFinish)==null||c.call(v,d),i||f.disconnect()}})},{rootMargin:`${n||0}px`});return f.observe(w.current),()=>{f.disconnect()}},[w,E,n]),i||!u?o.createElement(l,{props:null,ref:w},u?e:a):u?e:null};Tr.displayName="InertiaWhenVisible";const Jl=e=>t=>(t.default.layout=r=>o.createElement(e,{},r),t);C.Deferred=Dt,C.HeadlessModal=st,C.Modal=Pr,C.ModalLink=Zl,C.ModalRoot=Nt,C.ModalStackProvider=Lt,C.WhenVisible=Tr,C.getConfig=Ae,C.initFromPageProps=At,C.putConfig=Ir,C.renderApp=Hr,C.resetConfig=Nr,C.setPageLayout=Jl,C.useModal=it,C.useModalIndex=ot,C.useModalStack=be,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})}));
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react/jsx-runtime"), require("axios"), require("@inertiaui/vanilla"), require("@inertiajs/react"), require("@inertiajs/core"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react/jsx-runtime", "axios", "@inertiaui/vanilla", "@inertiajs/react", "@inertiajs/core", "react-dom"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.InertiaUIModal = {}, global.React, global.ReactJSXRuntime, global.axios, global.InertiaUIVanilla, global.InertiaReact, global.InertiaCore, global.ReactDOM));
+})(this, (function(exports2, React, jsxRuntime, Axios, vanilla, react, core, reactDom) {
+  "use strict";
+  function _interopNamespaceDefault(e) {
+    const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+    if (e) {
+      for (const k in e) {
+        if (k !== "default") {
+          const d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: () => e[k]
+          });
+        }
+      }
+    }
+    n.default = e;
+    return Object.freeze(n);
+  }
+  const vanilla__namespace = /* @__PURE__ */ _interopNamespaceDefault(vanilla);
+  const defaultConfig = {
+    type: "modal",
+    navigate: false,
+    useNativeDialog: true,
+    appElement: "#app",
+    modal: {
+      closeButton: true,
+      closeExplicitly: false,
+      closeOnClickOutside: true,
+      maxWidth: "2xl",
+      paddingClasses: "p-4 sm:p-6",
+      panelClasses: "bg-white rounded",
+      position: "center"
+    },
+    slideover: {
+      closeButton: true,
+      closeExplicitly: false,
+      closeOnClickOutside: true,
+      maxWidth: "md",
+      paddingClasses: "p-4 sm:p-6",
+      panelClasses: "bg-white min-h-screen",
+      position: "right"
+    }
+  };
+  class Config {
+    constructor() {
+      this.config = {};
+      this.reset();
+    }
+    reset() {
+      this.config = JSON.parse(JSON.stringify(defaultConfig));
+    }
+    put(key, value) {
+      if (typeof key === "object") {
+        this.config = {
+          type: key.type ?? defaultConfig.type,
+          navigate: key.navigate ?? defaultConfig.navigate,
+          useNativeDialog: key.useNativeDialog ?? defaultConfig.useNativeDialog,
+          appElement: key.appElement !== void 0 ? key.appElement : defaultConfig.appElement,
+          modal: { ...defaultConfig.modal, ...key.modal ?? {} },
+          slideover: { ...defaultConfig.slideover, ...key.slideover ?? {} }
+        };
+        return;
+      }
+      const keys = key.split(".");
+      let current = this.config;
+      for (let i = 0; i < keys.length - 1; i++) {
+        current = current[keys[i]] = current[keys[i]] || {};
+      }
+      current[keys[keys.length - 1]] = value;
+    }
+    get(key) {
+      if (typeof key === "undefined") {
+        return this.config;
+      }
+      const keys = key.split(".");
+      let current = this.config;
+      for (const k of keys) {
+        if (current === null || current === void 0 || typeof current !== "object") {
+          return null;
+        }
+        current = current[k];
+      }
+      return current === void 0 ? null : current;
+    }
+  }
+  const configInstance = new Config();
+  const resetConfig = () => configInstance.reset();
+  const putConfig = (key, value) => configInstance.put(key, value);
+  const getConfig = (key) => configInstance.get(key);
+  const getConfigByType = (isSlideover, key) => configInstance.get(isSlideover ? `slideover.${key}` : `modal.${key}`);
+  function generateId(prefix = "inertiaui_") {
+    return vanilla.generateId(prefix);
+  }
+  const ModalStackContext = React.createContext(null);
+  ModalStackContext.displayName = "ModalStackContext";
+  let pageVersion = null;
+  let resolveComponent = null;
+  let baseUrl = null;
+  let closingToBaseUrlTarget = null;
+  const prefetchCache = /* @__PURE__ */ new Map();
+  const prefetchInFlight = /* @__PURE__ */ new Map();
+  function getPrefetchCacheKey(url, method, data) {
+    return `${method}:${url}:${JSON.stringify(data)}`;
+  }
+  function getCachedResponse(url, method, data) {
+    const key = getPrefetchCacheKey(url, method, data);
+    const cached = prefetchCache.get(key);
+    if (!cached) {
+      return null;
+    }
+    if (Date.now() > cached.expiresAt) {
+      prefetchCache.delete(key);
+      return null;
+    }
+    return cached.response;
+  }
+  function setCachedResponse(url, method, data, response, cacheFor) {
+    const key = getPrefetchCacheKey(url, method, data);
+    prefetchCache.set(key, {
+      response,
+      timestamp: Date.now(),
+      expiresAt: Date.now() + cacheFor
+    });
+  }
+  function prefetch(href, options = {}) {
+    if (href.startsWith("#")) {
+      return Promise.resolve();
+    }
+    const method = (options.method ?? "get").toLowerCase();
+    const data = options.data ?? {};
+    const headers = options.headers ?? {};
+    const queryStringArrayFormat = options.queryStringArrayFormat ?? "brackets";
+    const cacheFor = options.cacheFor ?? 3e4;
+    const [url, mergedData] = core.mergeDataIntoQueryString(method, href || "", data, queryStringArrayFormat);
+    const cached = getCachedResponse(url, method, mergedData);
+    if (cached) {
+      return Promise.resolve();
+    }
+    const cacheKey = getPrefetchCacheKey(url, method, mergedData);
+    const inFlight = prefetchInFlight.get(cacheKey);
+    if (inFlight) {
+      return inFlight.then(() => {
+      });
+    }
+    options.onPrefetching?.();
+    const requestHeaders = {
+      ...headers,
+      Accept: "text/html, application/xhtml+xml",
+      "X-Requested-With": "XMLHttpRequest",
+      "X-Inertia": "true",
+      "X-Inertia-Version": pageVersion ?? "",
+      "X-InertiaUI-Modal": generateId(),
+      "X-InertiaUI-Modal-Base-Url": baseUrl ?? ""
+    };
+    const request = Axios({
+      url,
+      method,
+      data: mergedData,
+      headers: requestHeaders
+    }).then((response) => {
+      setCachedResponse(url, method, mergedData, response, cacheFor);
+      options.onPrefetched?.();
+      return response;
+    }).finally(() => {
+      prefetchInFlight.delete(cacheKey);
+    });
+    prefetchInFlight.set(cacheKey, request);
+    return request.then(() => {
+    });
+  }
+  const ModalStackProvider = ({ children }) => {
+    const stackRef = React.useRef([]);
+    const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
+    const [localModals, setLocalModals] = React.useState({});
+    const updateStack = (withStack) => {
+      const newStack = withStack([...stackRef.current]);
+      const isOnTopOfStack = (modalId) => {
+        if (newStack.length < 2) {
+          return true;
+        }
+        return newStack.map((modal) => ({ id: modal.id, shouldRender: modal.shouldRender })).reverse().find((modal) => modal.shouldRender)?.id === modalId;
+      };
+      newStack.forEach((modal, index) => {
+        newStack[index].onTopOfStack = isOnTopOfStack(modal.id);
+        newStack[index].getParentModal = () => {
+          if (index < 1) {
+            return null;
+          }
+          return stackRef.current.slice(0, index).reverse().find((m) => m.isOpen) ?? null;
+        };
+        newStack[index].getChildModal = () => {
+          if (index === stackRef.current.length - 1) {
+            return null;
+          }
+          return stackRef.current.slice(index + 1).find((m) => m.isOpen) ?? null;
+        };
+      });
+      stackRef.current = newStack;
+      forceUpdate();
+    };
+    class ModalClass {
+      constructor(component, response, config, onClose, afterLeave) {
+        this.show = () => {
+          updateStack(
+            (prevStack) => prevStack.map((modal) => {
+              if (modal.id === this.id && !modal.isOpen) {
+                modal.isOpen = true;
+                modal.shouldRender = true;
+              }
+              return modal;
+            })
+          );
+        };
+        this.setOpen = (open) => {
+          if (open) {
+            this.show();
+          } else {
+            this.close();
+          }
+        };
+        this.close = () => {
+          updateStack((currentStack) => {
+            let modalClosed = false;
+            const newStack = currentStack.map((modal) => {
+              if (modal.id === this.id && modal.isOpen) {
+                Object.keys(modal.listeners).forEach((event) => {
+                  modal.off(event);
+                });
+                modal.isOpen = false;
+                modal.onCloseCallback?.();
+                modalClosed = true;
+              }
+              return modal;
+            });
+            return modalClosed ? newStack : currentStack;
+          });
+        };
+        this.afterLeave = () => {
+          if (this.isOpen) {
+            return;
+          }
+          updateStack((prevStack) => {
+            const updatedStack = prevStack.map((modal) => {
+              if (modal.id === this.id && !modal.isOpen) {
+                modal.shouldRender = false;
+                modal.afterLeaveCallback?.();
+                modal.afterLeaveCallback = null;
+              }
+              return modal;
+            });
+            if (this.index === 0) {
+              const savedBaseUrl = baseUrl;
+              baseUrl = null;
+              closingToBaseUrlTarget = savedBaseUrl;
+              if (savedBaseUrl && typeof window !== "undefined") {
+                react.router.push({
+                  url: savedBaseUrl,
+                  preserveScroll: true,
+                  preserveState: true,
+                  // Clear _inertiaui_modal prop to prevent modal from reopening
+                  props: (currentProps) => {
+                    const { _inertiaui_modal, ...rest } = currentProps;
+                    return { ...rest, _inertiaui_modal: void 0 };
+                  }
+                });
+              }
+              return [];
+            }
+            return updatedStack;
+          });
+        };
+        this.on = (event, callback) => {
+          event = vanilla.kebabCase(event);
+          this.listeners[event] = this.listeners[event] ?? [];
+          this.listeners[event].push(callback);
+        };
+        this.off = (event, callback) => {
+          event = vanilla.kebabCase(event);
+          if (callback) {
+            this.listeners[event] = this.listeners[event]?.filter((cb) => cb !== callback) ?? [];
+          } else {
+            delete this.listeners[event];
+          }
+        };
+        this.emit = (event, ...args) => {
+          this.listeners[vanilla.kebabCase(event)]?.forEach((callback) => callback(...args));
+        };
+        this.registerEventListenersFromProps = (props) => {
+          const unsubscribers = [];
+          Object.keys(props).filter((key) => key.startsWith("on")).forEach((key) => {
+            const eventName = vanilla.kebabCase(key).replace(/^on-/, "");
+            const callback = props[key];
+            this.on(eventName, callback);
+            unsubscribers.push(() => this.off(eventName, callback));
+          });
+          return () => unsubscribers.forEach((unsub) => unsub());
+        };
+        this.reload = (options = {}) => {
+          let keys = Object.keys(this.response.props);
+          if (options.only) {
+            keys = options.only;
+          }
+          if (options.except) {
+            keys = vanilla.except(keys, options.except);
+          }
+          if (!this.response?.url) {
+            return;
+          }
+          const method = (options.method ?? "get").toLowerCase();
+          const data = options.data ?? {};
+          options.onStart?.();
+          Axios({
+            url: this.response.url,
+            method,
+            data: method === "get" ? {} : data,
+            params: method === "get" ? data : {},
+            headers: {
+              ...options.headers ?? {},
+              Accept: "text/html, application/xhtml+xml",
+              "X-Inertia": "true",
+              "X-Inertia-Partial-Component": this.response.component,
+              "X-Inertia-Version": this.response.version ?? "",
+              "X-Inertia-Partial-Data": keys.join(","),
+              "X-InertiaUI-Modal": generateId(),
+              "X-InertiaUI-Modal-Base-Url": baseUrl ?? ""
+            }
+          }).then((response2) => {
+            this.updateProps(response2.data.props);
+            options.onSuccess?.(response2);
+          }).catch((error) => {
+            options.onError?.(error);
+          }).finally(() => {
+            options.onFinish?.();
+          });
+        };
+        this.updateProps = (props) => {
+          Object.assign(this.props, props);
+          updateStack((prevStack) => prevStack);
+        };
+        this.id = response.id ?? generateId();
+        this.isOpen = false;
+        this.shouldRender = false;
+        this.listeners = {};
+        this.component = component;
+        this.props = response.props ?? {};
+        this.response = response;
+        this.config = config ?? {};
+        this.onCloseCallback = onClose ?? null;
+        this.afterLeaveCallback = afterLeave ?? null;
+        this.index = -1;
+        this.getParentModal = () => null;
+        this.getChildModal = () => null;
+        this.onTopOfStack = true;
+      }
+    }
+    const isValidModalResponse = (data) => {
+      return typeof data === "object" && data !== null && "component" in data && typeof data.component === "string";
+    };
+    const pushFromResponseData = (responseData, config = {}, onClose = null, onAfterLeave = null) => {
+      if (!resolveComponent) {
+        return Promise.reject(new Error("resolveComponent not set"));
+      }
+      if (!isValidModalResponse(responseData)) {
+        return Promise.reject(
+          new Error(
+            "Invalid modal response. This usually happens when the server returns a redirect (e.g., due to session expiration). Check if the user is still authenticated."
+          )
+        );
+      }
+      return resolveComponent(responseData.component).then(
+        (component) => push(component, responseData, config, onClose, onAfterLeave)
+      );
+    };
+    const loadDeferredProps = (modal) => {
+      const deferred = modal.response?.meta?.deferredProps;
+      if (!deferred) {
+        return;
+      }
+      Object.keys(deferred).forEach((key) => {
+        modal.reload({ only: deferred[key] });
+      });
+    };
+    const push = (component, response, config, onClose, afterLeave) => {
+      const newModal = new ModalClass(component, response, config, onClose, afterLeave);
+      newModal.index = stackRef.current.length;
+      updateStack((prevStack) => [...prevStack, newModal]);
+      loadDeferredProps(newModal);
+      newModal.show();
+      return newModal;
+    };
+    function pushLocalModal(name, config, onClose, afterLeave, props) {
+      if (!localModals[name]) {
+        throw new Error(`The local modal "${name}" has not been registered.`);
+      }
+      const responseData = { props: props ?? {} };
+      const modal = push(null, responseData, config, onClose, afterLeave);
+      modal.name = name;
+      localModals[name].callback(modal);
+      return modal;
+    }
+    const visitModal = (url, options = {}) => visit(
+      url,
+      options.method ?? "get",
+      options.data ?? {},
+      options.headers ?? {},
+      options.config ?? {},
+      options.onClose ?? null,
+      options.onAfterLeave ?? null,
+      options.queryStringArrayFormat ?? "brackets",
+      options.navigate ?? getConfig("navigate"),
+      options.onStart ?? null,
+      options.onSuccess ?? null,
+      options.onError ?? null,
+      options.props ?? null
+    ).then((modal) => {
+      const listeners = options.listeners ?? {};
+      Object.keys(listeners).forEach((event) => {
+        const eventName = vanilla.kebabCase(event);
+        modal.on(eventName, listeners[event]);
+      });
+      return modal;
+    });
+    const updateBrowserUrl = (url, useBrowserHistory, modalData) => {
+      if (!url || !useBrowserHistory || typeof window === "undefined") {
+        return;
+      }
+      react.router.push({
+        url,
+        preserveScroll: true,
+        preserveState: true,
+        // Store modal data in page props for history navigation
+        props: modalData ? (currentProps) => ({
+          ...currentProps,
+          _inertiaui_modal: {
+            ...modalData,
+            baseUrl
+          }
+        }) : void 0
+      });
+    };
+    const visit = (href, method, payload = {}, headers = {}, config = {}, onClose = null, onAfterLeave = null, queryStringArrayFormat = "brackets", useBrowserHistory = false, onStart = null, onSuccess = null, onError = null, props = null) => {
+      const modalId = generateId();
+      return new Promise((resolve, reject) => {
+        if (href.startsWith("#")) {
+          resolve(pushLocalModal(href.substring(1), config, onClose, onAfterLeave, props));
+          return;
+        }
+        const [url, data] = core.mergeDataIntoQueryString(method, href || "", payload, queryStringArrayFormat);
+        const cachedResponse = getCachedResponse(url, method, data);
+        if (cachedResponse) {
+          onSuccess?.(cachedResponse);
+          pushFromResponseData(cachedResponse.data, config, onClose, onAfterLeave).then((modal) => {
+            updateBrowserUrl(cachedResponse.data.url, useBrowserHistory, cachedResponse.data);
+            resolve(modal);
+          }).catch(reject);
+          return;
+        }
+        if (stackRef.current.length === 0) {
+          baseUrl = typeof window !== "undefined" ? window.location.href : "";
+        }
+        const requestHeaders = {
+          ...headers,
+          Accept: "text/html, application/xhtml+xml",
+          "X-Requested-With": "XMLHttpRequest",
+          "X-Inertia": "true",
+          "X-Inertia-Version": pageVersion ?? "",
+          "X-InertiaUI-Modal": modalId,
+          "X-InertiaUI-Modal-Base-Url": baseUrl ?? ""
+        };
+        onStart?.();
+        react.progress?.start();
+        Axios({
+          url,
+          method,
+          data,
+          headers: requestHeaders
+        }).then((response) => {
+          onSuccess?.(response);
+          pushFromResponseData(response.data, config, onClose, onAfterLeave).then((modal) => {
+            updateBrowserUrl(response.data.url, useBrowserHistory, response.data);
+            resolve(modal);
+          }).catch(reject);
+        }).catch((...args) => {
+          onError?.(...args);
+          reject(args[0]);
+        }).finally(() => {
+          react.progress?.finish();
+        });
+      });
+    };
+    const registerLocalModal = (name, callback) => {
+      setLocalModals((prevLocalModals) => ({
+        ...prevLocalModals,
+        [name]: { name, callback }
+      }));
+    };
+    const removeLocalModal = (name) => {
+      setLocalModals((prevLocalModals) => {
+        const newLocalModals = { ...prevLocalModals };
+        delete newLocalModals[name];
+        return newLocalModals;
+      });
+    };
+    const value = {
+      get stack() {
+        return stackRef.current;
+      },
+      localModals,
+      push,
+      pushFromResponseData,
+      length: () => stackRef.current.length,
+      closeAll: (force = false) => {
+        if (force) {
+          updateStack(() => []);
+        } else {
+          [...stackRef.current].reverse().forEach((modal) => modal.close());
+        }
+      },
+      reset: () => updateStack(() => []),
+      visit,
+      visitModal,
+      registerLocalModal,
+      removeLocalModal
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(ModalStackContext.Provider, { value, children });
+  };
+  const useModalStack = () => {
+    const context = React.useContext(ModalStackContext);
+    if (context === null) {
+      throw new Error("useModalStack must be used within a ModalStackProvider");
+    }
+    return context;
+  };
+  const modalPropNames = ["closeButton", "closeExplicitly", "closeOnClickOutside", "maxWidth", "paddingClasses", "panelClasses", "position", "slideover"];
+  const initFromPageProps = (pageProps) => {
+    if (pageProps.initialPage) {
+      pageVersion = pageProps.initialPage.version ?? null;
+    }
+    if (pageProps.resolveComponent) {
+      resolveComponent = pageProps.resolveComponent;
+    }
+  };
+  const renderApp = (App, pageProps) => {
+    initFromPageProps(pageProps);
+    const renderInertiaApp = ({ Component, props, key }) => {
+      const renderComponent = () => {
+        const child = React.createElement(Component, { key, ...props });
+        if (typeof Component.layout === "function") {
+          return Component.layout(child);
+        }
+        if (Array.isArray(Component.layout)) {
+          return Component.layout.slice().reverse().reduce(
+            (acc, Layout) => React.createElement(Layout, props, acc),
+            child
+          );
+        }
+        return child;
+      };
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        renderComponent(),
+        /* @__PURE__ */ jsxRuntime.jsx(ModalRoot, {})
+      ] });
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(ModalStackProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(App, { ...pageProps, children: renderInertiaApp }) });
+  };
+  const ModalRoot = ({ children }) => {
+    const context = React.useContext(ModalStackContext);
+    const $page = react.usePage();
+    const pendingModalKeysRef = React.useRef(/* @__PURE__ */ new Set());
+    const getModalKey = (modalData) => modalData.id || `${modalData.component}:${modalData.url}`;
+    const isNavigatingRef = React.useRef(false);
+    const initialModalStillOpenedRef = React.useRef(!!$page.props?._inertiaui_modal);
+    React.useEffect(() => react.router.on("start", () => isNavigatingRef.current = true), []);
+    React.useEffect(() => react.router.on("finish", () => isNavigatingRef.current = false), []);
+    React.useEffect(
+      () => react.router.on("navigate", function($event) {
+        const modalOnBase = $event.detail.page.props._inertiaui_modal;
+        const pageUrl = $event.detail.page.url;
+        if (closingToBaseUrlTarget) {
+          const targetPath = new URL(closingToBaseUrlTarget, "http://x").pathname;
+          const pagePath = new URL(pageUrl, "http://x").pathname;
+          if (targetPath === pagePath) {
+            closingToBaseUrlTarget = null;
+            context?.closeAll(true);
+            baseUrl = null;
+            initialModalStillOpenedRef.current = false;
+            return;
+          }
+          closingToBaseUrlTarget = null;
+        }
+        if (!modalOnBase) {
+          context?.closeAll(true);
+          baseUrl = null;
+          initialModalStillOpenedRef.current = false;
+          return;
+        }
+        if (!vanilla.sameUrlPath(pageUrl, modalOnBase.url)) {
+          context?.closeAll(true);
+          baseUrl = null;
+          initialModalStillOpenedRef.current = false;
+          return;
+        }
+        const modalKey = getModalKey(modalOnBase);
+        if (pendingModalKeysRef.current.has(modalKey)) {
+          return;
+        }
+        if (modalOnBase.id && context?.stack.some((m) => m.id === modalOnBase.id)) {
+          return;
+        }
+        if (context?.stack.some((m) => m.response?.component === modalOnBase.component && vanilla.sameUrlPath(m.response?.url, modalOnBase.url))) {
+          return;
+        }
+        baseUrl = modalOnBase.baseUrl;
+        pendingModalKeysRef.current.add(modalKey);
+        context?.pushFromResponseData(modalOnBase, {}, () => {
+          if (!modalOnBase.baseUrl) {
+            console.error("No base url in modal response data so cannot navigate back");
+            return;
+          }
+          if (!isNavigatingRef.current && typeof window !== "undefined" && window.location.href !== modalOnBase.baseUrl) {
+            react.router.visit(modalOnBase.baseUrl, {
+              preserveScroll: true,
+              preserveState: true
+            });
+          }
+        }).finally(() => {
+          pendingModalKeysRef.current.delete(modalKey);
+        });
+      }),
+      []
+    );
+    const axiosRequestInterceptor = (config) => {
+      const baseUrlValue = baseUrl ?? (initialModalStillOpenedRef.current ? $page.props._inertiaui_modal?.baseUrl : null);
+      if (baseUrlValue) {
+        config.headers["X-InertiaUI-Modal-Base-Url"] = baseUrlValue;
+      }
+      return config;
+    };
+    React.useEffect(() => {
+      const interceptorId = Axios.interceptors.request.use(axiosRequestInterceptor);
+      return () => Axios.interceptors.request.eject(interceptorId);
+    }, []);
+    const previousModalRef = React.useRef(void 0);
+    React.useEffect(() => {
+      const newModal = $page.props?._inertiaui_modal;
+      const previousModal = previousModalRef.current;
+      previousModalRef.current = newModal;
+      if (!newModal) {
+        return;
+      }
+      if (previousModal && newModal.component === previousModal.component && vanilla.sameUrlPath(newModal.url, previousModal.url)) {
+        context?.stack[0]?.updateProps(newModal.props ?? {});
+        return;
+      }
+      if (!previousModal && context && context.stack.length > 0) {
+        const existingModal = context.stack.find(
+          (m) => m.response?.component === newModal.component && vanilla.sameUrlPath(m.response?.url, newModal.url)
+        );
+        if (existingModal) {
+          existingModal.updateProps(newModal.props ?? {});
+        }
+      }
+    }, [$page.props?._inertiaui_modal]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      children,
+      context && context.stack.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ModalRenderer, { index: 0 })
+    ] });
+  };
+  const ModalIndexContext = React.createContext(null);
+  ModalIndexContext.displayName = "ModalIndexContext";
+  const useModalIndex = () => {
+    return React.useContext(ModalIndexContext);
+  };
+  const ModalRenderer = ({ index }) => {
+    const { stack } = useModalStack();
+    const modalContext = React.useMemo(() => {
+      return stack[index];
+    }, [stack, index]);
+    if (!modalContext?.component) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(ModalIndexContext.Provider, { value: index, children: React.createElement(modalContext.component, {
+      ...modalContext.props,
+      onModalEvent: (...args) => modalContext.emit("modal-event", ...args)
+    }) });
+  };
+  function useModal() {
+    return useModalStack().stack[useModalIndex()] ?? null;
+  }
+  const Deferred = ({ children, data, fallback }) => {
+    if (!data) {
+      throw new Error("`<Deferred>` requires a `data` prop to be a string or array of strings");
+    }
+    const [loaded, setLoaded] = React.useState(false);
+    const keys = Array.isArray(data) ? data : [data];
+    const modal = useModal();
+    const modalProps = modal?.props ?? {};
+    React.useEffect(() => {
+      setLoaded(keys.every((key) => modalProps[key] !== void 0));
+    }, [modalProps, keys]);
+    return loaded ? children : fallback;
+  };
+  Deferred.displayName = "InertiaModalDeferred";
+  const HeadlessModal = React.forwardRef(
+    (allProps, ref) => {
+      const { name, children, onFocus, onBlur, onClose, onSuccess, ...props } = allProps;
+      const modalIndex = useModalIndex();
+      const { stack, registerLocalModal, removeLocalModal } = useModalStack();
+      const [localModalContext, setLocalModalContext] = React.useState(null);
+      const modalContext = React.useMemo(
+        () => name ? localModalContext : stack[modalIndex],
+        [name, localModalContext, modalIndex, stack]
+      );
+      const nextIndex = React.useMemo(() => {
+        return stack.find((m) => m.shouldRender && m.index > (modalContext?.index ?? -1))?.index;
+      }, [modalIndex, stack]);
+      const configSlideover = React.useMemo(
+        () => modalContext?.config.slideover ?? props.slideover ?? getConfig("type") === "slideover",
+        [props.slideover, modalContext?.config.slideover]
+      );
+      const config = React.useMemo(
+        () => ({
+          slideover: configSlideover,
+          closeButton: props.closeButton ?? getConfigByType(configSlideover, "closeButton"),
+          closeExplicitly: props.closeExplicitly ?? getConfigByType(configSlideover, "closeExplicitly"),
+          closeOnClickOutside: props.closeOnClickOutside ?? getConfigByType(configSlideover, "closeOnClickOutside"),
+          maxWidth: props.maxWidth ?? getConfigByType(configSlideover, "maxWidth"),
+          paddingClasses: props.paddingClasses ?? getConfigByType(configSlideover, "paddingClasses"),
+          panelClasses: props.panelClasses ?? getConfigByType(configSlideover, "panelClasses"),
+          position: props.position ?? getConfigByType(configSlideover, "position"),
+          ...modalContext?.config
+        }),
+        [props, modalContext?.config, configSlideover]
+      );
+      React.useEffect(() => {
+        if (name) {
+          let removeListeners = null;
+          registerLocalModal(name, (localContext) => {
+            removeListeners = localContext.registerEventListenersFromProps(props);
+            setLocalModalContext(localContext);
+          });
+          return () => {
+            removeListeners?.();
+            removeListeners = null;
+            removeLocalModal(name);
+          };
+        }
+        return modalContext?.registerEventListenersFromProps(props);
+      }, [name]);
+      const modalContextRef = React.useRef(modalContext);
+      React.useEffect(() => {
+        modalContextRef.current = modalContext;
+      }, [modalContext]);
+      const previousIsOpenRef = React.useRef(void 0);
+      React.useEffect(() => {
+        if (modalContext !== null) {
+          if (modalContext.isOpen) {
+            onSuccess?.();
+          } else if (previousIsOpenRef.current === true) {
+            onClose?.();
+          }
+          previousIsOpenRef.current = modalContext.isOpen;
+        }
+      }, [modalContext?.isOpen]);
+      const [rendered, setRendered] = React.useState(false);
+      React.useEffect(() => {
+        if (rendered && modalContext !== null && modalContext.isOpen) {
+          if (modalContext.onTopOfStack) {
+            onFocus?.();
+          } else {
+            onBlur?.();
+          }
+        }
+        setRendered(true);
+      }, [modalContext?.onTopOfStack]);
+      React.useImperativeHandle(
+        ref,
+        () => ({
+          afterLeave: () => modalContextRef.current?.afterLeave(),
+          close: () => modalContextRef.current?.close(),
+          emit: (...args) => modalContextRef.current?.emit(...args),
+          getChildModal: () => modalContextRef.current?.getChildModal(),
+          getParentModal: () => modalContextRef.current?.getParentModal(),
+          reload: (options) => modalContextRef.current?.reload(options),
+          setOpen: (open) => modalContextRef.current?.setOpen(open),
+          get id() {
+            return modalContextRef.current?.id;
+          },
+          get index() {
+            return modalContextRef.current?.index;
+          },
+          get isOpen() {
+            return modalContextRef.current?.isOpen;
+          },
+          get config() {
+            return modalContextRef.current?.config;
+          },
+          get modalContext() {
+            return modalContextRef.current;
+          },
+          get onTopOfStack() {
+            return modalContextRef.current?.onTopOfStack;
+          },
+          get shouldRender() {
+            return modalContextRef.current?.shouldRender;
+          }
+        }),
+        [modalContext]
+      );
+      if (!modalContext?.shouldRender) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        typeof children === "function" ? children({
+          // Spread props first so they can be overridden by built-in props
+          ...modalContext.props,
+          afterLeave: modalContext.afterLeave,
+          close: modalContext.close,
+          config,
+          emit: modalContext.emit,
+          getChildModal: modalContext.getChildModal,
+          getParentModal: modalContext.getParentModal,
+          id: modalContext.id,
+          index: modalContext.index,
+          isOpen: modalContext.isOpen,
+          modalContext,
+          onTopOfStack: modalContext.onTopOfStack,
+          reload: modalContext.reload,
+          setOpen: modalContext.setOpen,
+          shouldRender: modalContext.shouldRender
+        }) : children,
+        nextIndex !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(ModalRenderer, { index: nextIndex })
+      ] });
+    }
+  );
+  HeadlessModal.displayName = "HeadlessModal";
+  function CloseButton({ onClick }) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "im-close-button text-gray-400 hover:text-gray-500",
+        onClick,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              className: "size-6",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              strokeWidth: "2",
+              stroke: "currentColor",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M6 18L18 6M6 6l12 12"
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+  function r(e) {
+    var t, f, n = "";
+    if ("string" == typeof e || "number" == typeof e) n += e;
+    else if ("object" == typeof e) if (Array.isArray(e)) {
+      var o = e.length;
+      for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+    } else for (f in e) e[f] && (n && (n += " "), n += f);
+    return n;
+  }
+  function clsx() {
+    for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+    return n;
+  }
+  const maxWidthClasses = {
+    sm: "sm:max-w-sm",
+    md: "sm:max-w-md",
+    lg: "sm:max-w-md md:max-w-lg",
+    xl: "sm:max-w-md md:max-w-xl",
+    "2xl": "sm:max-w-md md:max-w-xl lg:max-w-2xl",
+    "3xl": "sm:max-w-md md:max-w-xl lg:max-w-3xl",
+    "4xl": "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-4xl",
+    "5xl": "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl",
+    "6xl": "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-6xl",
+    "7xl": "sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-5xl 2xl:max-w-7xl"
+  };
+  const defaultMaxWidth = "2xl";
+  function getMaxWidthClass(maxWidth) {
+    return maxWidthClasses[maxWidth] || maxWidthClasses[defaultMaxWidth];
+  }
+  const ModalContent = ({ modalContext, config, useNativeDialog, isFirstModal, onAfterLeave, children }) => {
+    const [isRendered, setIsRendered] = React.useState(false);
+    const [isVisible, setIsVisible] = React.useState(false);
+    const [entered, setEntered] = React.useState(false);
+    const wrapperRef = React.useRef(null);
+    const dialogRef = React.useRef(null);
+    const nativeWrapperRef = React.useRef(null);
+    const cleanupFocusTrapRef = React.useRef(null);
+    const cleanupEscapeKeyRef = React.useRef(null);
+    const maxWidthClass = React.useMemo(() => getMaxWidthClass(config.maxWidth), [config.maxWidth]);
+    const animateIn = React.useCallback(async (element) => {
+      if (!element) return;
+      setIsVisible(true);
+      await vanilla.animate(element, [
+        { transform: "translate3d(0, 1rem, 0) scale(0.95)", opacity: 0 },
+        { transform: "translate3d(0, 0, 0) scale(1)", opacity: 1 }
+      ]);
+      setEntered(true);
+    }, []);
+    const animateOut = React.useCallback(
+      async (element) => {
+        if (!element) return;
+        setIsVisible(false);
+        await vanilla.animate(element, [
+          { transform: "translate3d(0, 0, 0) scale(1)", opacity: 1 },
+          { transform: "translate3d(0, 1rem, 0) scale(0.95)", opacity: 0 }
+        ]);
+        setIsRendered(false);
+        if (useNativeDialog && dialogRef.current) {
+          dialogRef.current.close();
+        }
+        onAfterLeave?.();
+        modalContext.afterLeave();
+      },
+      [useNativeDialog, onAfterLeave, modalContext]
+    );
+    const setupFocusTrap = React.useCallback(() => {
+      if (useNativeDialog) return;
+      if (!wrapperRef.current || !modalContext.onTopOfStack) return;
+      if (cleanupFocusTrapRef.current) return;
+      cleanupFocusTrapRef.current = vanilla.createFocusTrap(wrapperRef.current, {
+        initialFocus: true,
+        returnFocus: false
+      });
+    }, [modalContext.onTopOfStack, useNativeDialog]);
+    const cleanupFocusTrap = React.useCallback(() => {
+      if (cleanupFocusTrapRef.current) {
+        cleanupFocusTrapRef.current();
+        cleanupFocusTrapRef.current = null;
+      }
+    }, []);
+    const setupEscapeKey = React.useCallback(() => {
+      if (useNativeDialog) return;
+      if (cleanupEscapeKeyRef.current) return;
+      if (config?.closeExplicitly) return;
+      cleanupEscapeKeyRef.current = vanilla.onEscapeKey(() => {
+        if (modalContext.onTopOfStack) {
+          modalContext.close();
+        }
+      });
+    }, [config?.closeExplicitly, modalContext, useNativeDialog]);
+    const cleanupEscapeKey = React.useCallback(() => {
+      if (cleanupEscapeKeyRef.current) {
+        cleanupEscapeKeyRef.current();
+        cleanupEscapeKeyRef.current = null;
+      }
+    }, []);
+    const handleClickOutside = React.useCallback(
+      (event) => {
+        if (useNativeDialog) return;
+        if (!modalContext.onTopOfStack) return;
+        if (config?.closeExplicitly) return;
+        if (config?.closeOnClickOutside === false) return;
+        if (!wrapperRef.current) return;
+        if (!wrapperRef.current.contains(event.target)) {
+          modalContext.close();
+        }
+      },
+      [modalContext, config?.closeExplicitly, config?.closeOnClickOutside, useNativeDialog]
+    );
+    const handleCancel = React.useCallback(
+      (event) => {
+        event.preventDefault();
+        if (modalContext.onTopOfStack && !config?.closeExplicitly) {
+          modalContext.close();
+        }
+      },
+      [modalContext, config?.closeExplicitly]
+    );
+    const handleDialogClick = React.useCallback(
+      (event) => {
+        if (event.target === dialogRef.current) {
+          if (modalContext.onTopOfStack && !config?.closeExplicitly && config?.closeOnClickOutside !== false) {
+            modalContext.close();
+          }
+        }
+      },
+      [modalContext, config?.closeExplicitly, config?.closeOnClickOutside]
+    );
+    const prevIsOpenRef = React.useRef(modalContext.isOpen);
+    React.useEffect(() => {
+      if (useNativeDialog) {
+        if (modalContext.isOpen && !dialogRef.current?.open) {
+          dialogRef.current?.showModal();
+          animateIn(nativeWrapperRef.current);
+        } else if (!modalContext.isOpen && prevIsOpenRef.current) {
+          setEntered(false);
+          animateOut(nativeWrapperRef.current);
+        }
+      } else {
+        if (modalContext.isOpen && !isRendered) {
+          setIsRendered(true);
+        } else if (!modalContext.isOpen && prevIsOpenRef.current) {
+          setEntered(false);
+          animateOut(wrapperRef.current);
+        }
+      }
+      prevIsOpenRef.current = modalContext.isOpen;
+    }, [modalContext.isOpen, useNativeDialog, animateIn, animateOut, isRendered]);
+    React.useEffect(() => {
+      if (!useNativeDialog && isRendered && !entered && modalContext.isOpen) {
+        animateIn(wrapperRef.current).then(() => {
+          setupFocusTrap();
+        });
+      }
+    }, [isRendered, useNativeDialog, entered, modalContext.isOpen, animateIn, setupFocusTrap]);
+    React.useEffect(() => {
+      if (!useNativeDialog) {
+        setupEscapeKey();
+      }
+      return () => {
+        cleanupEscapeKey();
+      };
+    }, [useNativeDialog, setupEscapeKey, cleanupEscapeKey]);
+    React.useEffect(() => {
+      if (useNativeDialog) return;
+      if (modalContext.onTopOfStack) {
+        setupEscapeKey();
+        if (entered) {
+          setupFocusTrap();
+        }
+      } else {
+        cleanupFocusTrap();
+        cleanupEscapeKey();
+      }
+    }, [modalContext.onTopOfStack, entered, setupEscapeKey, setupFocusTrap, cleanupFocusTrap, cleanupEscapeKey, useNativeDialog]);
+    React.useEffect(() => {
+      return () => {
+        const wrapper = useNativeDialog ? nativeWrapperRef.current : wrapperRef.current;
+        if (wrapper) {
+          vanilla.cancelAnimations(wrapper);
+        }
+        if (useNativeDialog) {
+          if (dialogRef.current?.open) {
+            dialogRef.current.close();
+          }
+        } else {
+          cleanupFocusTrap();
+          cleanupEscapeKey();
+        }
+      };
+    }, [useNativeDialog, cleanupFocusTrap, cleanupEscapeKey]);
+    const renderContent = () => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `im-modal-content relative ${config.paddingClasses} ${config.panelClasses}`,
+        "data-inertiaui-modal-entered": entered,
+        children: [
+          config.closeButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 top-0 pr-3 pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: modalContext.close }) }),
+          typeof children === "function" ? children({ modalContext, config }) : children
+        ]
+      }
+    );
+    if (useNativeDialog) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "dialog",
+        {
+          ref: dialogRef,
+          className: clsx(
+            "im-modal-dialog m-0 overflow-visible bg-transparent p-0",
+            "size-full max-h-none max-w-none",
+            "backdrop:bg-black/75 backdrop:transition-opacity backdrop:duration-300",
+            isVisible ? "backdrop:opacity-100" : "backdrop:opacity-0",
+            !isFirstModal && "backdrop:bg-transparent"
+          ),
+          onCancel: handleCancel,
+          onClick: handleDialogClick,
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "im-modal-container fixed inset-0 overflow-y-auto p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: clsx("im-modal-positioner flex min-h-full justify-center", {
+                "items-start": config.position === "top",
+                "items-center": config.position === "center",
+                "items-end": config.position === "bottom"
+              }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  ref: nativeWrapperRef,
+                  className: clsx("im-modal-wrapper w-full transition-[filter] duration-300", modalContext.onTopOfStack ? "" : "blur-xs", maxWidthClass),
+                  children: renderContent()
+                }
+              )
+            }
+          ) })
+        }
+      );
+    }
+    if (!isRendered) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "im-modal-container fixed inset-0 z-40 overflow-y-auto p-4",
+        onMouseDown: handleClickOutside,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: clsx("im-modal-positioner flex min-h-full justify-center", {
+              "items-start": config.position === "top",
+              "items-center": config.position === "center",
+              "items-end": config.position === "bottom"
+            }),
+            onMouseDown: handleClickOutside,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                ref: wrapperRef,
+                role: "dialog",
+                "aria-modal": "true",
+                className: clsx("im-modal-wrapper w-full transition-[filter] duration-300", modalContext.onTopOfStack ? "" : "blur-xs", maxWidthClass),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Dialog" }),
+                  renderContent()
+                ]
+              }
+            )
+          }
+        )
+      }
+    );
+  };
+  const SlideoverContent = ({ modalContext, config, useNativeDialog, isFirstModal, onAfterLeave, children }) => {
+    const [isRendered, setIsRendered] = React.useState(false);
+    const [isVisible, setIsVisible] = React.useState(false);
+    const [entered, setEntered] = React.useState(false);
+    const wrapperRef = React.useRef(null);
+    const dialogRef = React.useRef(null);
+    const nativeWrapperRef = React.useRef(null);
+    const cleanupFocusTrapRef = React.useRef(null);
+    const cleanupEscapeKeyRef = React.useRef(null);
+    const isLeft = config.position === "left";
+    const maxWidthClass = React.useMemo(() => getMaxWidthClass(config.maxWidth), [config.maxWidth]);
+    const getTranslateX = React.useCallback(() => isLeft ? "-100%" : "100%", [isLeft]);
+    const animateIn = React.useCallback(
+      async (element) => {
+        if (!element) return;
+        setIsVisible(true);
+        const translateX = getTranslateX();
+        await vanilla.animate(element, [
+          { transform: `translate3d(${translateX}, 0, 0)`, opacity: 0 },
+          { transform: "translate3d(0, 0, 0)", opacity: 1 }
+        ]);
+        setEntered(true);
+      },
+      [getTranslateX]
+    );
+    const animateOut = React.useCallback(
+      async (element) => {
+        if (!element) return;
+        setIsVisible(false);
+        const translateX = getTranslateX();
+        await vanilla.animate(element, [
+          { transform: "translate3d(0, 0, 0)", opacity: 1 },
+          { transform: `translate3d(${translateX}, 0, 0)`, opacity: 0 }
+        ]);
+        setIsRendered(false);
+        if (useNativeDialog && dialogRef.current) {
+          dialogRef.current.close();
+        }
+        onAfterLeave?.();
+        modalContext.afterLeave();
+      },
+      [getTranslateX, useNativeDialog, onAfterLeave, modalContext]
+    );
+    const setupFocusTrap = React.useCallback(() => {
+      if (useNativeDialog) return;
+      if (!wrapperRef.current || !modalContext.onTopOfStack) return;
+      if (cleanupFocusTrapRef.current) return;
+      cleanupFocusTrapRef.current = vanilla.createFocusTrap(wrapperRef.current, {
+        initialFocus: true,
+        returnFocus: false
+      });
+    }, [modalContext.onTopOfStack, useNativeDialog]);
+    const cleanupFocusTrap = React.useCallback(() => {
+      if (cleanupFocusTrapRef.current) {
+        cleanupFocusTrapRef.current();
+        cleanupFocusTrapRef.current = null;
+      }
+    }, []);
+    const setupEscapeKey = React.useCallback(() => {
+      if (useNativeDialog) return;
+      if (cleanupEscapeKeyRef.current) return;
+      if (config?.closeExplicitly) return;
+      cleanupEscapeKeyRef.current = vanilla.onEscapeKey(() => {
+        if (modalContext.onTopOfStack) {
+          modalContext.close();
+        }
+      });
+    }, [config?.closeExplicitly, modalContext, useNativeDialog]);
+    const cleanupEscapeKey = React.useCallback(() => {
+      if (cleanupEscapeKeyRef.current) {
+        cleanupEscapeKeyRef.current();
+        cleanupEscapeKeyRef.current = null;
+      }
+    }, []);
+    const handleClickOutside = React.useCallback(
+      (event) => {
+        if (useNativeDialog) return;
+        if (!modalContext.onTopOfStack) return;
+        if (config?.closeExplicitly) return;
+        if (config?.closeOnClickOutside === false) return;
+        if (!wrapperRef.current) return;
+        if (!wrapperRef.current.contains(event.target)) {
+          modalContext.close();
+        }
+      },
+      [modalContext, config?.closeExplicitly, config?.closeOnClickOutside, useNativeDialog]
+    );
+    const handleCancel = React.useCallback(
+      (event) => {
+        event.preventDefault();
+        if (modalContext.onTopOfStack && !config?.closeExplicitly) {
+          modalContext.close();
+        }
+      },
+      [modalContext, config?.closeExplicitly]
+    );
+    const handleDialogClick = React.useCallback(
+      (event) => {
+        if (event.target === dialogRef.current) {
+          if (modalContext.onTopOfStack && !config?.closeExplicitly && config?.closeOnClickOutside !== false) {
+            modalContext.close();
+          }
+        }
+      },
+      [modalContext, config?.closeExplicitly, config?.closeOnClickOutside]
+    );
+    const prevIsOpenRef = React.useRef(modalContext.isOpen);
+    React.useEffect(() => {
+      if (useNativeDialog) {
+        if (modalContext.isOpen && !dialogRef.current?.open) {
+          dialogRef.current?.showModal();
+          animateIn(nativeWrapperRef.current);
+        } else if (!modalContext.isOpen && prevIsOpenRef.current) {
+          setEntered(false);
+          animateOut(nativeWrapperRef.current);
+        }
+      } else {
+        if (modalContext.isOpen && !isRendered) {
+          setIsRendered(true);
+        } else if (!modalContext.isOpen && prevIsOpenRef.current) {
+          setEntered(false);
+          animateOut(wrapperRef.current);
+        }
+      }
+      prevIsOpenRef.current = modalContext.isOpen;
+    }, [modalContext.isOpen, useNativeDialog, animateIn, animateOut, isRendered]);
+    React.useEffect(() => {
+      if (!useNativeDialog && isRendered && !entered && modalContext.isOpen) {
+        animateIn(wrapperRef.current).then(() => {
+          setupFocusTrap();
+        });
+      }
+    }, [isRendered, useNativeDialog, entered, modalContext.isOpen, animateIn, setupFocusTrap]);
+    React.useEffect(() => {
+      if (!useNativeDialog) {
+        setupEscapeKey();
+      }
+      return () => {
+        cleanupEscapeKey();
+      };
+    }, [useNativeDialog, setupEscapeKey, cleanupEscapeKey]);
+    React.useEffect(() => {
+      if (useNativeDialog) return;
+      if (modalContext.onTopOfStack) {
+        setupEscapeKey();
+        if (entered) {
+          setupFocusTrap();
+        }
+      } else {
+        cleanupFocusTrap();
+        cleanupEscapeKey();
+      }
+    }, [modalContext.onTopOfStack, entered, setupEscapeKey, setupFocusTrap, cleanupFocusTrap, cleanupEscapeKey, useNativeDialog]);
+    React.useEffect(() => {
+      return () => {
+        const wrapper = useNativeDialog ? nativeWrapperRef.current : wrapperRef.current;
+        if (wrapper) {
+          vanilla.cancelAnimations(wrapper);
+        }
+        if (useNativeDialog) {
+          if (dialogRef.current?.open) {
+            dialogRef.current.close();
+          }
+        } else {
+          cleanupFocusTrap();
+          cleanupEscapeKey();
+        }
+      };
+    }, [useNativeDialog, cleanupFocusTrap, cleanupEscapeKey]);
+    const renderContent = () => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `im-slideover-content relative ${config.paddingClasses} ${config.panelClasses}`,
+        "data-inertiaui-modal-entered": entered,
+        children: [
+          config.closeButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 top-0 pr-3 pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: modalContext.close }) }),
+          typeof children === "function" ? children({ modalContext, config }) : children
+        ]
+      }
+    );
+    if (useNativeDialog) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "dialog",
+        {
+          ref: dialogRef,
+          className: clsx(
+            "im-slideover-dialog m-0 overflow-visible bg-transparent p-0",
+            "size-full max-h-none max-w-none",
+            "backdrop:bg-black/75 backdrop:transition-opacity backdrop:duration-300",
+            isVisible ? "backdrop:opacity-100" : "backdrop:opacity-0",
+            !isFirstModal && "backdrop:bg-transparent"
+          ),
+          onCancel: handleCancel,
+          onClick: handleDialogClick,
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "im-slideover-container fixed inset-0 overflow-y-auto overflow-x-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: clsx("im-slideover-positioner flex min-h-full items-center", {
+                "justify-start rtl:justify-end": config?.position === "left",
+                "justify-end rtl:justify-start": config?.position === "right"
+              }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  ref: nativeWrapperRef,
+                  className: clsx("im-slideover-wrapper w-full transition-[filter] duration-300", modalContext.onTopOfStack ? "" : "blur-xs", maxWidthClass),
+                  children: renderContent()
+                }
+              )
+            }
+          ) })
+        }
+      );
+    }
+    if (!isRendered) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "im-slideover-container fixed inset-0 z-40 overflow-y-auto overflow-x-hidden",
+        onMouseDown: handleClickOutside,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: clsx("im-slideover-positioner flex min-h-full items-center", {
+              "justify-start rtl:justify-end": config?.position === "left",
+              "justify-end rtl:justify-start": config?.position === "right"
+            }),
+            onMouseDown: handleClickOutside,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                ref: wrapperRef,
+                role: "dialog",
+                "aria-modal": "true",
+                className: clsx("im-slideover-wrapper w-full transition-[filter] duration-300", modalContext.onTopOfStack ? "" : "blur-xs", maxWidthClass),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Dialog" }),
+                  renderContent()
+                ]
+              }
+            )
+          }
+        )
+      }
+    );
+  };
+  const Modal = React.forwardRef(
+    (allProps, ref) => {
+      const { name, children, onFocus, onBlur, onClose, onSuccess, onAfterLeave, ...props } = allProps;
+      const renderChildren = (contentProps) => {
+        if (typeof children === "function") {
+          return children(contentProps);
+        }
+        return children;
+      };
+      const headlessModalRef = React.useRef(null);
+      const cleanupScrollLockRef = React.useRef(null);
+      const cleanupAriaHiddenRef = React.useRef(null);
+      const [rendered, setRendered] = React.useState(false);
+      const useNativeDialog = React.useMemo(() => getConfig("useNativeDialog"), []);
+      React.useImperativeHandle(ref, () => headlessModalRef.current, [headlessModalRef]);
+      React.useEffect(() => {
+        return () => {
+          cleanupScrollLockRef.current?.();
+          cleanupAriaHiddenRef.current?.();
+        };
+      }, []);
+      const handleSuccess = React.useCallback(() => {
+        onSuccess?.();
+        if (!cleanupScrollLockRef.current) {
+          cleanupScrollLockRef.current = vanilla.lockScroll();
+          cleanupAriaHiddenRef.current = vanilla.markAriaHidden(getConfig("appElement"));
+        }
+      }, [onSuccess]);
+      const handleClose = React.useCallback(() => {
+        onClose?.();
+        cleanupScrollLockRef.current?.();
+        cleanupAriaHiddenRef.current?.();
+        cleanupScrollLockRef.current = null;
+        cleanupAriaHiddenRef.current = null;
+      }, [onClose]);
+      const handleAfterLeave = React.useCallback(() => {
+        onAfterLeave?.();
+      }, [onAfterLeave]);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        HeadlessModal,
+        {
+          ref: headlessModalRef,
+          name,
+          onFocus: onFocus ?? void 0,
+          onBlur: onBlur ?? void 0,
+          onClose: handleClose,
+          onSuccess: handleSuccess,
+          ...props,
+          children: ({
+            afterLeave,
+            close,
+            config,
+            emit,
+            getChildModal,
+            getParentModal,
+            id,
+            index,
+            isOpen,
+            modalContext,
+            onTopOfStack,
+            reload,
+            setOpen,
+            shouldRender,
+            ...extraProps
+          }) => /* @__PURE__ */ jsxRuntime.jsx(ModalPortal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "im-dialog relative z-20",
+              "data-inertiaui-modal-id": id,
+              "data-inertiaui-modal-index": index,
+              "aria-hidden": !onTopOfStack,
+              children: [
+                index === 0 && !useNativeDialog && /* @__PURE__ */ jsxRuntime.jsx(
+                  BackdropTransition,
+                  {
+                    show: isOpen,
+                    appear: !rendered,
+                    onAfterAppear: () => setRendered(true)
+                  }
+                ),
+                config.slideover ? /* @__PURE__ */ jsxRuntime.jsx(
+                  SlideoverContent,
+                  {
+                    modalContext,
+                    config,
+                    useNativeDialog,
+                    isFirstModal: index === 0,
+                    onAfterLeave: handleAfterLeave,
+                    children: renderChildren({
+                      ...extraProps,
+                      afterLeave,
+                      close,
+                      config,
+                      emit,
+                      getChildModal,
+                      getParentModal,
+                      id,
+                      index,
+                      isOpen,
+                      modalContext,
+                      onTopOfStack,
+                      reload,
+                      setOpen,
+                      shouldRender
+                    })
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx(
+                  ModalContent,
+                  {
+                    modalContext,
+                    config,
+                    useNativeDialog,
+                    isFirstModal: index === 0,
+                    onAfterLeave: handleAfterLeave,
+                    children: renderChildren({
+                      ...extraProps,
+                      afterLeave,
+                      close,
+                      config,
+                      emit,
+                      getChildModal,
+                      getParentModal,
+                      id,
+                      index,
+                      isOpen,
+                      modalContext,
+                      onTopOfStack,
+                      reload,
+                      setOpen,
+                      shouldRender
+                    })
+                  }
+                )
+              ]
+            }
+          ) })
+        }
+      );
+    }
+  );
+  function ModalPortal({ children }) {
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+      setMounted(true);
+    }, []);
+    if (!mounted) return null;
+    return reactDom.createPortal(children, document.body);
+  }
+  function BackdropTransition({ show, appear, onAfterAppear }) {
+    const [state, setState] = React.useState(() => {
+      if (appear && show) return "entering";
+      return show ? "entered" : "exited";
+    });
+    const initialRender = React.useRef(true);
+    const backdropRef = React.useRef(null);
+    React.useEffect(() => {
+      if (initialRender.current) {
+        initialRender.current = false;
+        if (appear && show) {
+          requestAnimationFrame(() => {
+            setState("entered");
+            const backdrop = backdropRef.current;
+            if (backdrop) {
+              const onTransitionEnd = (e) => {
+                if (e.target !== backdrop) return;
+                backdrop.removeEventListener("transitionend", onTransitionEnd);
+                onAfterAppear?.();
+              };
+              backdrop.addEventListener("transitionend", onTransitionEnd);
+            }
+          });
+        }
+        return;
+      }
+      if (show) {
+        setState("entering");
+        requestAnimationFrame(() => {
+          setState("entered");
+        });
+      } else {
+        setState("leaving");
+        const backdrop = backdropRef.current;
+        if (backdrop) {
+          const onTransitionEnd = (e) => {
+            if (e.target !== backdrop) return;
+            backdrop.removeEventListener("transitionend", onTransitionEnd);
+            setState("exited");
+          };
+          backdrop.addEventListener("transitionend", onTransitionEnd);
+        }
+      }
+    }, [show, appear, onAfterAppear]);
+    if (state === "exited") return null;
+    const isVisible = state === "entered";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: backdropRef,
+        className: `im-backdrop fixed inset-0 z-30 bg-black/75 transition-opacity duration-300 ease-in-out ${isVisible ? "opacity-100" : "opacity-0"}`,
+        "aria-hidden": "true"
+      }
+    );
+  }
+  Modal.displayName = "Modal";
+  const ModalLink = ({
+    href,
+    method = "get",
+    data = {},
+    as: Component = "a",
+    headers = {},
+    queryStringArrayFormat = "brackets",
+    onAfterLeave,
+    onBlur,
+    onClose,
+    onError,
+    onFocus,
+    onStart,
+    onSuccess,
+    onPrefetching,
+    onPrefetched,
+    navigate,
+    prefetch: prefetch$1 = false,
+    cacheFor = 3e4,
+    children,
+    ...props
+  }) => {
+    const [loading, setLoading] = React.useState(false);
+    const [modalContext, setModalContext] = React.useState(null);
+    const { stack, visit } = useModalStack();
+    const hoverTimeout = React.useRef(null);
+    const shouldNavigate = React.useMemo(() => {
+      return navigate ?? getConfig("navigate");
+    }, [navigate]);
+    const prefetchModes = React.useMemo(() => {
+      if (prefetch$1 === true) {
+        return ["hover"];
+      }
+      if (prefetch$1 === false) {
+        return [];
+      }
+      if (Array.isArray(prefetch$1)) {
+        return prefetch$1;
+      }
+      return [prefetch$1];
+    }, [prefetch$1]);
+    const doPrefetch = React.useCallback(() => {
+      prefetch(href, {
+        method,
+        data,
+        headers,
+        queryStringArrayFormat,
+        cacheFor,
+        onPrefetching: onPrefetching ?? void 0,
+        onPrefetched: onPrefetched ?? void 0
+      });
+    }, [href, method, data, headers, queryStringArrayFormat, cacheFor, onPrefetching, onPrefetched]);
+    const handleMouseEnter = React.useCallback(() => {
+      if (!prefetchModes.includes("hover")) return;
+      hoverTimeout.current = setTimeout(() => {
+        doPrefetch();
+      }, 75);
+    }, [prefetchModes, doPrefetch]);
+    const handleMouseLeave = React.useCallback(() => {
+      if (hoverTimeout.current) {
+        clearTimeout(hoverTimeout.current);
+        hoverTimeout.current = null;
+      }
+    }, []);
+    const handleMouseDown = React.useCallback(
+      (event) => {
+        if (!prefetchModes.includes("click")) return;
+        if (event.button !== 0) return;
+        doPrefetch();
+      },
+      [prefetchModes, doPrefetch]
+    );
+    React.useEffect(() => {
+      if (prefetchModes.includes("mount")) {
+        doPrefetch();
+      }
+    }, []);
+    React.useEffect(() => {
+      return () => {
+        if (hoverTimeout.current) {
+          clearTimeout(hoverTimeout.current);
+        }
+      };
+    }, []);
+    const standardProps = {};
+    const customEvents = {};
+    Object.keys(props).forEach((key) => {
+      if (modalPropNames.includes(key)) {
+        return;
+      }
+      if (key.startsWith("on") && typeof props[key] === "function") {
+        if (vanilla.isStandardDomEvent(key)) {
+          standardProps[key] = props[key];
+        } else {
+          customEvents[key] = props[key];
+        }
+      } else {
+        standardProps[key] = props[key];
+      }
+    });
+    const [isBlurred, setIsBlurred] = React.useState(false);
+    React.useEffect(() => {
+      if (!modalContext) {
+        return;
+      }
+      if (modalContext.onTopOfStack && isBlurred) {
+        onFocus?.();
+      } else if (!modalContext.onTopOfStack && !isBlurred) {
+        onBlur?.();
+      }
+      setIsBlurred(!modalContext.onTopOfStack);
+    }, [stack]);
+    const onCloseCallback = React.useCallback(() => {
+      onClose?.();
+    }, [onClose]);
+    const onAfterLeaveCallback = React.useCallback(() => {
+      setModalContext(null);
+      onAfterLeave?.();
+    }, [onAfterLeave]);
+    const handle = React.useCallback(
+      (e) => {
+        e?.preventDefault();
+        if (loading) return;
+        if (!href.startsWith("#")) {
+          setLoading(true);
+          onStart?.();
+        }
+        visit(
+          href,
+          method,
+          data,
+          headers,
+          vanilla.rejectNullValues(vanilla.only(props, modalPropNames)),
+          () => onCloseCallback(),
+          onAfterLeaveCallback,
+          queryStringArrayFormat,
+          shouldNavigate
+        ).then((newModalContext) => {
+          setModalContext(newModalContext);
+          newModalContext.registerEventListenersFromProps(customEvents);
+          onSuccess?.();
+        }).catch((error) => {
+          console.error(error);
+          onError?.(error);
+        }).finally(() => setLoading(false));
+      },
+      [href, method, data, headers, queryStringArrayFormat, props, onCloseCallback, onAfterLeaveCallback]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        ...standardProps,
+        href,
+        onClick: handle,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onMouseDown: handleMouseDown,
+        children: typeof children === "function" ? children({ loading }) : children
+      }
+    );
+  };
+  const WhenVisible = ({ children, data, params, buffer, as, always, fallback }) => {
+    always = always ?? false;
+    as = as ?? "div";
+    fallback = fallback ?? null;
+    const [loaded, setLoaded] = React.useState(false);
+    const hasFetched = React.useRef(false);
+    const fetching = React.useRef(false);
+    const ref = React.useRef(null);
+    const modal = useModal();
+    const getReloadParams = React.useCallback(() => {
+      if (data) {
+        return {
+          only: Array.isArray(data) ? data : [data]
+        };
+      }
+      if (!params) {
+        throw new Error("You must provide either a `data` or `params` prop.");
+      }
+      return params;
+    }, [params, data]);
+    React.useEffect(() => {
+      if (!ref.current) {
+        return;
+      }
+      const observer = new IntersectionObserver(
+        (entries) => {
+          if (!entries[0].isIntersecting) {
+            return;
+          }
+          if (!always && hasFetched.current) {
+            observer.disconnect();
+          }
+          if (fetching.current) {
+            return;
+          }
+          hasFetched.current = true;
+          fetching.current = true;
+          const reloadParams = getReloadParams();
+          modal?.reload({
+            ...reloadParams,
+            onStart: () => {
+              fetching.current = true;
+              reloadParams.onStart?.();
+            },
+            onFinish: () => {
+              setLoaded(true);
+              fetching.current = false;
+              reloadParams.onFinish?.();
+              if (!always) {
+                observer.disconnect();
+              }
+            }
+          });
+        },
+        {
+          rootMargin: `${buffer || 0}px`
+        }
+      );
+      observer.observe(ref.current);
+      return () => {
+        observer.disconnect();
+      };
+    }, [ref, getReloadParams, buffer]);
+    if (always || !loaded) {
+      return React.createElement(
+        as,
+        {
+          props: null,
+          ref
+        },
+        loaded ? children : fallback
+      );
+    }
+    return loaded ? children : null;
+  };
+  WhenVisible.displayName = "InertiaWhenVisible";
+  const setPageLayout = (layout) => (module2) => {
+    module2.default.layout = (page) => React.createElement(layout, { children: page });
+    return module2;
+  };
+  exports2.dialogUtils = vanilla__namespace;
+  exports2.Deferred = Deferred;
+  exports2.HeadlessModal = HeadlessModal;
+  exports2.Modal = Modal;
+  exports2.ModalLink = ModalLink;
+  exports2.ModalRoot = ModalRoot;
+  exports2.ModalStackProvider = ModalStackProvider;
+  exports2.WhenVisible = WhenVisible;
+  exports2.getConfig = getConfig;
+  exports2.initFromPageProps = initFromPageProps;
+  exports2.modalPropNames = modalPropNames;
+  exports2.prefetch = prefetch;
+  exports2.putConfig = putConfig;
+  exports2.renderApp = renderApp;
+  exports2.resetConfig = resetConfig;
+  exports2.setPageLayout = setPageLayout;
+  exports2.useModal = useModal;
+  exports2.useModalIndex = useModalIndex;
+  exports2.useModalStack = useModalStack;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+}));
+//# sourceMappingURL=inertiaui-modal.umd.cjs.map