@inertiajs/react 2.0.13 → 2.0.15

package/dist/index.js

@@ -1,2 +1,935 @@
-var $e=Object.create;var te=Object.defineProperty;var We=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var qe=Object.getPrototypeOf,Je=Object.prototype.hasOwnProperty;var ze=(t,r)=>{for(var o in r)te(t,o,{get:r[o],enumerable:!0})},be=(t,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of _e(r))!Je.call(t,n)&&n!==o&&te(t,n,{get:()=>r[n],enumerable:!(a=We(r,n))||a.enumerable});return t};var Qe=(t,r,o)=>(o=t!=null?$e(qe(t)):{},be(r||!t||!t.__esModule?te(o,"default",{value:t,enumerable:!0}):o,t)),Ye=t=>be(te({},"__esModule",{value:!0}),t);var Ze={};ze(Ze,{Deferred:()=>Me,Head:()=>Le,Link:()=>Ke,WhenVisible:()=>Ne,createInertiaApp:()=>ge,router:()=>Pe,useForm:()=>Fe,usePage:()=>Y,usePoll:()=>Se,usePrefetch:()=>Te,useRemember:()=>U});module.exports=Ye(Ze);var je=require("@inertiajs/core");var oe=require("@inertiajs/core"),Ee=require("react");var Q=require("@inertiajs/core"),C=require("react");var Ce=require("react"),De=(0,Ce.createContext)(void 0);De.displayName="InertiaHeadContext";var J=De;var Re=require("react"),xe=(0,Re.createContext)(void 0);xe.displayName="InertiaPageContext";var z=xe;var me=!0,Ie=!1,Ae=async()=>{me=!1};function re({children:t,initialPage:r,initialComponent:o,resolveComponent:a,titleCallback:n,onHeadUpdate:m}){let[d,g]=(0,C.useState)({component:o||null,page:r,key:null}),c=(0,C.useMemo)(()=>(0,Q.createHeadManager)(typeof window>"u",n||(l=>l),m||(()=>{})),[]);if(Ie||(Q.router.init({initialPage:r,resolveComponent:a,swapComponent:async l=>Ae(l)}),Ie=!0),(0,C.useEffect)(()=>{Ae=async({component:l,page:e,preserveState:f})=>{if(me){me=!1;return}g(s=>({component:l,page:e,key:f?s.key:Date.now()}))},Q.router.on("navigate",()=>c.forceUpdate())},[]),!d.component)return(0,C.createElement)(J.Provider,{value:c},(0,C.createElement)(z.Provider,{value:d.page},null));let P=t||(({Component:l,props:e,key:f})=>{let s=(0,C.createElement)(l,{key:f,...e});return typeof l.layout=="function"?l.layout(s):Array.isArray(l.layout)?l.layout.concat(s).reverse().reduce((F,S)=>(0,C.createElement)(S,{children:F,...e})):s});return(0,C.createElement)(J.Provider,{value:c},(0,C.createElement)(z.Provider,{value:d.page},P({Component:d.component,key:d.key,props:d.page.props})))}re.displayName="Inertia";async function ge({id:t="app",resolve:r,setup:o,title:a,progress:n={},page:m,render:d}){let g=typeof window>"u",c=g?null:document.getElementById(t),P=m||JSON.parse(c.dataset.page),l=s=>Promise.resolve(r(s)).then(F=>F.default||F),e=[],f=await Promise.all([l(P.component),oe.router.decryptHistory().catch(()=>{})]).then(([s])=>o({el:c,App:re,props:{initialPage:P,initialComponent:s,resolveComponent:l,titleCallback:a,onHeadUpdate:g?F=>e=F:null}}));if(!g&&n&&(0,oe.setupProgress)(n),g){let s=await d((0,Ee.createElement)("div",{id:t,"data-page":JSON.stringify(P)},f));return{head:e,body:s}}}var H=require("react");var ke=require("react");function Y(){let t=(0,ke.useContext)(z);if(!t)throw new Error("usePage must be used within the Inertia component");return t}var we=t=>(t=new URL(t.href),t.hash="",t),Ge=(t,r)=>we(t).href===we(r).href,Oe=({children:t,data:r,fallback:o})=>{if(!r)throw new Error("`<Deferred>` requires a `data` prop to be a string or array of strings");let[a,n]=(0,H.useState)(!1),m=Y().props,d=(0,H.useMemo)(()=>Array.isArray(r)?r:[r],[r]);return(0,H.useEffect)(()=>{let g=Pe.on("start",c=>{let P=c.detail.visit.only.length>0||c.detail.visit.except.length>0,l=c.detail.visit.only.find(e=>d.includes(e));Ge(c.detail.visit.url,window.location)&&(!P||l)&&n(!1)});return()=>{g()}},[]),(0,H.useEffect)(()=>{n(d.every(g=>m[g]!==void 0))},[m,d]),a?t:o};Oe.displayName="InertiaDeferred";var Me=Oe;var E=Qe(require("react"),1);var Xe=function({children:t,title:r}){let o=(0,E.useContext)(J),a=(0,E.useMemo)(()=>o.createProvider(),[o]);(0,E.useEffect)(()=>(a.reconnect(),a.update(l(t)),()=>{a.disconnect()}),[a,t,r]);function n(e){return["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"].indexOf(e.type)>-1}function m(e){let f=Object.keys(e.props).reduce((s,F)=>{if(["head-key","children","dangerouslySetInnerHTML"].includes(F))return s;let S=e.props[F];return S===""?s+` ${F}`:s+` ${F}="${S}"`},"");return`<${e.type}${f}>`}function d(e){return typeof e.props.children=="string"?e.props.children:e.props.children.reduce((f,s)=>f+g(s),"")}function g(e){let f=m(e);return e.props.children&&(f+=d(e)),e.props.dangerouslySetInnerHTML&&(f+=e.props.dangerouslySetInnerHTML.__html),n(e)||(f+=`</${e.type}>`),f}function c(e){return E.default.cloneElement(e,{inertia:e.props["head-key"]!==void 0?e.props["head-key"]:""})}function P(e){return g(c(e))}function l(e){let f=E.default.Children.toArray(e).filter(s=>s).map(s=>P(s));return r&&!f.find(s=>s.startsWith("<title"))&&f.push(`<title inertia>${r}</title>`),f}return null},Le=Xe;var x=require("@inertiajs/core"),v=require("react"),k=()=>{},He=(0,v.forwardRef)(({children:t,as:r="a",data:o={},href:a,method:n="get",preserveScroll:m=!1,preserveState:d=null,replace:g=!1,only:c=[],except:P=[],headers:l={},queryStringArrayFormat:e="brackets",async:f=!1,onClick:s=k,onCancelToken:F=k,onBefore:S=k,onStart:M=k,onProgress:L=k,onFinish:ae=k,onCancel:G=k,onSuccess:ie=k,onError:$=k,prefetch:b=!1,cacheFor:B=0,...I},pe)=>{let[X,W]=(0,v.useState)(0),_=(0,v.useRef)(null);r=r.toLowerCase(),n=typeof a=="object"?a.method:n.toLowerCase();let[ue,ce]=(0,x.mergeDataIntoQueryString)(n,typeof a=="object"?a.url:a||"",o,e),V=ue;o=ce;let w={data:o,method:n,preserveScroll:m,preserveState:d??n!=="get",replace:g,only:c,except:P,headers:l,async:f},Z={...w,onCancelToken:F,onBefore:S,onStart(u){W(y=>y+1),M(u)},onProgress:L,onFinish(u){W(y=>y-1),ae(u)},onCancel:G,onSuccess:ie,onError:$},q=()=>{x.router.prefetch(V,w,{cacheFor:le})},A=(0,v.useMemo)(()=>b===!0?["hover"]:b===!1?[]:Array.isArray(b)?b:[b],Array.isArray(b)?b:[b]),le=(0,v.useMemo)(()=>B!==0?B:A.length===1&&A[0]==="click"?0:3e4,[B,A]);(0,v.useEffect)(()=>()=>{clearTimeout(_.current)},[]),(0,v.useEffect)(()=>{A.includes("mount")&&setTimeout(()=>q())},A);let ee={onClick:u=>{s(u),(0,x.shouldIntercept)(u)&&(u.preventDefault(),x.router.visit(V,Z))}},de={onMouseEnter:()=>{_.current=window.setTimeout(()=>{q()},75)},onMouseLeave:()=>{clearTimeout(_.current)},onClick:ee.onClick},fe={onMouseDown:u=>{(0,x.shouldIntercept)(u)&&(u.preventDefault(),q())},onMouseUp:u=>{u.preventDefault(),x.router.visit(V,Z)},onClick:u=>{s(u),(0,x.shouldIntercept)(u)&&u.preventDefault()}};return n!=="get"&&(r="button"),(0,v.createElement)(r,{...I,...{a:{href:V},button:{type:"button"}}[r]||{},ref:pe,...A.includes("hover")?de:A.includes("click")?fe:ee,"data-loading":X>0?"":void 0},t)});He.displayName="InertiaLink";var Ke=He;var he=require("@inertiajs/core"),K=require("es-toolkit"),O=require("es-toolkit/compat"),p=require("react");var ye=require("@inertiajs/core"),ne=require("react");function U(t,r){let[o,a]=(0,ne.useState)(()=>{let n=ye.router.restore(r);return n!==void 0?n:t});return(0,ne.useEffect)(()=>{ye.router.remember(o,r)},[o,r]),[o,a]}function Fe(t,r){let o=(0,p.useRef)(null),a=typeof t=="string"?t:null,[n,m]=(0,p.useState)((typeof t=="string"?r:t)||{}),d=(0,p.useRef)(null),g=(0,p.useRef)(null),[c,P]=a?U(n,`${a}:data`):(0,p.useState)(n),[l,e]=a?U({},`${a}:errors`):(0,p.useState)({}),[f,s]=(0,p.useState)(!1),[F,S]=(0,p.useState)(!1),[M,L]=(0,p.useState)(null),[ae,G]=(0,p.useState)(!1),[ie,$]=(0,p.useState)(!1),b=(0,p.useRef)(i=>i),B=(0,p.useMemo)(()=>!(0,K.isEqual)(c,n),[c,n]);(0,p.useEffect)(()=>(o.current=!0,()=>{o.current=!1}),[]);let I=(0,p.useCallback)((...i)=>{let u=typeof i[0]=="object",y=u?i[0].method:i[0],R=u?i[0].url:i[1],h=(u?i[1]:i[2])??{},ve={...h,onCancelToken:T=>{if(d.current=T,h.onCancelToken)return h.onCancelToken(T)},onBefore:T=>{if(G(!1),$(!1),clearTimeout(g.current),h.onBefore)return h.onBefore(T)},onStart:T=>{if(S(!0),h.onStart)return h.onStart(T)},onProgress:T=>{if(L(T),h.onProgress)return h.onProgress(T)},onSuccess:T=>{if(o.current&&(S(!1),L(null),e({}),s(!1),G(!0),$(!0),m((0,K.cloneDeep)(c)),g.current=setTimeout(()=>{o.current&&$(!1)},2e3)),h.onSuccess)return h.onSuccess(T)},onError:T=>{if(o.current&&(S(!1),L(null),e(T),s(!0)),h.onError)return h.onError(T)},onCancel:()=>{if(o.current&&(S(!1),L(null)),h.onCancel)return h.onCancel()},onFinish:T=>{if(o.current&&(S(!1),L(null)),d.current=null,h.onFinish)return h.onFinish(T)}};y==="delete"?he.router.delete(R,{...ve,data:b.current(c)}):he.router[y](R,b.current(c),ve)},[c,e,b]),pe=(0,p.useCallback)((i,u)=>{P(typeof i=="string"?y=>(0,O.set)((0,K.cloneDeep)(y),i,u):typeof i=="function"?y=>i(y):i)},[P]),[X,W]=(0,p.useState)(!1),_=(0,p.useCallback)((i,u)=>{typeof i>"u"?(m(c),W(!0)):m(y=>typeof i=="string"?(0,O.set)((0,K.cloneDeep)(y),i,u):Object.assign((0,K.cloneDeep)(y),i))},[c,m]);(0,p.useLayoutEffect)(()=>{X&&(B&&m(c),W(!1))},[X]);let ue=(0,p.useCallback)((...i)=>{i.length===0?P(n):P(u=>i.filter(y=>(0,O.has)(n,y)).reduce((y,R)=>(0,O.set)(y,R,(0,O.get)(n,R)),{...u}))},[P,n]),ce=(0,p.useCallback)((i,u)=>{e(y=>{let R={...y,...typeof i=="string"?{[i]:u}:i};return s(Object.keys(R).length>0),R})},[e,s]),V=(0,p.useCallback)((...i)=>{e(u=>{let y=Object.keys(u).reduce((R,h)=>({...R,...i.length>0&&!i.includes(h)?{[h]:u[h]}:{}}),{});return s(Object.keys(y).length>0),y})},[e,s]),w=i=>(u,y)=>{I(i,u,y)},Z=(0,p.useCallback)(w("get"),[I]),q=(0,p.useCallback)(w("post"),[I]),A=(0,p.useCallback)(w("put"),[I]),le=(0,p.useCallback)(w("patch"),[I]),ee=(0,p.useCallback)(w("delete"),[I]),de=(0,p.useCallback)(()=>{d.current&&d.current.cancel()},[]),fe=(0,p.useCallback)(i=>{b.current=i},[]);return{data:c,setData:pe,isDirty:B,errors:l,hasErrors:f,processing:F,progress:M,wasSuccessful:ae,recentlySuccessful:ie,transform:fe,setDefaults:_,reset:ue,setError:ce,clearErrors:V,submit:I,get:Z,post:q,put:A,patch:le,delete:ee,cancel:de}}var Be=require("@inertiajs/core"),se=require("react");function Se(t,r={},o={keepAlive:!1,autoStart:!0}){let a=(0,se.useRef)(Be.router.poll(t,r,{...o,autoStart:!1}));return(0,se.useEffect)(()=>((o.autoStart??!0)&&a.current.start(),()=>a.current.stop()),[]),{stop:a.current.stop,start:a.current.start}}var N=require("@inertiajs/core"),j=require("react");function Te(t={}){let r=typeof window>"u"?null:N.router.getCached(window.location.pathname,t),o=typeof window>"u"?null:N.router.getPrefetching(window.location.pathname,t),[a,n]=(0,j.useState)(r?.staleTimestamp||null),[m,d]=(0,j.useState)(o!==null),[g,c]=(0,j.useState)(r!==null);return(0,j.useEffect)(()=>{let P=N.router.on("prefetching",e=>{e.detail.visit.url.pathname===window.location.pathname&&d(!0)}),l=N.router.on("prefetched",e=>{e.detail.visit.url.pathname===window.location.pathname&&(d(!1),c(!0),n(e.detail.fetchedAt))});return()=>{l(),P()}},[]),{lastUpdatedAt:a,isPrefetching:m,isPrefetched:g,flush:()=>N.router.flush(window.location.pathname,t)}}var Ve=require("@inertiajs/core"),D=require("react"),Ue=({children:t,data:r,params:o,buffer:a,as:n,always:m,fallback:d})=>{m=m??!1,n=n??"div",d=d??null;let[g,c]=(0,D.useState)(!1),P=(0,D.useRef)(!1),l=(0,D.useRef)(!1),e=(0,D.useRef)(null),f=(0,D.useCallback)(()=>{if(r)return{only:Array.isArray(r)?r:[r]};if(!o)throw new Error("You must provide either a `data` or `params` prop.");return o},[o,r]);return(0,D.useEffect)(()=>{if(!e.current)return;let s=new IntersectionObserver(F=>{if(!F[0].isIntersecting||(!m&&P.current&&s.disconnect(),l.current))return;P.current=!0,l.current=!0;let S=f();Ve.router.reload({...S,onStart:M=>{l.current=!0,S.onStart?.(M)},onFinish:M=>{c(!0),l.current=!1,S.onFinish?.(M),m||s.disconnect()}})},{rootMargin:`${a||0}px`});return s.observe(e.current),()=>{s.disconnect()}},[e,f,a]),m||!g?(0,D.createElement)(n,{props:null,ref:e},g?t:d):g?t:null};Ue.displayName="InertiaWhenVisible";var Ne=Ue;var Pe=je.router;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Deferred: () => Deferred_default,
+  Head: () => Head_default,
+  Link: () => Link_default,
+  WhenVisible: () => WhenVisible_default,
+  createInertiaApp: () => createInertiaApp,
+  router: () => router3,
+  useForm: () => useForm,
+  usePage: () => usePage,
+  usePoll: () => usePoll,
+  usePrefetch: () => usePrefetch,
+  useRemember: () => useRemember
+});
+module.exports = __toCommonJS(index_exports);
+var import_core9 = require("@inertiajs/core");
+
+// src/createInertiaApp.ts
+var import_core2 = require("@inertiajs/core");
+var import_react4 = require("react");
+
+// src/App.ts
+var import_core = require("@inertiajs/core");
+var import_react3 = require("react");
+
+// src/HeadContext.ts
+var import_react = require("react");
+var headContext = (0, import_react.createContext)(void 0);
+headContext.displayName = "InertiaHeadContext";
+var HeadContext_default = headContext;
+
+// src/PageContext.ts
+var import_react2 = require("react");
+var pageContext = (0, import_react2.createContext)(void 0);
+pageContext.displayName = "InertiaPageContext";
+var PageContext_default = pageContext;
+
+// src/App.ts
+var currentIsInitialPage = true;
+var routerIsInitialized = false;
+var swapComponent = async () => {
+  currentIsInitialPage = false;
+};
+function App({
+  children,
+  initialPage,
+  initialComponent,
+  resolveComponent,
+  titleCallback,
+  onHeadUpdate
+}) {
+  const [current, setCurrent] = (0, import_react3.useState)({
+    component: initialComponent || null,
+    page: initialPage,
+    key: null
+  });
+  const headManager = (0, import_react3.useMemo)(() => {
+    return (0, import_core.createHeadManager)(
+      typeof window === "undefined",
+      titleCallback || ((title) => title),
+      onHeadUpdate || (() => {
+      })
+    );
+  }, []);
+  if (!routerIsInitialized) {
+    import_core.router.init({
+      initialPage,
+      resolveComponent,
+      swapComponent: async (args) => swapComponent(args)
+    });
+    routerIsInitialized = true;
+  }
+  (0, import_react3.useEffect)(() => {
+    swapComponent = async ({ component, page, preserveState }) => {
+      if (currentIsInitialPage) {
+        currentIsInitialPage = false;
+        return;
+      }
+      setCurrent((current2) => ({
+        component,
+        page,
+        key: preserveState ? current2.key : Date.now()
+      }));
+    };
+    import_core.router.on("navigate", () => headManager.forceUpdate());
+  }, []);
+  if (!current.component) {
+    return (0, import_react3.createElement)(
+      HeadContext_default.Provider,
+      { value: headManager },
+      (0, import_react3.createElement)(PageContext_default.Provider, { value: current.page }, null)
+    );
+  }
+  const renderChildren = children || (({ Component, props, key }) => {
+    const child = (0, import_react3.createElement)(Component, { key, ...props });
+    if (typeof Component.layout === "function") {
+      return Component.layout(child);
+    }
+    if (Array.isArray(Component.layout)) {
+      return Component.layout.concat(child).reverse().reduce((children2, Layout) => (0, import_react3.createElement)(Layout, { children: children2, ...props }));
+    }
+    return child;
+  });
+  return (0, import_react3.createElement)(
+    HeadContext_default.Provider,
+    { value: headManager },
+    (0, import_react3.createElement)(
+      PageContext_default.Provider,
+      { value: current.page },
+      renderChildren({
+        Component: current.component,
+        key: current.key,
+        props: current.page.props
+      })
+    )
+  );
+}
+App.displayName = "Inertia";
+
+// src/createInertiaApp.ts
+async function createInertiaApp({
+  id = "app",
+  resolve,
+  setup,
+  title,
+  progress = {},
+  page,
+  render
+}) {
+  const isServer = typeof window === "undefined";
+  const el = isServer ? null : document.getElementById(id);
+  const initialPage = page || JSON.parse(el.dataset.page);
+  const resolveComponent = (name) => Promise.resolve(resolve(name)).then((module2) => module2.default || module2);
+  let head = [];
+  const reactApp = await Promise.all([
+    resolveComponent(initialPage.component),
+    import_core2.router.decryptHistory().catch(() => {
+    })
+  ]).then(([initialComponent]) => {
+    return setup({
+      // @ts-expect-error
+      el,
+      App,
+      props: {
+        initialPage,
+        initialComponent,
+        resolveComponent,
+        titleCallback: title,
+        onHeadUpdate: isServer ? (elements) => head = elements : null
+      }
+    });
+  });
+  if (!isServer && progress) {
+    (0, import_core2.setupProgress)(progress);
+  }
+  if (isServer) {
+    const body = await render(
+      (0, import_react4.createElement)(
+        "div",
+        {
+          id,
+          "data-page": JSON.stringify(initialPage)
+        },
+        // @ts-expect-error
+        reactApp
+      )
+    );
+    return { head, body };
+  }
+}
+
+// src/Deferred.ts
+var import_react6 = require("react");
+
+// src/usePage.ts
+var import_react5 = require("react");
+function usePage() {
+  const page = (0, import_react5.useContext)(PageContext_default);
+  if (!page) {
+    throw new Error("usePage must be used within the Inertia component");
+  }
+  return page;
+}
+
+// src/Deferred.ts
+var urlWithoutHash = (url) => {
+  url = new URL(url.href);
+  url.hash = "";
+  return url;
+};
+var isSameUrlWithoutHash = (url1, url2) => {
+  return urlWithoutHash(url1).href === urlWithoutHash(url2).href;
+};
+var 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] = (0, import_react6.useState)(false);
+  const pageProps = usePage().props;
+  const keys = (0, import_react6.useMemo)(() => Array.isArray(data) ? data : [data], [data]);
+  (0, import_react6.useEffect)(() => {
+    const removeListener = router3.on("start", (e) => {
+      const isPartialVisit = e.detail.visit.only.length > 0 || e.detail.visit.except.length > 0;
+      const isReloadingKey = e.detail.visit.only.find((key) => keys.includes(key));
+      if (isSameUrlWithoutHash(e.detail.visit.url, window.location) && (!isPartialVisit || isReloadingKey)) {
+        setLoaded(false);
+      }
+    });
+    return () => {
+      removeListener();
+    };
+  }, []);
+  (0, import_react6.useEffect)(() => {
+    setLoaded(keys.every((key) => pageProps[key] !== void 0));
+  }, [pageProps, keys]);
+  return loaded ? children : fallback;
+};
+Deferred.displayName = "InertiaDeferred";
+var Deferred_default = Deferred;
+
+// src/Head.ts
+var import_es_toolkit = require("es-toolkit");
+var import_react7 = __toESM(require("react"), 1);
+var Head = function({ children, title }) {
+  const headManager = (0, import_react7.useContext)(HeadContext_default);
+  const provider = (0, import_react7.useMemo)(() => headManager.createProvider(), [headManager]);
+  const isServer = typeof window === "undefined";
+  (0, import_react7.useEffect)(() => {
+    provider.reconnect();
+    provider.update(renderNodes(children));
+    return () => {
+      provider.disconnect();
+    };
+  }, [provider, children, title]);
+  function isUnaryTag(node) {
+    return [
+      "area",
+      "base",
+      "br",
+      "col",
+      "embed",
+      "hr",
+      "img",
+      "input",
+      "keygen",
+      "link",
+      "meta",
+      "param",
+      "source",
+      "track",
+      "wbr"
+    ].indexOf(node.type) > -1;
+  }
+  function renderTagStart(node) {
+    const attrs = Object.keys(node.props).reduce((carry, name) => {
+      if (["head-key", "children", "dangerouslySetInnerHTML"].includes(name)) {
+        return carry;
+      }
+      const value = node.props[name];
+      if (value === "") {
+        return carry + ` ${name}`;
+      } else {
+        return carry + ` ${name}="${(0, import_es_toolkit.escape)(value)}"`;
+      }
+    }, "");
+    return `<${node.type}${attrs}>`;
+  }
+  function renderTagChildren(node) {
+    return typeof node.props.children === "string" ? node.props.children : node.props.children.reduce((html, child) => html + renderTag(child), "");
+  }
+  function renderTag(node) {
+    let html = renderTagStart(node);
+    if (node.props.children) {
+      html += renderTagChildren(node);
+    }
+    if (node.props.dangerouslySetInnerHTML) {
+      html += node.props.dangerouslySetInnerHTML.__html;
+    }
+    if (!isUnaryTag(node)) {
+      html += `</${node.type}>`;
+    }
+    return html;
+  }
+  function ensureNodeHasInertiaProp(node) {
+    return import_react7.default.cloneElement(node, {
+      inertia: node.props["head-key"] !== void 0 ? node.props["head-key"] : ""
+    });
+  }
+  function renderNode(node) {
+    return renderTag(ensureNodeHasInertiaProp(node));
+  }
+  function renderNodes(nodes) {
+    const computed = import_react7.default.Children.toArray(nodes).filter((node) => node).map((node) => renderNode(node));
+    if (title && !computed.find((tag) => tag.startsWith("<title"))) {
+      computed.push(`<title inertia>${title}</title>`);
+    }
+    return computed;
+  }
+  if (isServer) {
+    provider.update(renderNodes(children));
+  }
+  return null;
+};
+var Head_default = Head;
+
+// src/Link.ts
+var import_core3 = require("@inertiajs/core");
+var import_react8 = require("react");
+var noop = () => void 0;
+var Link = (0, import_react8.forwardRef)(
+  ({
+    children,
+    as = "a",
+    data = {},
+    href,
+    method = "get",
+    preserveScroll = false,
+    preserveState = null,
+    replace = false,
+    only = [],
+    except = [],
+    headers = {},
+    queryStringArrayFormat = "brackets",
+    async = false,
+    onClick = noop,
+    onCancelToken = noop,
+    onBefore = noop,
+    onStart = noop,
+    onProgress = noop,
+    onFinish = noop,
+    onCancel = noop,
+    onSuccess = noop,
+    onError = noop,
+    prefetch = false,
+    cacheFor = 0,
+    ...props
+  }, ref) => {
+    const [inFlightCount, setInFlightCount] = (0, import_react8.useState)(0);
+    const hoverTimeout = (0, import_react8.useRef)(null);
+    const _method = (0, import_react8.useMemo)(() => {
+      return typeof href === "object" ? href.method : method.toLowerCase();
+    }, [href, method]);
+    const _as = (0, import_react8.useMemo)(() => {
+      as = as.toLowerCase();
+      return _method !== "get" ? "button" : as;
+    }, [as, _method]);
+    const mergeDataArray = (0, import_react8.useMemo)(
+      () => (0, import_core3.mergeDataIntoQueryString)(
+        _method,
+        typeof href === "object" ? href.url : href || "",
+        data,
+        queryStringArrayFormat
+      ),
+      [href, _method, data, queryStringArrayFormat]
+    );
+    const url = (0, import_react8.useMemo)(() => mergeDataArray[0], [mergeDataArray]);
+    const _data = (0, import_react8.useMemo)(() => mergeDataArray[1], [mergeDataArray]);
+    const baseParams = (0, import_react8.useMemo)(
+      () => ({
+        data: _data,
+        method: _method,
+        preserveScroll,
+        preserveState: preserveState ?? _method !== "get",
+        replace,
+        only,
+        except,
+        headers,
+        async
+      }),
+      [_data, _method, preserveScroll, preserveState, replace, only, except, headers, async]
+    );
+    const visitParams = (0, import_react8.useMemo)(
+      () => ({
+        ...baseParams,
+        onCancelToken,
+        onBefore,
+        onStart(event) {
+          setInFlightCount((count) => count + 1);
+          onStart(event);
+        },
+        onProgress,
+        onFinish(event) {
+          setInFlightCount((count) => count - 1);
+          onFinish(event);
+        },
+        onCancel,
+        onSuccess,
+        onError
+      }),
+      [baseParams, onCancelToken, onBefore, onStart, onProgress, onFinish, onCancel, onSuccess, onError]
+    );
+    const doPrefetch = () => {
+      import_core3.router.prefetch(url, baseParams, { cacheFor: cacheForValue });
+    };
+    const prefetchModes = (0, import_react8.useMemo)(
+      () => {
+        if (prefetch === true) {
+          return ["hover"];
+        }
+        if (prefetch === false) {
+          return [];
+        }
+        if (Array.isArray(prefetch)) {
+          return prefetch;
+        }
+        return [prefetch];
+      },
+      Array.isArray(prefetch) ? prefetch : [prefetch]
+    );
+    const cacheForValue = (0, import_react8.useMemo)(() => {
+      if (cacheFor !== 0) {
+        return cacheFor;
+      }
+      if (prefetchModes.length === 1 && prefetchModes[0] === "click") {
+        return 0;
+      }
+      return 3e4;
+    }, [cacheFor, prefetchModes]);
+    (0, import_react8.useEffect)(() => {
+      return () => {
+        clearTimeout(hoverTimeout.current);
+      };
+    }, []);
+    (0, import_react8.useEffect)(() => {
+      if (prefetchModes.includes("mount")) {
+        setTimeout(() => doPrefetch());
+      }
+    }, prefetchModes);
+    const regularEvents = {
+      onClick: (event) => {
+        onClick(event);
+        if ((0, import_core3.shouldIntercept)(event)) {
+          event.preventDefault();
+          import_core3.router.visit(url, visitParams);
+        }
+      }
+    };
+    const prefetchHoverEvents = {
+      onMouseEnter: () => {
+        hoverTimeout.current = window.setTimeout(() => {
+          doPrefetch();
+        }, 75);
+      },
+      onMouseLeave: () => {
+        clearTimeout(hoverTimeout.current);
+      },
+      onClick: regularEvents.onClick
+    };
+    const prefetchClickEvents = {
+      onMouseDown: (event) => {
+        if ((0, import_core3.shouldIntercept)(event)) {
+          event.preventDefault();
+          doPrefetch();
+        }
+      },
+      onMouseUp: (event) => {
+        event.preventDefault();
+        import_core3.router.visit(url, visitParams);
+      },
+      onClick: (event) => {
+        onClick(event);
+        if ((0, import_core3.shouldIntercept)(event)) {
+          event.preventDefault();
+        }
+      }
+    };
+    const elProps = (0, import_react8.useMemo)(
+      () => ({
+        a: { href: url },
+        button: { type: "button" }
+      }),
+      [url]
+    );
+    return (0, import_react8.createElement)(
+      _as,
+      {
+        ...props,
+        ...elProps[_as] || {},
+        ref,
+        ...(() => {
+          if (prefetchModes.includes("hover")) {
+            return prefetchHoverEvents;
+          }
+          if (prefetchModes.includes("click")) {
+            return prefetchClickEvents;
+          }
+          return regularEvents;
+        })(),
+        "data-loading": inFlightCount > 0 ? "" : void 0
+      },
+      children
+    );
+  }
+);
+Link.displayName = "InertiaLink";
+var Link_default = Link;
+
+// src/useForm.ts
+var import_core5 = require("@inertiajs/core");
+var import_es_toolkit2 = require("es-toolkit");
+var import_compat = require("es-toolkit/compat");
+var import_react10 = require("react");
+
+// src/useRemember.ts
+var import_core4 = require("@inertiajs/core");
+var import_react9 = require("react");
+function useRemember(initialState, key) {
+  const [state, setState] = (0, import_react9.useState)(() => {
+    const restored = import_core4.router.restore(key);
+    return restored !== void 0 ? restored : initialState;
+  });
+  (0, import_react9.useEffect)(() => {
+    import_core4.router.remember(state, key);
+  }, [state, key]);
+  return [state, setState];
+}
+
+// src/useForm.ts
+function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
+  const isMounted = (0, import_react10.useRef)(null);
+  const rememberKey = typeof rememberKeyOrInitialValues === "string" ? rememberKeyOrInitialValues : null;
+  const [defaults, setDefaults] = (0, import_react10.useState)(
+    (typeof rememberKeyOrInitialValues === "string" ? maybeInitialValues : rememberKeyOrInitialValues) || {}
+  );
+  const cancelToken = (0, import_react10.useRef)(null);
+  const recentlySuccessfulTimeoutId = (0, import_react10.useRef)(null);
+  const [data, setData] = rememberKey ? useRemember(defaults, `${rememberKey}:data`) : (0, import_react10.useState)(defaults);
+  const [errors, setErrors] = rememberKey ? useRemember({}, `${rememberKey}:errors`) : (0, import_react10.useState)({});
+  const [hasErrors, setHasErrors] = (0, import_react10.useState)(false);
+  const [processing, setProcessing] = (0, import_react10.useState)(false);
+  const [progress, setProgress] = (0, import_react10.useState)(null);
+  const [wasSuccessful, setWasSuccessful] = (0, import_react10.useState)(false);
+  const [recentlySuccessful, setRecentlySuccessful] = (0, import_react10.useState)(false);
+  const transform = (0, import_react10.useRef)((data2) => data2);
+  const isDirty = (0, import_react10.useMemo)(() => !(0, import_es_toolkit2.isEqual)(data, defaults), [data, defaults]);
+  (0, import_react10.useEffect)(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  const submit = (0, import_react10.useCallback)(
+    (...args) => {
+      const objectPassed = typeof args[0] === "object";
+      const method = objectPassed ? args[0].method : args[0];
+      const url = objectPassed ? args[0].url : args[1];
+      const options = (objectPassed ? args[1] : args[2]) ?? {};
+      const _options = {
+        ...options,
+        onCancelToken: (token) => {
+          cancelToken.current = token;
+          if (options.onCancelToken) {
+            return options.onCancelToken(token);
+          }
+        },
+        onBefore: (visit) => {
+          setWasSuccessful(false);
+          setRecentlySuccessful(false);
+          clearTimeout(recentlySuccessfulTimeoutId.current);
+          if (options.onBefore) {
+            return options.onBefore(visit);
+          }
+        },
+        onStart: (visit) => {
+          setProcessing(true);
+          if (options.onStart) {
+            return options.onStart(visit);
+          }
+        },
+        onProgress: (event) => {
+          setProgress(event);
+          if (options.onProgress) {
+            return options.onProgress(event);
+          }
+        },
+        onSuccess: (page) => {
+          if (isMounted.current) {
+            setProcessing(false);
+            setProgress(null);
+            setErrors({});
+            setHasErrors(false);
+            setWasSuccessful(true);
+            setRecentlySuccessful(true);
+            setDefaults((0, import_es_toolkit2.cloneDeep)(data));
+            recentlySuccessfulTimeoutId.current = setTimeout(() => {
+              if (isMounted.current) {
+                setRecentlySuccessful(false);
+              }
+            }, 2e3);
+          }
+          if (options.onSuccess) {
+            return options.onSuccess(page);
+          }
+        },
+        onError: (errors2) => {
+          if (isMounted.current) {
+            setProcessing(false);
+            setProgress(null);
+            setErrors(errors2);
+            setHasErrors(true);
+          }
+          if (options.onError) {
+            return options.onError(errors2);
+          }
+        },
+        onCancel: () => {
+          if (isMounted.current) {
+            setProcessing(false);
+            setProgress(null);
+          }
+          if (options.onCancel) {
+            return options.onCancel();
+          }
+        },
+        onFinish: (visit) => {
+          if (isMounted.current) {
+            setProcessing(false);
+            setProgress(null);
+          }
+          cancelToken.current = null;
+          if (options.onFinish) {
+            return options.onFinish(visit);
+          }
+        }
+      };
+      if (method === "delete") {
+        import_core5.router.delete(url, { ..._options, data: transform.current(data) });
+      } else {
+        import_core5.router[method](url, transform.current(data), _options);
+      }
+    },
+    [data, setErrors, transform]
+  );
+  const setDataFunction = (0, import_react10.useCallback)(
+    (keyOrData, maybeValue) => {
+      if (typeof keyOrData === "string") {
+        setData((data2) => (0, import_compat.set)((0, import_es_toolkit2.cloneDeep)(data2), keyOrData, maybeValue));
+      } else if (typeof keyOrData === "function") {
+        setData((data2) => keyOrData(data2));
+      } else {
+        setData(keyOrData);
+      }
+    },
+    [setData]
+  );
+  const [dataAsDefaults, setDataAsDefaults] = (0, import_react10.useState)(false);
+  const setDefaultsFunction = (0, import_react10.useCallback)(
+    (fieldOrFields, maybeValue) => {
+      if (typeof fieldOrFields === "undefined") {
+        setDefaults(data);
+        setDataAsDefaults(true);
+      } else {
+        setDefaults((defaults2) => {
+          return typeof fieldOrFields === "string" ? (0, import_compat.set)((0, import_es_toolkit2.cloneDeep)(defaults2), fieldOrFields, maybeValue) : Object.assign((0, import_es_toolkit2.cloneDeep)(defaults2), fieldOrFields);
+        });
+      }
+    },
+    [data, setDefaults]
+  );
+  (0, import_react10.useLayoutEffect)(() => {
+    if (!dataAsDefaults) {
+      return;
+    }
+    if (isDirty) {
+      setDefaults(data);
+    }
+    setDataAsDefaults(false);
+  }, [dataAsDefaults]);
+  const reset = (0, import_react10.useCallback)(
+    (...fields) => {
+      if (fields.length === 0) {
+        setData(defaults);
+      } else {
+        setData(
+          (data2) => fields.filter((key) => (0, import_compat.has)(defaults, key)).reduce(
+            (carry, key) => {
+              return (0, import_compat.set)(carry, key, (0, import_compat.get)(defaults, key));
+            },
+            { ...data2 }
+          )
+        );
+      }
+    },
+    [setData, defaults]
+  );
+  const setError = (0, import_react10.useCallback)(
+    (fieldOrFields, maybeValue) => {
+      setErrors((errors2) => {
+        const newErrors = {
+          ...errors2,
+          ...typeof fieldOrFields === "string" ? { [fieldOrFields]: maybeValue } : fieldOrFields
+        };
+        setHasErrors(Object.keys(newErrors).length > 0);
+        return newErrors;
+      });
+    },
+    [setErrors, setHasErrors]
+  );
+  const clearErrors = (0, import_react10.useCallback)(
+    (...fields) => {
+      setErrors((errors2) => {
+        const newErrors = Object.keys(errors2).reduce(
+          (carry, field) => ({
+            ...carry,
+            ...fields.length > 0 && !fields.includes(field) ? { [field]: errors2[field] } : {}
+          }),
+          {}
+        );
+        setHasErrors(Object.keys(newErrors).length > 0);
+        return newErrors;
+      });
+    },
+    [setErrors, setHasErrors]
+  );
+  const resetAndClearErrors = (0, import_react10.useCallback)(
+    (...fields) => {
+      reset(...fields);
+      clearErrors(...fields);
+    },
+    [reset, clearErrors]
+  );
+  const createSubmitMethod = (method) => (url, options) => {
+    submit(method, url, options);
+  };
+  const getMethod = (0, import_react10.useCallback)(createSubmitMethod("get"), [submit]);
+  const post = (0, import_react10.useCallback)(createSubmitMethod("post"), [submit]);
+  const put = (0, import_react10.useCallback)(createSubmitMethod("put"), [submit]);
+  const patch = (0, import_react10.useCallback)(createSubmitMethod("patch"), [submit]);
+  const deleteMethod = (0, import_react10.useCallback)(createSubmitMethod("delete"), [submit]);
+  const cancel = (0, import_react10.useCallback)(() => {
+    if (cancelToken.current) {
+      cancelToken.current.cancel();
+    }
+  }, []);
+  const transformFunction = (0, import_react10.useCallback)((callback) => {
+    transform.current = callback;
+  }, []);
+  return {
+    data,
+    setData: setDataFunction,
+    isDirty,
+    errors,
+    hasErrors,
+    processing,
+    progress,
+    wasSuccessful,
+    recentlySuccessful,
+    transform: transformFunction,
+    setDefaults: setDefaultsFunction,
+    reset,
+    setError,
+    clearErrors,
+    resetAndClearErrors,
+    submit,
+    get: getMethod,
+    post,
+    put,
+    patch,
+    delete: deleteMethod,
+    cancel
+  };
+}
+
+// src/usePoll.ts
+var import_core6 = require("@inertiajs/core");
+var import_react11 = require("react");
+function usePoll(interval, requestOptions = {}, options = {
+  keepAlive: false,
+  autoStart: true
+}) {
+  const pollRef = (0, import_react11.useRef)(
+    import_core6.router.poll(interval, requestOptions, {
+      ...options,
+      autoStart: false
+    })
+  );
+  (0, import_react11.useEffect)(() => {
+    if (options.autoStart ?? true) {
+      pollRef.current.start();
+    }
+    return () => pollRef.current.stop();
+  }, []);
+  return {
+    stop: pollRef.current.stop,
+    start: pollRef.current.start
+  };
+}
+
+// src/usePrefetch.ts
+var import_core7 = require("@inertiajs/core");
+var import_react12 = require("react");
+function usePrefetch(options = {}) {
+  const cached = typeof window === "undefined" ? null : import_core7.router.getCached(window.location.pathname, options);
+  const inFlight = typeof window === "undefined" ? null : import_core7.router.getPrefetching(window.location.pathname, options);
+  const [lastUpdatedAt, setLastUpdatedAt] = (0, import_react12.useState)(cached?.staleTimestamp || null);
+  const [isPrefetching, setIsPrefetching] = (0, import_react12.useState)(inFlight !== null);
+  const [isPrefetched, setIsPrefetched] = (0, import_react12.useState)(cached !== null);
+  (0, import_react12.useEffect)(() => {
+    const onPrefetchingListener = import_core7.router.on("prefetching", (e) => {
+      if (e.detail.visit.url.pathname === window.location.pathname) {
+        setIsPrefetching(true);
+      }
+    });
+    const onPrefetchedListener = import_core7.router.on("prefetched", (e) => {
+      if (e.detail.visit.url.pathname === window.location.pathname) {
+        setIsPrefetching(false);
+        setIsPrefetched(true);
+        setLastUpdatedAt(e.detail.fetchedAt);
+      }
+    });
+    return () => {
+      onPrefetchedListener();
+      onPrefetchingListener();
+    };
+  }, []);
+  return {
+    lastUpdatedAt,
+    isPrefetching,
+    isPrefetched,
+    flush: () => import_core7.router.flush(window.location.pathname, options)
+  };
+}
+
+// src/WhenVisible.ts
+var import_core8 = require("@inertiajs/core");
+var import_react13 = require("react");
+var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) => {
+  always = always ?? false;
+  as = as ?? "div";
+  fallback = fallback ?? null;
+  const [loaded, setLoaded] = (0, import_react13.useState)(false);
+  const hasFetched = (0, import_react13.useRef)(false);
+  const fetching = (0, import_react13.useRef)(false);
+  const ref = (0, import_react13.useRef)(null);
+  const getReloadParams = (0, import_react13.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]);
+  (0, import_react13.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();
+        import_core8.router.reload({
+          ...reloadParams,
+          onStart: (e) => {
+            fetching.current = true;
+            reloadParams.onStart?.(e);
+          },
+          onFinish: (e) => {
+            setLoaded(true);
+            fetching.current = false;
+            reloadParams.onFinish?.(e);
+            if (!always) {
+              observer.disconnect();
+            }
+          }
+        });
+      },
+      {
+        rootMargin: `${buffer || 0}px`
+      }
+    );
+    observer.observe(ref.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [ref, getReloadParams, buffer]);
+  if (always || !loaded) {
+    return (0, import_react13.createElement)(
+      as,
+      {
+        props: null,
+        ref
+      },
+      loaded ? children : fallback
+    );
+  }
+  return loaded ? children : null;
+};
+WhenVisible.displayName = "InertiaWhenVisible";
+var WhenVisible_default = WhenVisible;
+
+// src/index.ts
+var router3 = import_core9.router;
 //# sourceMappingURL=index.js.map