@kubb/plugin-react-query 4.0.0 → 4.1.0

package/dist/{components-DzT-kLe8.cjs → components-DkiO4xNZ.cjs}

@@ -21,186 +21,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
-let __kubb_react = require("@kubb/react");
-__kubb_react = __toESM(__kubb_react);
 let __kubb_oas = require("@kubb/oas");
 __kubb_oas = __toESM(__kubb_oas);
-let __kubb_plugin_client_components = require("@kubb/plugin-client/components");
-__kubb_plugin_client_components = __toESM(__kubb_plugin_client_components);
 let __kubb_plugin_oas_utils = require("@kubb/plugin-oas/utils");
 __kubb_plugin_oas_utils = __toESM(__kubb_plugin_oas_utils);
+let __kubb_react = require("@kubb/react");
+__kubb_react = __toESM(__kubb_react);
 let __kubb_core_utils = require("@kubb/core/utils");
 __kubb_core_utils = __toESM(__kubb_core_utils);
 let __kubb_react_jsx_runtime = require("@kubb/react/jsx-runtime");
 __kubb_react_jsx_runtime = __toESM(__kubb_react_jsx_runtime);
+let __kubb_plugin_client_components = require("@kubb/plugin-client/components");
+__kubb_plugin_client_components = __toESM(__kubb_plugin_client_components);
 
-//#region src/components/MutationKey.tsx
-function getParams$7({}) {
-	return __kubb_react.FunctionParams.factory({});
-}
-const getTransformer$1 = ({ operation, casing }) => {
-	return [`{ url: '${new __kubb_core_utils.URLPath(operation.path, { casing }).toURLPath()}' }`];
-};
-function MutationKey({ name, typeSchemas, pathParamsType, paramsCasing, operation, typeName, transformer = getTransformer$1 }) {
-	const params = getParams$7({
-		pathParamsType,
-		typeSchemas
-	});
-	const keys = transformer({
-		operation,
-		schemas: typeSchemas,
-		casing: paramsCasing
-	});
-	return /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsxs)(__kubb_react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.File.Source, {
-		name,
-		isExportable: true,
-		isIndexable: true,
-		children: /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.Function.Arrow, {
-			name,
-			export: true,
-			params: params.toConstructor(),
-			singleLine: true,
-			children: `[${keys.join(", ")}] as const`
-		})
-	}), /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.File.Source, {
-		name: typeName,
-		isExportable: true,
-		isIndexable: true,
-		isTypeOnly: true,
-		children: /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.Type, {
-			name: typeName,
-			export: true,
-			children: `ReturnType<typeof ${name}>`
-		})
-	})] });
-}
-MutationKey.getParams = getParams$7;
-MutationKey.getTransformer = getTransformer$1;
-
-//#endregion
-//#region src/components/Mutation.tsx
-function getParams$6({ paramsCasing, dataReturnType, typeSchemas }) {
-	const TData = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
-	const TRequest = __kubb_react.FunctionParams.factory({
-		...(0, __kubb_plugin_oas_utils.getPathParams)(typeSchemas.pathParams, {
-			typed: true,
-			casing: paramsCasing
-		}),
-		data: typeSchemas.request?.name ? {
-			type: typeSchemas.request?.name,
-			optional: (0, __kubb_oas.isOptional)(typeSchemas.request?.schema)
-		} : void 0,
-		params: typeSchemas.queryParams?.name ? {
-			type: typeSchemas.queryParams?.name,
-			optional: (0, __kubb_oas.isOptional)(typeSchemas.queryParams?.schema)
-		} : void 0,
-		headers: typeSchemas.headerParams?.name ? {
-			type: typeSchemas.headerParams?.name,
-			optional: (0, __kubb_oas.isOptional)(typeSchemas.headerParams?.schema)
-		} : void 0
-	}).toConstructor();
-	const TError = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`;
-	const generics = [
-		TData,
-		TError,
-		TRequest ? `{${TRequest}}` : "void",
-		"TContext"
-	].join(", ");
-	return __kubb_react.FunctionParams.factory({ options: {
-		type: `
-{
-  mutation?: UseMutationOptions<${generics}> & { client?: QueryClient },
-  client?: ${typeSchemas.request?.name ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: typeof fetch }` : "Partial<RequestConfig> & { client?: typeof fetch }"},
-}
-`,
-		default: "{}"
-	} });
-}
-function Mutation({ name, clientName, paramsCasing, paramsType, pathParamsType, dataReturnType, typeSchemas, operation, mutationKeyName }) {
-	const mutationKeyParams = MutationKey.getParams({
-		pathParamsType,
-		typeSchemas
-	});
-	const params = getParams$6({
-		paramsCasing,
-		pathParamsType,
-		dataReturnType,
-		typeSchemas
-	});
-	const clientParams = __kubb_plugin_client_components.Client.getParams({
-		paramsCasing,
-		paramsType,
-		typeSchemas,
-		pathParamsType,
-		isConfigurable: true
-	});
-	const mutationParams = __kubb_react.FunctionParams.factory({
-		...(0, __kubb_plugin_oas_utils.getPathParams)(typeSchemas.pathParams, {
-			typed: true,
-			casing: paramsCasing
-		}),
-		data: typeSchemas.request?.name ? {
-			type: typeSchemas.request?.name,
-			optional: (0, __kubb_oas.isOptional)(typeSchemas.request?.schema)
-		} : void 0,
-		params: typeSchemas.queryParams?.name ? {
-			type: typeSchemas.queryParams?.name,
-			optional: (0, __kubb_oas.isOptional)(typeSchemas.queryParams?.schema)
-		} : void 0,
-		headers: typeSchemas.headerParams?.name ? {
-			type: typeSchemas.headerParams?.name,
-			optional: (0, __kubb_oas.isOptional)(typeSchemas.headerParams?.schema)
-		} : void 0
-	});
-	const dataParams = __kubb_react.FunctionParams.factory({ data: {
-		mode: "object",
-		children: Object.entries(mutationParams.params).reduce((acc, [key, value]) => {
-			if (value) acc[key] = {
-				...value,
-				type: void 0
-			};
-			return acc;
-		}, {})
-	} });
-	const TRequest = mutationParams.toConstructor();
-	const TData = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
-	const TError = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`;
-	const generics = [
-		TData,
-		TError,
-		TRequest ? `{${TRequest}}` : "void",
-		"TContext"
-	].join(", ");
-	return /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.File.Source, {
-		name,
-		isExportable: true,
-		isIndexable: true,
-		children: /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.Function, {
-			name,
-			export: true,
-			params: params.toConstructor(),
-			JSDoc: { comments: (0, __kubb_plugin_oas_utils.getComments)(operation) },
-			generics: ["TContext"],
-			children: `
-        const { mutation = {}, client: config = {} } = options ?? {}
-        const { client: queryClient, ...mutationOptions } = mutation;
-        const mutationKey = mutationOptions.mutationKey ?? ${mutationKeyName}(${mutationKeyParams.toCall()})
-
-        return useMutation<${generics}>({
-          mutationFn: async(${dataParams.toConstructor()}) => {
-            return ${clientName}(${clientParams.toCall()})
-          },
-          mutationKey,
-          ...mutationOptions
-        }, queryClient)
-    `
-		})
-	});
-}
-
-//#endregion
 //#region src/components/QueryKey.tsx
-function getParams$5({ pathParamsType, paramsCasing, typeSchemas }) {
+function getParams$8({ pathParamsType, paramsCasing, typeSchemas }) {
 	return __kubb_react.FunctionParams.factory({
 		pathParams: {
 			mode: pathParamsType === "object" ? "object" : "inlineSpread",
@@ -219,7 +54,7 @@ function getParams$5({ pathParamsType, paramsCasing, typeSchemas }) {
 		} : void 0
 	});
 }
-const getTransformer = ({ operation, schemas, casing }) => {
+const getTransformer$1 = ({ operation, schemas, casing }) => {
 	return [
 		new __kubb_core_utils.URLPath(operation.path, { casing }).toObject({
 			type: "path",
@@ -229,8 +64,8 @@ const getTransformer = ({ operation, schemas, casing }) => {
 		schemas.request?.name ? "...(data ? [data] : [])" : void 0
 	].filter(Boolean);
 };
-function QueryKey({ name, typeSchemas, paramsCasing, pathParamsType, operation, typeName, transformer = getTransformer }) {
-	const params = getParams$5({
+function QueryKey({ name, typeSchemas, paramsCasing, pathParamsType, operation, typeName, transformer = getTransformer$1 }) {
+	const params = getParams$8({
 		pathParamsType,
 		typeSchemas,
 		paramsCasing
@@ -263,12 +98,12 @@ function QueryKey({ name, typeSchemas, paramsCasing, pathParamsType, operation,
 		})
 	})] });
 }
-QueryKey.getParams = getParams$5;
-QueryKey.getTransformer = getTransformer;
+QueryKey.getParams = getParams$8;
+QueryKey.getTransformer = getTransformer$1;
 
 //#endregion
 //#region src/components/QueryOptions.tsx
-function getParams$4({ paramsType, paramsCasing, pathParamsType, typeSchemas }) {
+function getParams$7({ paramsType, paramsCasing, pathParamsType, typeSchemas }) {
 	if (paramsType === "object") return __kubb_react.FunctionParams.factory({
 		data: {
 			mode: "object",
@@ -324,7 +159,7 @@ function getParams$4({ paramsType, paramsCasing, pathParamsType, typeSchemas })
 	});
 }
 function QueryOptions({ name, clientName, dataReturnType, typeSchemas, paramsCasing, paramsType, pathParamsType, queryKeyName }) {
-	const params = getParams$4({
+	const params = getParams$7({
 		paramsType,
 		paramsCasing,
 		pathParamsType,
@@ -368,13 +203,11 @@ function QueryOptions({ name, clientName, dataReturnType, typeSchemas, paramsCas
 		})
 	});
 }
-QueryOptions.getParams = getParams$4;
+QueryOptions.getParams = getParams$7;
 
 //#endregion
-//#region src/components/Query.tsx
-function getParams$3({ paramsType, paramsCasing, pathParamsType, dataReturnType, typeSchemas }) {
-	const TData = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
-	const TError = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`;
+//#region src/components/InfiniteQuery.tsx
+function getParams$6({ paramsType, paramsCasing, pathParamsType, typeSchemas, pageParamGeneric }) {
 	if (paramsType === "object") return __kubb_react.FunctionParams.factory({
 		data: {
 			mode: "object",
@@ -400,13 +233,7 @@ function getParams$3({ paramsType, paramsCasing, pathParamsType, dataReturnType,
 		options: {
 			type: `
 {
-  query?: Partial<QueryObserverOptions<${[
-				TData,
-				TError,
-				"TData",
-				"TQueryData",
-				"TQueryKey"
-			].join(", ")}>> & { client?: QueryClient },
+  query?: Partial<InfiniteQueryObserverOptions<TQueryFnData, TError, TData, TQueryKey, ${pageParamGeneric}>> & { client?: QueryClient },
   client?: ${typeSchemas.request?.name ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: typeof fetch }` : "Partial<RequestConfig> & { client?: typeof fetch }"}
 }
 `,
@@ -437,13 +264,7 @@ function getParams$3({ paramsType, paramsCasing, pathParamsType, dataReturnType,
 		options: {
 			type: `
 {
-  query?: Partial<QueryObserverOptions<${[
-				TData,
-				TError,
-				"TData",
-				"TQueryData",
-				"TQueryKey"
-			].join(", ")}>> & { client?: QueryClient },
+  query?: Partial<InfiniteQueryObserverOptions<TQueryFnData, TError, TData, TQueryKey, ${pageParamGeneric}>> & { client?: QueryClient },
   client?: ${typeSchemas.request?.name ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: typeof fetch }` : "Partial<RequestConfig> & { client?: typeof fetch }"}
 }
 `,
@@ -451,13 +272,17 @@ function getParams$3({ paramsType, paramsCasing, pathParamsType, dataReturnType,
 		}
 	});
 }
-function Query({ name, queryKeyTypeName, queryOptionsName, queryKeyName, paramsType, paramsCasing, pathParamsType, dataReturnType, typeSchemas, operation }) {
-	const TData = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
-	const returnType = `UseQueryResult<${["TData", `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`].join(", ")}> & { queryKey: TQueryKey }`;
+function InfiniteQuery({ name, queryKeyTypeName, queryOptionsName, queryKeyName, paramsType, paramsCasing, pathParamsType, dataReturnType, typeSchemas, operation, queryParam }) {
+	const responseType = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
+	const errorType = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`;
+	const pageParamType = (queryParam && typeSchemas.queryParams?.name ? `NonNullable<${typeSchemas.queryParams?.name}['${queryParam}']>` : void 0) ?? "number";
+	const returnType = "UseInfiniteQueryResult<TData, TError> & { queryKey: TQueryKey }";
 	const generics = [
-		`TData = ${TData}`,
-		`TQueryData = ${TData}`,
-		`TQueryKey extends QueryKey = ${queryKeyTypeName}`
+		`TQueryFnData = ${responseType}`,
+		`TError = ${errorType}`,
+		"TData = InfiniteData<TQueryFnData>",
+		`TQueryKey extends QueryKey = ${queryKeyTypeName}`,
+		`TPageParam = ${pageParamType}`
 	];
 	const queryKeyParams = QueryKey.getParams({
 		pathParamsType,
@@ -470,12 +295,12 @@ function Query({ name, queryKeyTypeName, queryOptionsName, queryKeyName, paramsT
 		typeSchemas,
 		paramsCasing
 	});
-	const params = getParams$3({
+	const params = getParams$6({
 		paramsCasing,
 		paramsType,
 		pathParamsType,
-		dataReturnType,
-		typeSchemas
+		typeSchemas,
+		pageParamGeneric: "TPageParam"
 	});
 	const queryOptions = `${queryOptionsName}(${queryOptionsParams.toCall()})`;
 	return /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.File.Source, {
@@ -493,11 +318,11 @@ function Query({ name, queryKeyTypeName, queryOptionsName, queryKeyName, paramsT
        const { client: queryClient, ...queryOptions } = queryConfig
        const queryKey = queryOptions?.queryKey ?? ${queryKeyName}(${queryKeyParams.toCall()})
 
-       const query = useQuery({
+       const query = useInfiniteQuery({
         ...${queryOptions},
         queryKey,
         ...queryOptions
-       } as unknown as QueryObserverOptions, queryClient) as ${returnType}
+       } as unknown as InfiniteQueryObserverOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam>, queryClient) as ${returnType}
 
        query.queryKey = queryKey as TQueryKey
 
@@ -506,11 +331,11 @@ function Query({ name, queryKeyTypeName, queryOptionsName, queryKeyName, paramsT
 		})
 	});
 }
-Query.getParams = getParams$3;
+InfiniteQuery.getParams = getParams$6;
 
 //#endregion
 //#region src/components/InfiniteQueryOptions.tsx
-function getParams$2({ paramsType, paramsCasing, pathParamsType, typeSchemas }) {
+function getParams$5({ paramsType, paramsCasing, pathParamsType, typeSchemas }) {
 	if (paramsType === "object") return __kubb_react.FunctionParams.factory({
 		data: {
 			mode: "object",
@@ -566,9 +391,10 @@ function getParams$2({ paramsType, paramsCasing, pathParamsType, typeSchemas })
 	});
 }
 function InfiniteQueryOptions({ name, clientName, initialPageParam, cursorParam, typeSchemas, paramsCasing, paramsType, dataReturnType, pathParamsType, queryParam, queryKeyName }) {
-	const TData = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
-	const TError = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`;
-	const params = getParams$2({
+	const queryFnDataType = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
+	const errorType = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`;
+	const pageParamType = queryParam && typeSchemas.queryParams?.name ? `NonNullable<${typeSchemas.queryParams?.name}['${queryParam}']>` : "number";
+	const params = getParams$5({
 		paramsType,
 		paramsCasing,
 		pathParamsType,
@@ -611,7 +437,7 @@ function InfiniteQueryOptions({ name, clientName, initialPageParam, cursorParam,
 			params: params.toConstructor(),
 			children: `
       const queryKey = ${queryKeyName}(${queryKeyParams.toCall()})
-      return infiniteQueryOptions<${TData}, ${TError}, ${TData}, typeof queryKey, number>({
+      return infiniteQueryOptions<${queryFnDataType}, ${errorType}, InfiniteData<${queryFnDataType}>, typeof queryKey, ${pageParamType}>({
        ${enabledText}
        queryKey,
        queryFn: async ({ signal, pageParam }) => {
@@ -634,7 +460,7 @@ function InfiniteQueryOptions({ name, clientName, initialPageParam, cursorParam,
 			params: params.toConstructor(),
 			children: `
       const queryKey = ${queryKeyName}(${queryKeyParams.toCall()})
-      return infiniteQueryOptions<${TData}, ${TError}, ${TData}, typeof queryKey>({
+      return infiniteQueryOptions<${queryFnDataType}, ${errorType}, InfiniteData<${queryFnDataType}>, typeof queryKey, ${pageParamType}>({
        ${enabledText}
        queryKey,
        queryFn: async ({ signal }) => {
@@ -647,10 +473,232 @@ function InfiniteQueryOptions({ name, clientName, initialPageParam, cursorParam,
 		})
 	});
 }
-InfiniteQueryOptions.getParams = getParams$2;
+InfiniteQueryOptions.getParams = getParams$5;
 
 //#endregion
-//#region src/components/InfiniteQuery.tsx
+//#region src/components/MutationKey.tsx
+function getParams$4({}) {
+	return __kubb_react.FunctionParams.factory({});
+}
+const getTransformer = ({ operation, casing }) => {
+	return [`{ url: '${new __kubb_core_utils.URLPath(operation.path, { casing }).toURLPath()}' }`];
+};
+function MutationKey({ name, typeSchemas, pathParamsType, paramsCasing, operation, typeName, transformer = getTransformer }) {
+	const params = getParams$4({
+		pathParamsType,
+		typeSchemas
+	});
+	const keys = transformer({
+		operation,
+		schemas: typeSchemas,
+		casing: paramsCasing
+	});
+	return /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsxs)(__kubb_react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.File.Source, {
+		name,
+		isExportable: true,
+		isIndexable: true,
+		children: /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.Function.Arrow, {
+			name,
+			export: true,
+			params: params.toConstructor(),
+			singleLine: true,
+			children: `[${keys.join(", ")}] as const`
+		})
+	}), /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.File.Source, {
+		name: typeName,
+		isExportable: true,
+		isIndexable: true,
+		isTypeOnly: true,
+		children: /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.Type, {
+			name: typeName,
+			export: true,
+			children: `ReturnType<typeof ${name}>`
+		})
+	})] });
+}
+MutationKey.getParams = getParams$4;
+MutationKey.getTransformer = getTransformer;
+
+//#endregion
+//#region src/components/MutationOptions.tsx
+function getParams$3({ typeSchemas }) {
+	return __kubb_react.FunctionParams.factory({ config: {
+		type: typeSchemas.request?.name ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: typeof fetch }` : "Partial<RequestConfig> & { client?: typeof fetch }",
+		default: "{}"
+	} });
+}
+function MutationOptions({ name, clientName, dataReturnType, typeSchemas, paramsCasing, paramsType, pathParamsType, mutationKeyName }) {
+	const params = getParams$3({ typeSchemas });
+	const TData = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
+	const TError = typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error";
+	const clientParams = __kubb_plugin_client_components.Client.getParams({
+		typeSchemas,
+		paramsCasing,
+		paramsType,
+		pathParamsType,
+		isConfigurable: true
+	});
+	const mutationKeyParams = MutationKey.getParams({
+		pathParamsType,
+		typeSchemas
+	});
+	const mutationParams = __kubb_react.FunctionParams.factory({
+		...(0, __kubb_plugin_oas_utils.getPathParams)(typeSchemas.pathParams, {
+			typed: true,
+			casing: paramsCasing
+		}),
+		data: typeSchemas.request?.name ? {
+			type: typeSchemas.request?.name,
+			optional: (0, __kubb_oas.isOptional)(typeSchemas.request?.schema)
+		} : void 0,
+		params: typeSchemas.queryParams?.name ? {
+			type: typeSchemas.queryParams?.name,
+			optional: (0, __kubb_oas.isOptional)(typeSchemas.queryParams?.schema)
+		} : void 0,
+		headers: typeSchemas.headerParams?.name ? {
+			type: typeSchemas.headerParams?.name,
+			optional: (0, __kubb_oas.isOptional)(typeSchemas.headerParams?.schema)
+		} : void 0
+	});
+	const dataParams = __kubb_react.FunctionParams.factory({ data: {
+		mode: "object",
+		children: Object.entries(mutationParams.params).reduce((acc, [key, value]) => {
+			if (value) acc[key] = {
+				...value,
+				type: void 0
+			};
+			return acc;
+		}, {})
+	} });
+	const TRequest = mutationParams.toConstructor();
+	return /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.File.Source, {
+		name,
+		isExportable: true,
+		isIndexable: true,
+		children: /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.Function, {
+			name,
+			export: true,
+			params: params.toConstructor(),
+			children: `
+      const mutationKey = ${mutationKeyName}(${mutationKeyParams.toCall()})
+      return mutationOptions<${TData}, ResponseErrorConfig<${TError}>, ${TRequest ? `{${TRequest}}` : "void"}, typeof mutationKey>({
+        mutationKey,
+        mutationFn: async(${dataParams.toConstructor()}) => {
+          return ${clientName}(${clientParams.toCall()})
+        },
+      })
+`
+		})
+	});
+}
+MutationOptions.getParams = getParams$3;
+
+//#endregion
+//#region src/components/Mutation.tsx
+function getParams$2({ paramsCasing, dataReturnType, typeSchemas }) {
+	const TData = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
+	const TRequest = __kubb_react.FunctionParams.factory({
+		...(0, __kubb_plugin_oas_utils.getPathParams)(typeSchemas.pathParams, {
+			typed: true,
+			casing: paramsCasing
+		}),
+		data: typeSchemas.request?.name ? {
+			type: typeSchemas.request?.name,
+			optional: (0, __kubb_oas.isOptional)(typeSchemas.request?.schema)
+		} : void 0,
+		params: typeSchemas.queryParams?.name ? {
+			type: typeSchemas.queryParams?.name,
+			optional: (0, __kubb_oas.isOptional)(typeSchemas.queryParams?.schema)
+		} : void 0,
+		headers: typeSchemas.headerParams?.name ? {
+			type: typeSchemas.headerParams?.name,
+			optional: (0, __kubb_oas.isOptional)(typeSchemas.headerParams?.schema)
+		} : void 0
+	}).toConstructor();
+	const TError = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`;
+	const generics = [
+		TData,
+		TError,
+		TRequest ? `{${TRequest}}` : "void",
+		"TContext"
+	].join(", ");
+	return __kubb_react.FunctionParams.factory({ options: {
+		type: `
+{
+  mutation?: UseMutationOptions<${generics}> & { client?: QueryClient },
+  client?: ${typeSchemas.request?.name ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: typeof fetch }` : "Partial<RequestConfig> & { client?: typeof fetch }"},
+}
+`,
+		default: "{}"
+	} });
+}
+function Mutation({ name, mutationOptionsName, paramsCasing, pathParamsType, dataReturnType, typeSchemas, operation, mutationKeyName }) {
+	const mutationKeyParams = MutationKey.getParams({
+		pathParamsType,
+		typeSchemas
+	});
+	const params = getParams$2({
+		paramsCasing,
+		pathParamsType,
+		dataReturnType,
+		typeSchemas
+	});
+	const mutationParams = __kubb_react.FunctionParams.factory({
+		...(0, __kubb_plugin_oas_utils.getPathParams)(typeSchemas.pathParams, {
+			typed: true,
+			casing: paramsCasing
+		}),
+		data: typeSchemas.request?.name ? {
+			type: typeSchemas.request?.name,
+			optional: (0, __kubb_oas.isOptional)(typeSchemas.request?.schema)
+		} : void 0,
+		params: typeSchemas.queryParams?.name ? {
+			type: typeSchemas.queryParams?.name,
+			optional: (0, __kubb_oas.isOptional)(typeSchemas.queryParams?.schema)
+		} : void 0,
+		headers: typeSchemas.headerParams?.name ? {
+			type: typeSchemas.headerParams?.name,
+			optional: (0, __kubb_oas.isOptional)(typeSchemas.headerParams?.schema)
+		} : void 0
+	});
+	const mutationOptionsParams = MutationOptions.getParams({ typeSchemas });
+	const TRequest = mutationParams.toConstructor();
+	const TData = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
+	const TError = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`;
+	const returnType = `UseMutationOptions<${[
+		TData,
+		TError,
+		TRequest ? `{${TRequest}}` : "void",
+		"TContext"
+	].join(", ")}>`;
+	const mutationOptions = `${mutationOptionsName}(${mutationOptionsParams.toCall()})`;
+	return /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.File.Source, {
+		name,
+		isExportable: true,
+		isIndexable: true,
+		children: /* @__PURE__ */ (0, __kubb_react_jsx_runtime.jsx)(__kubb_react.Function, {
+			name,
+			export: true,
+			params: params.toConstructor(),
+			JSDoc: { comments: (0, __kubb_plugin_oas_utils.getComments)(operation) },
+			generics: ["TContext"],
+			children: `
+        const { mutation = {}, client: config = {} } = options ?? {}
+        const { client: queryClient, ...mutationOptions } = mutation;
+        const mutationKey = mutationOptions.mutationKey ?? ${mutationKeyName}(${mutationKeyParams.toCall()})
+
+        return useMutation({
+          ...${mutationOptions},
+          mutationKey,
+          ...mutationOptions
+        } as unknown as UseMutationOptions, queryClient) as ${returnType}
+    `
+		})
+	});
+}
+
+//#endregion
+//#region src/components/Query.tsx
 function getParams$1({ paramsType, paramsCasing, pathParamsType, dataReturnType, typeSchemas }) {
 	const TData = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
 	const TError = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`;
@@ -679,12 +727,12 @@ function getParams$1({ paramsType, paramsCasing, pathParamsType, dataReturnType,
 		options: {
 			type: `
 {
-  query?: Partial<InfiniteQueryObserverOptions<${[
+  query?: Partial<QueryObserverOptions<${[
 				TData,
 				TError,
+				"TData",
 				"TQueryData",
-				"TQueryKey",
-				"TQueryData"
+				"TQueryKey"
 			].join(", ")}>> & { client?: QueryClient },
   client?: ${typeSchemas.request?.name ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: typeof fetch }` : "Partial<RequestConfig> & { client?: typeof fetch }"}
 }
@@ -716,12 +764,12 @@ function getParams$1({ paramsType, paramsCasing, pathParamsType, dataReturnType,
 		options: {
 			type: `
 {
-  query?: Partial<InfiniteQueryObserverOptions<${[
+  query?: Partial<QueryObserverOptions<${[
 				TData,
 				TError,
+				"TData",
 				"TQueryData",
-				"TQueryKey",
-				"TQueryData"
+				"TQueryKey"
 			].join(", ")}>> & { client?: QueryClient },
   client?: ${typeSchemas.request?.name ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: typeof fetch }` : "Partial<RequestConfig> & { client?: typeof fetch }"}
 }
@@ -730,11 +778,11 @@ function getParams$1({ paramsType, paramsCasing, pathParamsType, dataReturnType,
 		}
 	});
 }
-function InfiniteQuery({ name, queryKeyTypeName, queryOptionsName, queryKeyName, paramsType, paramsCasing, pathParamsType, dataReturnType, typeSchemas, operation }) {
+function Query({ name, queryKeyTypeName, queryOptionsName, queryKeyName, paramsType, paramsCasing, pathParamsType, dataReturnType, typeSchemas, operation }) {
 	const TData = dataReturnType === "data" ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`;
-	const returnType = `UseInfiniteQueryResult<${["TData", `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`].join(", ")}> & { queryKey: TQueryKey }`;
+	const returnType = `UseQueryResult<${["TData", `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(" | ") || "Error"}>`].join(", ")}> & { queryKey: TQueryKey }`;
 	const generics = [
-		`TData = InfiniteData<${TData}>`,
+		`TData = ${TData}`,
 		`TQueryData = ${TData}`,
 		`TQueryKey extends QueryKey = ${queryKeyTypeName}`
 	];
@@ -772,11 +820,11 @@ function InfiniteQuery({ name, queryKeyTypeName, queryOptionsName, queryKeyName,
        const { client: queryClient, ...queryOptions } = queryConfig
        const queryKey = queryOptions?.queryKey ?? ${queryKeyName}(${queryKeyParams.toCall()})
 
-       const query = useInfiniteQuery({
+       const query = useQuery({
         ...${queryOptions},
         queryKey,
         ...queryOptions
-       } as unknown as InfiniteQueryObserverOptions, queryClient) as ${returnType}
+       } as unknown as QueryObserverOptions, queryClient) as ${returnType}
 
        query.queryKey = queryKey as TQueryKey
 
@@ -785,7 +833,7 @@ function InfiniteQuery({ name, queryKeyTypeName, queryOptionsName, queryKeyName,
 		})
 	});
 }
-InfiniteQuery.getParams = getParams$1;
+Query.getParams = getParams$1;
 
 //#endregion
 //#region src/components/SuspenseQuery.tsx
@@ -951,6 +999,12 @@ Object.defineProperty(exports, 'MutationKey', {
     return MutationKey;
   }
 });
+Object.defineProperty(exports, 'MutationOptions', {
+  enumerable: true,
+  get: function () {
+    return MutationOptions;
+  }
+});
 Object.defineProperty(exports, 'Query', {
   enumerable: true,
   get: function () {
@@ -981,4 +1035,4 @@ Object.defineProperty(exports, '__toESM', {
     return __toESM;
   }
 });
-//# sourceMappingURL=components-DzT-kLe8.cjs.map
+//# sourceMappingURL=components-DkiO4xNZ.cjs.map