@inertiajs/react 2.3.10 → 2.3.12

package/dist/index.js

@@ -235,12 +235,21 @@ async function createInertiaApp({
 }
 
 // src/Deferred.ts
-var import_react6 = require("react");
+var import_react8 = require("react");
 
 // src/usePage.ts
+var import_react6 = __toESM(require("react"), 1);
+
+// src/react.ts
 var import_react5 = __toESM(require("react"), 1);
+function useIsomorphicLayoutEffect(effect, deps) {
+  typeof window === "undefined" ? (0, import_react5.useEffect)(effect, deps) : (0, import_react5.useLayoutEffect)(effect, deps);
+}
+var isReact19 = typeof import_react5.default.use === "function";
+
+// src/usePage.ts
 function usePage() {
-  const page = typeof import_react5.default.use === "function" ? import_react5.default.use(PageContext_default) : import_react5.default.useContext(PageContext_default);
+  const page = isReact19 ? import_react6.default.use(PageContext_default) : import_react6.default.useContext(PageContext_default);
   if (!page) {
     throw new Error("usePage must be used within the Inertia component");
   }
@@ -260,10 +269,10 @@ 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 [loaded, setLoaded] = (0, import_react8.useState)(false);
   const pageProps = usePage().props;
-  const keys = (0, import_react6.useMemo)(() => Array.isArray(data) ? data : [data], [data]);
-  (0, import_react6.useEffect)(() => {
+  const keys = (0, import_react8.useMemo)(() => Array.isArray(data) ? data : [data], [data]);
+  (0, import_react8.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));
@@ -275,10 +284,11 @@ var Deferred = ({ children, data, fallback }) => {
       removeListener();
     };
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     setLoaded(keys.every((key) => pageProps[key] !== void 0));
   }, [pageProps, keys]);
-  if (loaded) {
+  const propsAreDefined = (0, import_react8.useMemo)(() => keys.every((key) => pageProps[key] !== void 0), [keys, pageProps]);
+  if (loaded && propsAreDefined) {
     return typeof children === "function" ? children() : children;
   }
   return typeof fallback === "function" ? fallback() : fallback;
@@ -289,29 +299,23 @@ var Deferred_default = Deferred;
 // src/Form.ts
 var import_core5 = require("@inertiajs/core");
 var import_lodash_es2 = require("lodash-es");
-var import_react11 = __toESM(require("react"), 1);
+var import_react12 = __toESM(require("react"), 1);
 
 // src/useForm.ts
 var import_core4 = require("@inertiajs/core");
 var import_laravel_precognition = require("laravel-precognition");
 var import_lodash_es = require("lodash-es");
-var import_react9 = require("react");
-
-// src/react.ts
-var import_react7 = require("react");
-function useIsomorphicLayoutEffect(effect, deps) {
-  typeof window === "undefined" ? (0, import_react7.useEffect)(effect, deps) : (0, import_react7.useLayoutEffect)(effect, deps);
-}
+var import_react10 = require("react");
 
 // src/useRemember.ts
 var import_core3 = require("@inertiajs/core");
-var import_react8 = require("react");
+var import_react9 = require("react");
 function useRemember(initialState, key, excludeKeysRef) {
-  const [state, setState] = (0, import_react8.useState)(() => {
+  const [state, setState] = (0, import_react9.useState)(() => {
     const restored = import_core3.router.restore(key);
     return restored !== void 0 ? restored : initialState;
   });
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const keys = excludeKeysRef?.current;
     if (keys && keys.length > 0 && typeof state === "object" && state !== null) {
       const filtered = { ...state };
@@ -326,38 +330,38 @@ function useRemember(initialState, key, excludeKeysRef) {
 
 // src/useForm.ts
 function useForm(...args) {
-  const isMounted = (0, import_react9.useRef)(false);
+  const isMounted = (0, import_react10.useRef)(false);
   const parsedArgs = import_core4.UseFormUtils.parseUseFormArguments(...args);
   const { rememberKey, data: initialData } = parsedArgs;
-  const precognitionEndpoint = (0, import_react9.useRef)(parsedArgs.precognitionEndpoint);
-  const [defaults, setDefaults] = (0, import_react9.useState)(
+  const precognitionEndpoint = (0, import_react10.useRef)(parsedArgs.precognitionEndpoint);
+  const [defaults, setDefaults] = (0, import_react10.useState)(
     typeof initialData === "function" ? (0, import_lodash_es.cloneDeep)(initialData()) : (0, import_lodash_es.cloneDeep)(initialData)
   );
-  const cancelToken = (0, import_react9.useRef)(null);
-  const recentlySuccessfulTimeoutId = (0, import_react9.useRef)(void 0);
-  const excludeKeysRef = (0, import_react9.useRef)([]);
-  const [data, setData] = rememberKey ? useRemember(defaults, `${rememberKey}:data`, excludeKeysRef) : (0, import_react9.useState)(defaults);
-  const [errors, setErrors] = rememberKey ? useRemember({}, `${rememberKey}:errors`) : (0, import_react9.useState)({});
-  const [hasErrors, setHasErrors] = (0, import_react9.useState)(false);
-  const [processing, setProcessing] = (0, import_react9.useState)(false);
-  const [progress2, setProgress] = (0, import_react9.useState)(null);
-  const [wasSuccessful, setWasSuccessful] = (0, import_react9.useState)(false);
-  const [recentlySuccessful, setRecentlySuccessful] = (0, import_react9.useState)(false);
-  const transform = (0, import_react9.useRef)((data2) => data2);
-  const isDirty = (0, import_react9.useMemo)(() => !(0, import_lodash_es.isEqual)(data, defaults), [data, defaults]);
-  const validatorRef = (0, import_react9.useRef)(null);
-  const [validating, setValidating] = (0, import_react9.useState)(false);
-  const [touchedFields, setTouchedFields] = (0, import_react9.useState)([]);
-  const [validFields, setValidFields] = (0, import_react9.useState)([]);
-  const withAllErrors = (0, import_react9.useRef)(false);
-  (0, import_react9.useEffect)(() => {
+  const cancelToken = (0, import_react10.useRef)(null);
+  const recentlySuccessfulTimeoutId = (0, import_react10.useRef)(void 0);
+  const excludeKeysRef = (0, import_react10.useRef)([]);
+  const [data, setData] = rememberKey ? useRemember(defaults, `${rememberKey}:data`, excludeKeysRef) : (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 [progress2, 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_lodash_es.isEqual)(data, defaults), [data, defaults]);
+  const validatorRef = (0, import_react10.useRef)(null);
+  const [validating, setValidating] = (0, import_react10.useState)(false);
+  const [touchedFields, setTouchedFields] = (0, import_react10.useState)([]);
+  const [validFields, setValidFields] = (0, import_react10.useState)([]);
+  const withAllErrors = (0, import_react10.useRef)(false);
+  (0, import_react10.useEffect)(() => {
     isMounted.current = true;
     return () => {
       isMounted.current = false;
     };
   }, []);
-  const setDefaultsCalledInOnSuccess = (0, import_react9.useRef)(false);
-  const submit = (0, import_react9.useCallback)(
+  const setDefaultsCalledInOnSuccess = (0, import_react10.useRef)(false);
+  const submit = (0, import_react10.useCallback)(
     (...args2) => {
       const { method, url, options } = import_core4.UseFormUtils.parseSubmitArguments(args2, precognitionEndpoint.current);
       setDefaultsCalledInOnSuccess.current = false;
@@ -416,7 +420,9 @@ function useForm(...args) {
           if (isMounted.current) {
             setProcessing(false);
             setProgress(null);
-            setError(errors2);
+            setErrors(errors2);
+            setHasErrors(Object.keys(errors2).length > 0);
+            validatorRef.current?.setErrors(errors2);
           }
           if (options.onError) {
             return options.onError(errors2);
@@ -451,7 +457,7 @@ function useForm(...args) {
     },
     [data, setErrors, transform]
   );
-  const setDataFunction = (0, import_react9.useCallback)(
+  const setDataFunction = (0, import_react10.useCallback)(
     (keyOrData, maybeValue) => {
       if (typeof keyOrData === "string") {
         setData((data2) => (0, import_lodash_es.set)((0, import_lodash_es.cloneDeep)(data2), keyOrData, maybeValue));
@@ -463,12 +469,12 @@ function useForm(...args) {
     },
     [setData]
   );
-  const [dataAsDefaults, setDataAsDefaults] = (0, import_react9.useState)(false);
-  const dataRef = (0, import_react9.useRef)(data);
-  (0, import_react9.useEffect)(() => {
+  const [dataAsDefaults, setDataAsDefaults] = (0, import_react10.useState)(false);
+  const dataRef = (0, import_react10.useRef)(data);
+  (0, import_react10.useEffect)(() => {
     dataRef.current = data;
   });
-  const setDefaultsFunction = (0, import_react9.useCallback)(
+  const setDefaultsFunction = (0, import_react10.useCallback)(
     (fieldOrFields, maybeValue) => {
       setDefaultsCalledInOnSuccess.current = true;
       let newDefaults = {};
@@ -495,7 +501,7 @@ function useForm(...args) {
     }
     setDataAsDefaults(false);
   }, [dataAsDefaults]);
-  const reset = (0, import_react9.useCallback)(
+  const reset = (0, import_react10.useCallback)(
     (...fields) => {
       if (fields.length === 0) {
         setData(defaults);
@@ -513,7 +519,7 @@ function useForm(...args) {
     },
     [setData, defaults]
   );
-  const setError = (0, import_react9.useCallback)(
+  const setError = (0, import_react10.useCallback)(
     (fieldOrFields, maybeValue) => {
       setErrors((errors2) => {
         const newErrors = {
@@ -527,7 +533,7 @@ function useForm(...args) {
     },
     [setErrors, setHasErrors]
   );
-  const clearErrors = (0, import_react9.useCallback)(
+  const clearErrors = (0, import_react10.useCallback)(
     (...fields) => {
       setErrors((errors2) => {
         const newErrors = Object.keys(errors2).reduce(
@@ -550,7 +556,7 @@ function useForm(...args) {
     },
     [setErrors, setHasErrors]
   );
-  const resetAndClearErrors = (0, import_react9.useCallback)(
+  const resetAndClearErrors = (0, import_react10.useCallback)(
     (...fields) => {
       reset(...fields);
       clearErrors(...fields);
@@ -560,17 +566,17 @@ function useForm(...args) {
   const createSubmitMethod = (method) => (url, options = {}) => {
     submit(method, url, options);
   };
-  const getMethod = (0, import_react9.useCallback)(createSubmitMethod("get"), [submit]);
-  const post = (0, import_react9.useCallback)(createSubmitMethod("post"), [submit]);
-  const put = (0, import_react9.useCallback)(createSubmitMethod("put"), [submit]);
-  const patch = (0, import_react9.useCallback)(createSubmitMethod("patch"), [submit]);
-  const deleteMethod = (0, import_react9.useCallback)(createSubmitMethod("delete"), [submit]);
-  const cancel = (0, import_react9.useCallback)(() => {
+  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_react9.useCallback)((callback) => {
+  const transformFunction = (0, import_react10.useCallback)((callback) => {
     transform.current = callback;
   }, []);
   const form = {
@@ -605,12 +611,12 @@ function useForm(...args) {
     callback(value);
     return value;
   };
-  const valid = (0, import_react9.useCallback)(
+  const valid = (0, import_react10.useCallback)(
     (field) => validFields.includes(field),
     [validFields]
   );
-  const invalid = (0, import_react9.useCallback)((field) => field in errors, [errors]);
-  const touched = (0, import_react9.useCallback)(
+  const invalid = (0, import_react10.useCallback)((field) => field in errors, [errors]);
+  const touched = (0, import_react10.useCallback)(
     (field) => typeof field === "string" ? touchedFields.includes(field) : touchedFields.length > 0,
     [touchedFields]
   );
@@ -687,11 +693,11 @@ function useForm(...args) {
 
 // src/Form.ts
 var deferStateUpdate = (callback) => {
-  typeof import_react11.default.startTransition === "function" ? import_react11.default.startTransition(callback) : setTimeout(callback, 0);
+  typeof import_react12.default.startTransition === "function" ? import_react12.default.startTransition(callback) : setTimeout(callback, 0);
 };
 var noop = () => void 0;
-var FormContext = (0, import_react11.createContext)(void 0);
-var Form = (0, import_react11.forwardRef)(
+var FormContext = (0, import_react12.createContext)(void 0);
+var Form = (0, import_react12.forwardRef)(
   ({
     action = "",
     method = "get",
@@ -736,12 +742,12 @@ var Form = (0, import_react11.forwardRef)(
       form.withAllErrors();
     }
     form.transform(getTransformedData);
-    const formElement = (0, import_react11.useRef)(void 0);
-    const resolvedMethod = (0, import_react11.useMemo)(() => {
+    const formElement = (0, import_react12.useRef)(void 0);
+    const resolvedMethod = (0, import_react12.useMemo)(() => {
       return (0, import_core5.isUrlMethodPair)(action) ? action.method : method.toLowerCase();
     }, [action, method]);
-    const [isDirty, setIsDirty] = (0, import_react11.useState)(false);
-    const defaultData = (0, import_react11.useRef)(new FormData());
+    const [isDirty, setIsDirty] = (0, import_react12.useState)(false);
+    const defaultData = (0, import_react12.useRef)(new FormData());
     const getFormData = (submitter) => new FormData(formElement.current, submitter);
     const getData = (submitter) => (0, import_core5.formDataToObject)(getFormData(submitter));
     const getUrlAndData = (submitter) => {
@@ -764,7 +770,7 @@ var Form = (0, import_react11.forwardRef)(
       form.clearErrors(...names);
       return form;
     };
-    (0, import_react11.useEffect)(() => {
+    (0, import_react12.useEffect)(() => {
       defaultData.current = getFormData();
       form.setDefaults(getData());
       const formEvents = ["input", "change", "reset"];
@@ -773,10 +779,10 @@ var Form = (0, import_react11.forwardRef)(
         formEvents.forEach((e) => formElement.current?.removeEventListener(e, updateDirtyState));
       };
     }, []);
-    (0, import_react11.useEffect)(() => {
+    (0, import_react12.useEffect)(() => {
       form.setValidationTimeout(validationTimeout);
     }, [validationTimeout]);
-    (0, import_react11.useEffect)(() => {
+    (0, import_react12.useEffect)(() => {
       if (validateFiles) {
         form.validateFiles();
       } else {
@@ -805,6 +811,11 @@ var Form = (0, import_react11.forwardRef)(
     };
     const submit = (submitter) => {
       const [url, data] = getUrlAndData(submitter);
+      const formTarget = submitter?.getAttribute("formtarget");
+      if (formTarget === "_blank" && resolvedMethod === "get") {
+        window.open(url, "_blank");
+        return;
+      }
       const submitOptions = {
         headers,
         queryStringArrayFormat,
@@ -867,8 +878,8 @@ var Form = (0, import_react11.forwardRef)(
       touch: form.touch,
       touched: form.touched
     };
-    (0, import_react11.useImperativeHandle)(ref, () => exposed, [form, isDirty, submit]);
-    const formNode = (0, import_react11.createElement)(
+    (0, import_react12.useImperativeHandle)(ref, () => exposed, [form, isDirty, submit]);
+    const formNode = (0, import_react12.createElement)(
       "form",
       {
         ...props,
@@ -879,31 +890,30 @@ var Form = (0, import_react11.forwardRef)(
           event.preventDefault();
           submit(event.nativeEvent.submitter);
         },
-        // Only React 19 supports passing a boolean to the `inert` attribute.
-        // To support earlier versions as well, we use the string 'true'.
-        // Unfortunately, React 19 treats an empty string as `false`.
+        // React 19 supports passing a boolean to the `inert` attribute, but shows
+        // a warning when receiving a string. Earlier versions require the string 'true'.
         // See: https://github.com/inertiajs/inertia/pull/2536
-        inert: disableWhileProcessing && form.processing && "true"
+        inert: disableWhileProcessing && form.processing && (isReact19 ? true : "true")
       },
       typeof children === "function" ? children(exposed) : children
     );
-    return (0, import_react11.createElement)(FormContext.Provider, { value: exposed }, formNode);
+    return (0, import_react12.createElement)(FormContext.Provider, { value: exposed }, formNode);
   }
 );
 Form.displayName = "InertiaForm";
 function useFormContext() {
-  return (0, import_react11.useContext)(FormContext);
+  return (0, import_react12.useContext)(FormContext);
 }
 var Form_default = Form;
 
 // src/Head.ts
 var import_lodash_es3 = require("lodash-es");
-var import_react12 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 var Head = function({ children, title }) {
-  const headManager = (0, import_react12.useContext)(HeadContext_default);
-  const provider = (0, import_react12.useMemo)(() => headManager.createProvider(), [headManager]);
+  const headManager = (0, import_react14.useContext)(HeadContext_default);
+  const provider = (0, import_react14.useMemo)(() => headManager.createProvider(), [headManager]);
   const isServer = typeof window === "undefined";
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     provider.reconnect();
     provider.update(renderNodes(children));
     return () => {
@@ -966,7 +976,7 @@ var Head = function({ children, title }) {
     return html;
   }
   function ensureNodeHasInertiaProp(node) {
-    return import_react12.default.cloneElement(node, {
+    return import_react14.default.cloneElement(node, {
       [provider.preferredAttribute()]: node.props["head-key"] !== void 0 ? node.props["head-key"] : ""
     });
   }
@@ -974,7 +984,7 @@ var Head = function({ children, title }) {
     return renderTag(ensureNodeHasInertiaProp(node));
   }
   function renderNodes(nodes) {
-    const elements = import_react12.default.Children.toArray(nodes).filter((node) => node).map((node) => renderNode(node));
+    const elements = import_react14.default.Children.toArray(nodes).filter((node) => node).map((node) => renderNode(node));
     if (title && !elements.find((tag) => tag.startsWith("<title"))) {
       elements.push(`<title ${provider.preferredAttribute()}>${title}</title>`);
     }
@@ -989,7 +999,7 @@ var Head_default = Head;
 
 // src/InfiniteScroll.ts
 var import_core6 = require("@inertiajs/core");
-var import_react13 = __toESM(require("react"), 1);
+var import_react15 = __toESM(require("react"), 1);
 var resolveHTMLElement = (value, fallback) => {
   if (!value) {
     return fallback;
@@ -1008,7 +1018,7 @@ var renderSlot = (slotContent, slotProps, fallback = null) => {
   }
   return typeof slotContent === "function" ? slotContent(slotProps) : slotContent;
 };
-var InfiniteScroll = (0, import_react13.forwardRef)(
+var InfiniteScroll = (0, import_react15.forwardRef)(
   ({
     data,
     buffer = 0,
@@ -1029,34 +1039,34 @@ var InfiniteScroll = (0, import_react13.forwardRef)(
     onlyPrevious = false,
     ...props
   }, ref) => {
-    const [startElementFromRef, setStartElementFromRef] = (0, import_react13.useState)(null);
-    const startElementRef = (0, import_react13.useCallback)((node) => setStartElementFromRef(node), []);
-    const [endElementFromRef, setEndElementFromRef] = (0, import_react13.useState)(null);
-    const endElementRef = (0, import_react13.useCallback)((node) => setEndElementFromRef(node), []);
-    const [itemsElementFromRef, setItemsElementFromRef] = (0, import_react13.useState)(null);
-    const itemsElementRef = (0, import_react13.useCallback)((node) => setItemsElementFromRef(node), []);
-    const [loadingPrevious, setLoadingPrevious] = (0, import_react13.useState)(false);
-    const [loadingNext, setLoadingNext] = (0, import_react13.useState)(false);
-    const [requestCount, setRequestCount] = (0, import_react13.useState)(0);
-    const [hasPreviousPage, setHasPreviousPage] = (0, import_react13.useState)(false);
-    const [hasNextPage, setHasNextPage] = (0, import_react13.useState)(false);
-    const [resolvedStartElement, setResolvedStartElement] = (0, import_react13.useState)(null);
-    const [resolvedEndElement, setResolvedEndElement] = (0, import_react13.useState)(null);
-    const [resolvedItemsElement, setResolvedItemsElement] = (0, import_react13.useState)(null);
-    (0, import_react13.useEffect)(() => {
+    const [startElementFromRef, setStartElementFromRef] = (0, import_react15.useState)(null);
+    const startElementRef = (0, import_react15.useCallback)((node) => setStartElementFromRef(node), []);
+    const [endElementFromRef, setEndElementFromRef] = (0, import_react15.useState)(null);
+    const endElementRef = (0, import_react15.useCallback)((node) => setEndElementFromRef(node), []);
+    const [itemsElementFromRef, setItemsElementFromRef] = (0, import_react15.useState)(null);
+    const itemsElementRef = (0, import_react15.useCallback)((node) => setItemsElementFromRef(node), []);
+    const [loadingPrevious, setLoadingPrevious] = (0, import_react15.useState)(false);
+    const [loadingNext, setLoadingNext] = (0, import_react15.useState)(false);
+    const [requestCount, setRequestCount] = (0, import_react15.useState)(0);
+    const [hasPreviousPage, setHasPreviousPage] = (0, import_react15.useState)(false);
+    const [hasNextPage, setHasNextPage] = (0, import_react15.useState)(false);
+    const [resolvedStartElement, setResolvedStartElement] = (0, import_react15.useState)(null);
+    const [resolvedEndElement, setResolvedEndElement] = (0, import_react15.useState)(null);
+    const [resolvedItemsElement, setResolvedItemsElement] = (0, import_react15.useState)(null);
+    (0, import_react15.useEffect)(() => {
       const element = startElement ? resolveHTMLElement(startElement, startElementFromRef) : startElementFromRef;
       setResolvedStartElement(element);
     }, [startElement, startElementFromRef]);
-    (0, import_react13.useEffect)(() => {
+    (0, import_react15.useEffect)(() => {
       const element = endElement ? resolveHTMLElement(endElement, endElementFromRef) : endElementFromRef;
       setResolvedEndElement(element);
     }, [endElement, endElementFromRef]);
-    (0, import_react13.useEffect)(() => {
+    (0, import_react15.useEffect)(() => {
       const element = itemsElement ? resolveHTMLElement(itemsElement, itemsElementFromRef) : itemsElementFromRef;
       setResolvedItemsElement(element);
     }, [itemsElement, itemsElementFromRef]);
-    const scrollableParent = (0, import_react13.useMemo)(() => (0, import_core6.getScrollableParent)(resolvedItemsElement), [resolvedItemsElement]);
-    const callbackPropsRef = (0, import_react13.useRef)({
+    const scrollableParent = (0, import_react15.useMemo)(() => (0, import_core6.getScrollableParent)(resolvedItemsElement), [resolvedItemsElement]);
+    const callbackPropsRef = (0, import_react15.useRef)({
       buffer,
       onlyNext,
       onlyPrevious,
@@ -1070,10 +1080,10 @@ var InfiniteScroll = (0, import_react13.forwardRef)(
       reverse,
       preserveUrl
     };
-    const [infiniteScroll, setInfiniteScroll] = (0, import_react13.useState)(null);
-    const dataManager = (0, import_react13.useMemo)(() => infiniteScroll?.dataManager, [infiniteScroll]);
-    const elementManager = (0, import_react13.useMemo)(() => infiniteScroll?.elementManager, [infiniteScroll]);
-    const scrollToBottom = (0, import_react13.useCallback)(() => {
+    const [infiniteScroll, setInfiniteScroll] = (0, import_react15.useState)(null);
+    const dataManager = (0, import_react15.useMemo)(() => infiniteScroll?.dataManager, [infiniteScroll]);
+    const elementManager = (0, import_react15.useMemo)(() => infiniteScroll?.elementManager, [infiniteScroll]);
+    const scrollToBottom = (0, import_react15.useCallback)(() => {
       if (scrollableParent) {
         scrollableParent.scrollTo({
           top: scrollableParent.scrollHeight,
@@ -1086,7 +1096,7 @@ var InfiniteScroll = (0, import_react13.forwardRef)(
         });
       }
     }, [scrollableParent]);
-    (0, import_react13.useEffect)(() => {
+    (0, import_react15.useEffect)(() => {
       if (!resolvedItemsElement) {
         return;
       }
@@ -1134,21 +1144,21 @@ var InfiniteScroll = (0, import_react13.forwardRef)(
         setInfiniteScroll(null);
       };
     }, [data, resolvedItemsElement, resolvedStartElement, resolvedEndElement, scrollableParent]);
-    const manualMode = (0, import_react13.useMemo)(
+    const manualMode = (0, import_react15.useMemo)(
       () => manual || manualAfter > 0 && requestCount >= manualAfter,
       [manual, manualAfter, requestCount]
     );
-    const autoLoad = (0, import_react13.useMemo)(() => !manualMode, [manualMode]);
-    (0, import_react13.useEffect)(() => {
+    const autoLoad = (0, import_react15.useMemo)(() => !manualMode, [manualMode]);
+    (0, import_react15.useEffect)(() => {
       autoLoad ? elementManager?.enableTriggers() : elementManager?.disableTriggers();
     }, [autoLoad, onlyNext, onlyPrevious, resolvedStartElement, resolvedEndElement]);
-    (0, import_react13.useEffect)(() => {
+    (0, import_react15.useEffect)(() => {
       const shouldAutoScroll = autoScroll !== void 0 ? autoScroll : reverse;
       if (shouldAutoScroll) {
         scrollToBottom();
       }
     }, [scrollableParent]);
-    (0, import_react13.useImperativeHandle)(
+    (0, import_react15.useImperativeHandle)(
       ref,
       () => ({
         fetchNext: dataManager?.fetchNext || (() => {
@@ -1194,7 +1204,7 @@ var InfiniteScroll = (0, import_react13.forwardRef)(
     const renderElements = [];
     if (!startElement) {
       renderElements.push(
-        (0, import_react13.createElement)(
+        (0, import_react15.createElement)(
           "div",
           { ref: startElementRef },
           // Render previous slot or fallback to loading indicator
@@ -1203,7 +1213,7 @@ var InfiniteScroll = (0, import_react13.forwardRef)(
       );
     }
     renderElements.push(
-      (0, import_react13.createElement)(
+      (0, import_react15.createElement)(
         as,
         { ...props, ref: itemsElementRef },
         typeof children === "function" ? children(exposedSlot) : children
@@ -1211,7 +1221,7 @@ var InfiniteScroll = (0, import_react13.forwardRef)(
     );
     if (!endElement) {
       renderElements.push(
-        (0, import_react13.createElement)(
+        (0, import_react15.createElement)(
           "div",
           { ref: endElementRef },
           // Render next slot or fallback to loading indicator
@@ -1219,7 +1229,7 @@ var InfiniteScroll = (0, import_react13.forwardRef)(
         )
       );
     }
-    return (0, import_react13.createElement)(import_react13.default.Fragment, {}, ...reverse ? [...renderElements].reverse() : renderElements);
+    return (0, import_react15.createElement)(import_react15.default.Fragment, {}, ...reverse ? [...renderElements].reverse() : renderElements);
   }
 );
 InfiniteScroll.displayName = "InertiaInfiniteScroll";
@@ -1227,9 +1237,9 @@ var InfiniteScroll_default = InfiniteScroll;
 
 // src/Link.ts
 var import_core7 = require("@inertiajs/core");
-var import_react14 = require("react");
+var import_react16 = require("react");
 var noop2 = () => void 0;
-var Link = (0, import_react14.forwardRef)(
+var Link = (0, import_react16.forwardRef)(
   ({
     children,
     as = "a",
@@ -1262,24 +1272,24 @@ var Link = (0, import_react14.forwardRef)(
     viewTransition = false,
     ...props
   }, ref) => {
-    const [inFlightCount, setInFlightCount] = (0, import_react14.useState)(0);
-    const hoverTimeout = (0, import_react14.useRef)(void 0);
-    const _method = (0, import_react14.useMemo)(() => {
+    const [inFlightCount, setInFlightCount] = (0, import_react16.useState)(0);
+    const hoverTimeout = (0, import_react16.useRef)(void 0);
+    const _method = (0, import_react16.useMemo)(() => {
       return (0, import_core7.isUrlMethodPair)(href) ? href.method : method.toLowerCase();
     }, [href, method]);
-    const _as = (0, import_react14.useMemo)(() => {
+    const _as = (0, import_react16.useMemo)(() => {
       if (typeof as !== "string" || as.toLowerCase() !== "a") {
         return as;
       }
       return _method !== "get" ? "button" : as.toLowerCase();
     }, [as, _method]);
-    const mergeDataArray = (0, import_react14.useMemo)(
+    const mergeDataArray = (0, import_react16.useMemo)(
       () => (0, import_core7.mergeDataIntoQueryString)(_method, (0, import_core7.isUrlMethodPair)(href) ? href.url : href, data, queryStringArrayFormat),
       [href, _method, data, queryStringArrayFormat]
     );
-    const url = (0, import_react14.useMemo)(() => mergeDataArray[0], [mergeDataArray]);
-    const _data = (0, import_react14.useMemo)(() => mergeDataArray[1], [mergeDataArray]);
-    const baseParams = (0, import_react14.useMemo)(
+    const url = (0, import_react16.useMemo)(() => mergeDataArray[0], [mergeDataArray]);
+    const _data = (0, import_react16.useMemo)(() => mergeDataArray[1], [mergeDataArray]);
+    const baseParams = (0, import_react16.useMemo)(
       () => ({
         data: _data,
         method: _method,
@@ -1294,7 +1304,7 @@ var Link = (0, import_react14.forwardRef)(
       }),
       [_data, _method, preserveScroll, preserveState, preserveUrl, replace, only, except, headers, async]
     );
-    const visitParams = (0, import_react14.useMemo)(
+    const visitParams = (0, import_react16.useMemo)(
       () => ({
         ...baseParams,
         viewTransition,
@@ -1326,7 +1336,7 @@ var Link = (0, import_react14.forwardRef)(
         onError
       ]
     );
-    const prefetchModes = (0, import_react14.useMemo)(
+    const prefetchModes = (0, import_react16.useMemo)(
       () => {
         if (prefetch === true) {
           return ["hover"];
@@ -1341,7 +1351,7 @@ var Link = (0, import_react14.forwardRef)(
       },
       Array.isArray(prefetch) ? prefetch : [prefetch]
     );
-    const cacheForValue = (0, import_react14.useMemo)(() => {
+    const cacheForValue = (0, import_react16.useMemo)(() => {
       if (cacheFor !== 0) {
         return cacheFor;
       }
@@ -1350,7 +1360,7 @@ var Link = (0, import_react14.forwardRef)(
       }
       return config.get("prefetch.cacheFor");
     }, [cacheFor, prefetchModes]);
-    const doPrefetch = (0, import_react14.useMemo)(() => {
+    const doPrefetch = (0, import_react16.useMemo)(() => {
       return () => {
         import_core7.router.prefetch(
           url,
@@ -1363,12 +1373,12 @@ var Link = (0, import_react14.forwardRef)(
         );
       };
     }, [url, baseParams, onPrefetching, onPrefetched, cacheForValue, cacheTags]);
-    (0, import_react14.useEffect)(() => {
+    (0, import_react16.useEffect)(() => {
       return () => {
         clearTimeout(hoverTimeout.current);
       };
     }, []);
-    (0, import_react14.useEffect)(() => {
+    (0, import_react16.useEffect)(() => {
       if (prefetchModes.includes("mount")) {
         setTimeout(() => doPrefetch());
       }
@@ -1425,7 +1435,7 @@ var Link = (0, import_react14.forwardRef)(
         }
       }
     };
-    const elProps = (0, import_react14.useMemo)(() => {
+    const elProps = (0, import_react16.useMemo)(() => {
       if (_as === "button") {
         return { type: "button" };
       }
@@ -1434,7 +1444,7 @@ var Link = (0, import_react14.forwardRef)(
       }
       return {};
     }, [_as, url]);
-    return (0, import_react14.createElement)(
+    return (0, import_react16.createElement)(
       _as,
       {
         ...props,
@@ -1460,18 +1470,18 @@ var Link_default = Link;
 
 // src/usePoll.ts
 var import_core8 = require("@inertiajs/core");
-var import_react15 = require("react");
+var import_react17 = require("react");
 function usePoll(interval, requestOptions = {}, options = {
   keepAlive: false,
   autoStart: true
 }) {
-  const pollRef = (0, import_react15.useRef)(
+  const pollRef = (0, import_react17.useRef)(
     import_core8.router.poll(interval, requestOptions, {
       ...options,
       autoStart: false
     })
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (options.autoStart ?? true) {
       pollRef.current.start();
     }
@@ -1485,14 +1495,14 @@ function usePoll(interval, requestOptions = {}, options = {
 
 // src/usePrefetch.ts
 var import_core9 = require("@inertiajs/core");
-var import_react16 = require("react");
+var import_react18 = require("react");
 function usePrefetch(options = {}) {
   const cached = typeof window === "undefined" ? null : import_core9.router.getCached(window.location.pathname, options);
   const inFlight = typeof window === "undefined" ? null : import_core9.router.getPrefetching(window.location.pathname, options);
-  const [lastUpdatedAt, setLastUpdatedAt] = (0, import_react16.useState)(cached?.staleTimestamp || null);
-  const [isPrefetching, setIsPrefetching] = (0, import_react16.useState)(inFlight !== null);
-  const [isPrefetched, setIsPrefetched] = (0, import_react16.useState)(cached !== null);
-  (0, import_react16.useEffect)(() => {
+  const [lastUpdatedAt, setLastUpdatedAt] = (0, import_react18.useState)(cached?.staleTimestamp || null);
+  const [isPrefetching, setIsPrefetching] = (0, import_react18.useState)(inFlight !== null);
+  const [isPrefetched, setIsPrefetched] = (0, import_react18.useState)(cached !== null);
+  (0, import_react18.useEffect)(() => {
     const onPrefetchingListener = import_core9.router.on("prefetching", (e) => {
       if (e.detail.visit.url.pathname === window.location.pathname) {
         setIsPrefetching(true);
@@ -1520,25 +1530,25 @@ function usePrefetch(options = {}) {
 
 // src/WhenVisible.ts
 var import_core10 = require("@inertiajs/core");
-var import_react17 = require("react");
+var import_react19 = require("react");
 var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) => {
   always = always ?? false;
   as = as ?? "div";
   fallback = fallback ?? null;
   const pageProps = usePage().props;
-  const keys = (0, import_react17.useMemo)(() => data ? Array.isArray(data) ? data : [data] : [], [data]);
-  const [loaded, setLoaded] = (0, import_react17.useState)(() => keys.length > 0 && keys.every((key) => pageProps[key] !== void 0));
-  const [isFetching, setIsFetching] = (0, import_react17.useState)(false);
-  const fetching = (0, import_react17.useRef)(false);
-  const ref = (0, import_react17.useRef)(null);
-  const observer = (0, import_react17.useRef)(null);
-  const getReloadParamsRef = (0, import_react17.useRef)(() => ({}));
-  (0, import_react17.useEffect)(() => {
+  const keys = (0, import_react19.useMemo)(() => data ? Array.isArray(data) ? data : [data] : [], [data]);
+  const [loaded, setLoaded] = (0, import_react19.useState)(() => keys.length > 0 && keys.every((key) => pageProps[key] !== void 0));
+  const [isFetching, setIsFetching] = (0, import_react19.useState)(false);
+  const fetching = (0, import_react19.useRef)(false);
+  const ref = (0, import_react19.useRef)(null);
+  const observer = (0, import_react19.useRef)(null);
+  const getReloadParamsRef = (0, import_react19.useRef)(() => ({}));
+  (0, import_react19.useEffect)(() => {
     if (keys.length > 0) {
       setLoaded(keys.every((key) => pageProps[key] !== void 0));
     }
   }, [pageProps, keys]);
-  const getReloadParams = (0, import_react17.useCallback)(() => {
+  const getReloadParams = (0, import_react19.useCallback)(() => {
     const reloadParams = { ...params };
     if (data) {
       reloadParams.only = Array.isArray(data) ? data : [data];
@@ -1586,7 +1596,7 @@ var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) =>
     );
     observer.current.observe(ref.current);
   };
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!ref.current) {
       return;
     }
@@ -1601,7 +1611,7 @@ var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) =>
   const resolveChildren = () => typeof children === "function" ? children({ fetching: isFetching }) : children;
   const resolveFallback = () => typeof fallback === "function" ? fallback() : fallback;
   if (always || !loaded) {
-    return (0, import_react17.createElement)(
+    return (0, import_react19.createElement)(
       as,
       {
         props: null,